/* Minification failed. Returning unminified contents.
(30934,42): run-time error CSS1030: Expected identifier, found ':'
(30934,50): run-time error CSS1031: Expected selector, found ')'
(30934,50): run-time error CSS1025: Expected comma or open brace, found ')'
(30998,44): run-time error CSS1030: Expected identifier, found ':'
(30998,52): run-time error CSS1031: Expected selector, found ')'
(30998,52): run-time error CSS1025: Expected comma or open brace, found ')'
(47096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
@import "vendor/jquery-steps.css";
@import "vendor/jquery-switcher.css";
@import "vendor/image-picker.css";
@import "vendor/owl.css";
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

.overlay-screen-container .overlay-results .search-result-row, .overlay-screen-container .overlay-form-input, .overlay-screen-container .overlay-form, .overlay-screen-container .overlay-footer-push, .overlay-screen-container .overlay-top, .overlay-screen-container .overlay-tabs-content .addto-desks,
.overlay-screen-container .overlay-tabs-content .addto-classrooms, .overlay-screen-container .overlay-tabs, .overlay-screen-container .overlay-content .push-wrapper, .overlay-screen-container .overlay, .upgrade-step-success .receipt-details > li, .upgrade-step-success .receipt-details, .upgrade-step-success .receipt, .upgrade-step-confirm .upgrade-review-addresses, .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms, .upgrade-modal .pricing-option.horizontal .pricing-options, .upgrade-modal .modal-dialog-body-padding .coupon-group, .upgrade-modal .modal-dialog-body-padding .po-body, .upgrade-modal .modal-dialog-body-padding .po-header, .upgrade-modal .modal-dialog-body-padding .po, .upgrade-modal .modal-dialog-body-padding .card-group, .upgrade-modal .modal-dialog-body-padding .card-body, .upgrade-modal .modal-dialog-body-padding .card-header, .upgrade-modal .modal-dialog-body-padding .card, .upgrade-modal .modal-dialog-body-padding .address-group, .search-platform-results .search-result-row, .search-platform-form-input, .search-platform-form-header, .search-platform .fieldset.grades .grade-list, .search-platform, .pricing-option.horizontal .pricing-option-link, .pricing-table, .large-image-modal-image, .large-image-modal-body, .modal-dialog-footer, .modal-dialog-body, .modal-dialog-header, .modal-dialog .modal-content-popup, .modal-dialog .modal-content, .modal-dialog, .component-multistep-horizontal .multistep-panel, .component-overlay-bottom-layout, .component-layout-text, .component-quote-primary .component-quote-column, .component-quote-light .component-quote-column, .component-tabset .tab-panel, .component-tabset .tabs, .component-tabset, .component-stickyheader .component-stickyheader-container, .component-multistep-vertical, .component-multistep-horizontal, .component-intro .component-intro-column, .component-image-hero .component-hero-container, .component-hero .component-hero-container, .component-wide-callout-primary-60-40 .component-callout-container, .component-wide-callout-primary-40-60 .component-callout-container, .component-wide-callout-light-60-40 .component-callout-container, .component-wide-callout-light-40-60 .component-callout-container, .component-feature-callout-dark-60-40 .component-callout-container, .component-feature-callout-dark-40-60 .component-callout-container, .component-feature-callout-light-60-40 .component-callout-container, .component-feature-callout-light-40-60 .component-callout-container, .component-learnmore-image .component-callout-row, .component-learnmore-primary-top .component-callout-row, .component-learnmore-primary-bottom .component-callout-row, .component-learnmore-primary-100 .component-callout-row, .component-learnmore-primary-60-40 .component-callout-row, .component-learnmore-primary-40-60 .component-callout-row, .component-learnmore-light-top .component-callout-row, .component-learnmore-light-bottom .component-callout-row, .component-learnmore-light-100 .component-callout-row, .component-learnmore-light-60-40 .component-callout-row, .component-learnmore-light-40-60 .component-callout-row, .component-learnmore-image .learnmore-layout, .component-learnmore-primary-top .learnmore-layout, .component-learnmore-primary-bottom .learnmore-layout, .component-learnmore-primary-100 .learnmore-layout, .component-learnmore-primary-60-40 .learnmore-layout, .component-learnmore-primary-40-60 .learnmore-layout, .component-learnmore-light-top .learnmore-layout, .component-learnmore-light-bottom .learnmore-layout, .component-learnmore-light-100 .learnmore-layout, .component-learnmore-light-60-40 .learnmore-layout, .component-learnmore-light-40-60 .learnmore-layout, .component-wide-callout-primary-60-40, .component-wide-callout-primary-40-60, .component-wide-callout-light-60-40, .component-wide-callout-light-40-60, .component-callout-primary-60-40, .component-callout-primary-40-60, .component-callout-light-60-40, .component-callout-light-40-60, .threesixty, .component-audio, .component-video, .component-spacer, .component-image-full, .component-divider-learnmore, .component-divider, .component-quote-primary, .component-quote-light, .component-hotspot, .component-tabset, .component-stickyheader, .component-multistep-vertical, .component-multistep-horizontal, .component-checkitout, .component-thinkpiece, .component-panorama, .component-text-right, .component-text-center, .component-text-left, .component-text, .component-intro, .component-image-hero, .component-image-right, .component-image-left, .component-image-center, .component-image, .component-hero, .component-feature-callout-dark-60-40, .component-feature-callout-dark-40-60, .component-feature-callout-light-60-40, .component-feature-callout-light-40-60, .component-learnmore-image, .component-learnmore-primary-top, .component-learnmore-primary-bottom, .component-learnmore-primary-100, .component-learnmore-primary-60-40, .component-learnmore-primary-40-60, .component-learnmore-light-top, .component-learnmore-light-bottom, .component-learnmore-light-100, .component-learnmore-light-60-40, .component-learnmore-light-40-60, .component-social, .component-wide-callout-primary-60-40, .component-wide-callout-primary-40-60, .component-wide-callout-light-60-40, .component-wide-callout-light-40-60, .component-callout-primary-60-40, .component-callout-primary-40-60, .component-callout-light-60-40, .component-callout-light-40-60, .-debug-layout-grid, .layout-offset-right, .layout-offset-left, .layout-25-25-25-25, .layout-33-33-33, .layout-25-75, .layout-75-25, .layout-40-60, .layout-60-40, .layout-50-50, .layout-100-inset, .layout-100, .layout-full, .layout-offset-right, .layout-offset-left, .layout-25-25-25-25, .layout-33-33-33, .layout-25-75, .layout-75-25, .layout-40-60, .layout-60-40, .layout-50-50, .layout-100-inset, .layout-100, .form-panel-section, .file-upload-header, .file-upload, .fieldset-group .field-label, .file-upload > table:not(.single-upload-table), .fieldset-group > table, .fieldset-group, .fieldset-list--center, .fieldset-list, .fieldset-vertical--readonly, .fieldset-vertical, .fieldset-names-fields, .fieldset, .dropdownSearch-link, .dropdownSearch-menu .row, .dropdownSearch-menu--dark .row, .dropdown-link, .dropdown-menu .row, .dropdown-menu--dark .row, .discover-map .list-view .topics-list, .discover-map .list-view .units-list, .discover-map .list-view .categories-list, .discover-map .list-view-container, .discover, .c-card__form-group, .button-icon-primary, .addto-desks, .addto-customunits, .addto-classrooms, .addto-row, .addto-tabs, .addto, .user-settings-form .renewal, .account-renewal-form .renewal, .admin-item.user-account .licenses-rowfirstedu, .admin-item.user-account .licenses-rowedu, .admin-item.user-account .licenses-row, .admin-item.user-account .order-history .invoice-inner-row, .admin-item.user-account .order-history .invoice-list-item, .admin-item.user-account .details-form .credentials-group, .admin-item.user-account .details-form .subject-list, .admin-item.user-account .details-form .grade-list, .admin-item.user-account .billing-form .po-body, .admin-item.user-account .billing-form .po-header, .admin-item.user-account .billing-form .po, .admin-item.user-account .billing-form .address-group, .admin-item.user-account .content-toolbar, .-manual-and-digital-grade .manual-and-digital-grade__header, .presentation-assessments .presentation-item, .presentation-assessments .content-section-header, .publish-action, .point-value, .overlay-content .question-item, .assessment-list__item, .assessment__questions__version__container, .assessment__questions .calculations, .assessment__questions, .teacher-exam-questions-question, .teacher-exam-questions-actions, .teacher-exam-questions-container, .videoheader-wrapper, .related-videos-content, .infographic__box__header, .infographic, .infographic-content-wrapper, .infographic__header__wrapper, .trial-wizard-body .categories-list, .trial-wizard-body .wizard-student__content__form, .trial-wizard-body .wizard-classroom, .trial-modal-body .trial-modal-features, .topictoolbar-actions-wrapper, .topictoolbar-actions-help__row, .topictoolbar-actions, .topictoolbar-list, .topiccollection-topics-list, .topiccollection-topics, .topiccollection-header, .topicchannel, .topicrestricted, .topiccomponents-wrapper, .topiccomponents, .juniortopicdetails, .juniortopicdetails2, .topicdetails, .topicbar-list, .topicheader .topicheader-wrapper, .unitcontent-topic, .unitcontent-container, .unitcontent-wrapper, .unitheader-wrapper, .standards__empty, .standards__columns, .standards__row.-header, .standards__row, .standards__list h3, .standards__dropdowns, .standards__selections, .splash-actions, .splash-container, .splash, .register-modal .modal-dialog-footer .footer-actions, .quote .quotecontent-details .educator-details .fieldset.subjects .subject-list, .quote .quotecontent-details .educator-details .fieldset.grades .grade-list, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects .subject-list, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades .grade-list, .layout-sidebar .content-wrapper, .page-content, .create-student-modal .step-row-fields, .create-student-modal .step-row-header, .create-student-modal .step-row, .create-student-modal, .login-form-actions, .login-form-options, .login-container, .landerchannel, .landercomponents-wrapper, .landercomponents, .landerdetails, .landerheader .landerheader-wrapper, .forgotpassword__student__content__wrapper, .forgotpassword__student__content, .forgotpassword__content__wrapper__form__actions, .forgotpassword__content__wrapper, .forgotpassword__content, .forgotpassword__details__wrapper, .finish-profile-modal .form-panel-section .fieldset.subjects .subject-list, .finish-profile-modal .form-panel-section .fieldset.grades .grade-list, .home-content .content-item-unit-topics, .home-content .content-item-unit-topic-list-links, .home-content .content-item-unit-topic-list-header, .home-content .content-item-video-actions, .home-content .content-item-newvideo-actions, .home-content .content-item-new-resource-actions, .home-content .content-item-resource-actions, .home-content .content-items, .home-content, .home-header, .not-authenticated-intro-content, .registration__questions, .registration__question__container, .registration__container, .registration, .home-content .categories-list, .home-content .wrapper .content-item-unit-topics, .home-content .wrapper .content-item-unit-topic-list-links, .home-content .wrapper .content-item-unit-topic-list-header, .home-content .wrapper .content-item-video-actions, .home-content .wrapper .content-item-newvideo-actions, .home-content .wrapper .content-item-new-resource-actions, .home-content .wrapper .content-item-resource-actions, .site > header.register nav ul, .desk-item, .desk-unit-header, .classroom-content-sections-section-students-list, .classroom-content-sections-section-students .lexile-dropdown, .classroom-content-sections-section-students, .classroom-content-sections-section-content-list, .classroom-content-sections-section-content, .classroom-content-sections-section, .classroom-content-sections, .classroom-content-tabs, .classroom-header-background, .classroom-content-header-details, .classroom-content-header-actions .lexile-dropdown, .classroom-content-header-actions, .classrooms-item, .classroom-header, .accountcontent .upgrade-callout, .accountcontent-accounthistory .invoice-inner-row, .accountcontent-accounthistory .invoice-list-item, .accountcontent-billingaddress .address-group, .accountcontent-shippingaddress .address-group, .accountcontent-educatordetails .fieldset.subjects .subject-list, .accountcontent-educatordetails .fieldset.grades .grade-list, .accountcontent .callout-enterprise, .accountcontent .callout-referral, .accountcontent .upgrade__content__wrapper__billingsummary .billingsummary, .accountcontent .upgrade__content__wrapper__billingpo .row, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1, .accountcontent .upgrade__content__wrapper__billingcard .card-body, .accountcontent .upgrade__content__wrapper__billingcard .card-header, .accountcontent .upgrade__content__wrapper__billingcard .card, .accountcontent .upgrade__content__wrapper__billingcard .row, .accountcontent .upgrade__content__wrapper__selectedplan .plan, .accountcontent-upgrade, .accountcontent-referral .url-group, .accountcontent-plan, .accountcontent-wrapper, .account.oauth .connect-clever section, .account.oauth .connect-google section, .account.oauth .connect-classlink section, .account.oauth .connect-clever, .account.oauth .connect-google, .account.oauth .connect-classlink, .account .licenses-rowfirstedu, .account .licenses-rowedu, .account .licenses-row-multiple, .account .licenses-row, .account .cardform-row, .account .accountcontent .upgrade-callout-content, .accountcontent .account .upgrade-callout-content, .account .accountcontent-actions, .account .accountcontent-renewal, .account .accountcontent-accounthistory, .account .accountcontent-purchaseorder, .account .accountcontent-creditcard, .account .accountcontent-billingaddress, .account .accountcontent-shippingaddress, .account .accountcontent-paymentmethod, .account .accountcontent-credentials, .account .accountcontent-educatordetails, .account .accountcontent-details, .account .accountcontent-consent, .account .accountcontent .callout-referral-content, .accountcontent .account .callout-referral-content, .account .accountcontent .upgrade__content__wrapper, .accountcontent .account .upgrade__content__wrapper, .account .accountcontent-upgrade-content, .account .accountcontent-referral, .account .accountcontent-new-plan, .account .accountcontent-current-plan, .account .accountcontent-expired-plan, .account .accountcontent-header, .account .accountcontent-section-header-multiple, .account .accountcontent-section-header, .account .licenses-container {
  *zoom: 1;
}
.overlay-screen-container .overlay-results .search-result-row:before, .overlay-screen-container .overlay-form-input:before, .overlay-screen-container .overlay-form:before, .overlay-screen-container .overlay-footer-push:before, .overlay-screen-container .overlay-top:before, .overlay-screen-container .overlay-tabs-content .addto-desks:before,
.overlay-screen-container .overlay-tabs-content .addto-classrooms:before, .overlay-screen-container .overlay-tabs:before, .overlay-screen-container .overlay-content .push-wrapper:before, .overlay-screen-container .overlay:before, .upgrade-step-success .receipt-details > li:before, .upgrade-step-success .receipt-details:before, .upgrade-step-success .receipt:before, .upgrade-step-confirm .upgrade-review-addresses:before, .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms:before, .upgrade-modal .pricing-option.horizontal .pricing-options:before, .upgrade-modal .modal-dialog-body-padding .coupon-group:before, .upgrade-modal .modal-dialog-body-padding .po-body:before, .upgrade-modal .modal-dialog-body-padding .po-header:before, .upgrade-modal .modal-dialog-body-padding .po:before, .upgrade-modal .modal-dialog-body-padding .card-group:before, .upgrade-modal .modal-dialog-body-padding .card-body:before, .upgrade-modal .modal-dialog-body-padding .card-header:before, .upgrade-modal .modal-dialog-body-padding .card:before, .upgrade-modal .modal-dialog-body-padding .address-group:before, .search-platform-results .search-result-row:before, .search-platform-form-input:before, .search-platform-form-header:before, .search-platform .fieldset.grades .grade-list:before, .search-platform:before, .pricing-option.horizontal .pricing-option-link:before, .pricing-table:before, .large-image-modal-image:before, .large-image-modal-body:before, .modal-dialog-footer:before, .modal-dialog-body:before, .modal-dialog-header:before, .modal-dialog .modal-content-popup:before, .modal-dialog .modal-content:before, .modal-dialog:before, .component-multistep-horizontal .multistep-panel:before, .component-overlay-bottom-layout:before, .component-layout-text:before, .component-quote-primary .component-quote-column:before, .component-quote-light .component-quote-column:before, .component-tabset .tab-panel:before, .component-tabset .tabs:before, .component-tabset:before, .component-stickyheader .component-stickyheader-container:before, .component-multistep-vertical:before, .component-multistep-horizontal:before, .component-intro .component-intro-column:before, .component-image-hero .component-hero-container:before, .component-hero .component-hero-container:before, .component-wide-callout-primary-60-40 .component-callout-container:before, .component-wide-callout-primary-40-60 .component-callout-container:before, .component-wide-callout-light-60-40 .component-callout-container:before, .component-wide-callout-light-40-60 .component-callout-container:before, .component-feature-callout-dark-60-40 .component-callout-container:before, .component-feature-callout-dark-40-60 .component-callout-container:before, .component-feature-callout-light-60-40 .component-callout-container:before, .component-feature-callout-light-40-60 .component-callout-container:before, .component-learnmore-image .component-callout-row:before, .component-learnmore-primary-top .component-callout-row:before, .component-learnmore-primary-bottom .component-callout-row:before, .component-learnmore-primary-100 .component-callout-row:before, .component-learnmore-primary-60-40 .component-callout-row:before, .component-learnmore-primary-40-60 .component-callout-row:before, .component-learnmore-light-top .component-callout-row:before, .component-learnmore-light-bottom .component-callout-row:before, .component-learnmore-light-100 .component-callout-row:before, .component-learnmore-light-60-40 .component-callout-row:before, .component-learnmore-light-40-60 .component-callout-row:before, .component-learnmore-image .learnmore-layout:before, .component-learnmore-primary-top .learnmore-layout:before, .component-learnmore-primary-bottom .learnmore-layout:before, .component-learnmore-primary-100 .learnmore-layout:before, .component-learnmore-primary-60-40 .learnmore-layout:before, .component-learnmore-primary-40-60 .learnmore-layout:before, .component-learnmore-light-top .learnmore-layout:before, .component-learnmore-light-bottom .learnmore-layout:before, .component-learnmore-light-100 .learnmore-layout:before, .component-learnmore-light-60-40 .learnmore-layout:before, .component-learnmore-light-40-60 .learnmore-layout:before, .component-wide-callout-primary-60-40:before, .component-wide-callout-primary-40-60:before, .component-wide-callout-light-60-40:before, .component-wide-callout-light-40-60:before, .component-callout-primary-60-40:before, .component-callout-primary-40-60:before, .component-callout-light-60-40:before, .component-callout-light-40-60:before, .threesixty:before, .component-audio:before, .component-video:before, .component-spacer:before, .component-image-full:before, .component-divider-learnmore:before, .component-divider:before, .component-quote-primary:before, .component-quote-light:before, .component-hotspot:before, .component-tabset:before, .component-stickyheader:before, .component-multistep-vertical:before, .component-multistep-horizontal:before, .component-checkitout:before, .component-thinkpiece:before, .component-panorama:before, .component-text-right:before, .component-text-center:before, .component-text-left:before, .component-text:before, .component-intro:before, .component-image-hero:before, .component-image-right:before, .component-image-left:before, .component-image-center:before, .component-image:before, .component-hero:before, .component-feature-callout-dark-60-40:before, .component-feature-callout-dark-40-60:before, .component-feature-callout-light-60-40:before, .component-feature-callout-light-40-60:before, .component-learnmore-image:before, .component-learnmore-primary-top:before, .component-learnmore-primary-bottom:before, .component-learnmore-primary-100:before, .component-learnmore-primary-60-40:before, .component-learnmore-primary-40-60:before, .component-learnmore-light-top:before, .component-learnmore-light-bottom:before, .component-learnmore-light-100:before, .component-learnmore-light-60-40:before, .component-learnmore-light-40-60:before, .component-social:before, .component-wide-callout-primary-60-40:before, .component-wide-callout-primary-40-60:before, .component-wide-callout-light-60-40:before, .component-wide-callout-light-40-60:before, .component-callout-primary-60-40:before, .component-callout-primary-40-60:before, .component-callout-light-60-40:before, .component-callout-light-40-60:before, .-debug-layout-grid:before, .layout-offset-right:before, .layout-offset-left:before, .layout-25-25-25-25:before, .layout-33-33-33:before, .layout-25-75:before, .layout-75-25:before, .layout-40-60:before, .layout-60-40:before, .layout-50-50:before, .layout-100-inset:before, .layout-100:before, .layout-full:before, .layout-offset-right:before, .layout-offset-left:before, .layout-25-25-25-25:before, .layout-33-33-33:before, .layout-25-75:before, .layout-75-25:before, .layout-40-60:before, .layout-60-40:before, .layout-50-50:before, .layout-100-inset:before, .layout-100:before, .form-panel-section:before, .file-upload-header:before, .file-upload:before, .fieldset-group .field-label:before, .file-upload > table:not(.single-upload-table):before, .fieldset-group > table:before, .fieldset-group:before, .fieldset-list--center:before, .fieldset-list:before, .fieldset-vertical--readonly:before, .fieldset-vertical:before, .fieldset-names-fields:before, .fieldset:before, .dropdownSearch-link:before, .dropdownSearch-menu .row:before, .dropdownSearch-menu--dark .row:before, .dropdown-link:before, .dropdown-menu .row:before, .dropdown-menu--dark .row:before, .discover-map .list-view .topics-list:before, .discover-map .list-view .units-list:before, .discover-map .list-view .categories-list:before, .discover-map .list-view-container:before, .discover:before, .c-card__form-group:before, .button-icon-primary:before, .addto-desks:before, .addto-customunits:before, .addto-classrooms:before, .addto-row:before, .addto-tabs:before, .addto:before, .user-settings-form .renewal:before, .account-renewal-form .renewal:before, .admin-item.user-account .licenses-rowfirstedu:before, .admin-item.user-account .licenses-rowedu:before, .admin-item.user-account .licenses-row:before, .admin-item.user-account .order-history .invoice-inner-row:before, .admin-item.user-account .order-history .invoice-list-item:before, .admin-item.user-account .details-form .credentials-group:before, .admin-item.user-account .details-form .subject-list:before, .admin-item.user-account .details-form .grade-list:before, .admin-item.user-account .billing-form .po-body:before, .admin-item.user-account .billing-form .po-header:before, .admin-item.user-account .billing-form .po:before, .admin-item.user-account .billing-form .address-group:before, .admin-item.user-account .content-toolbar:before, .-manual-and-digital-grade .manual-and-digital-grade__header:before, .presentation-assessments .presentation-item:before, .presentation-assessments .content-section-header:before, .publish-action:before, .point-value:before, .overlay-content .question-item:before, .assessment-list__item:before, .assessment__questions__version__container:before, .assessment__questions .calculations:before, .assessment__questions:before, .teacher-exam-questions-question:before, .teacher-exam-questions-actions:before, .teacher-exam-questions-container:before, .videoheader-wrapper:before, .related-videos-content:before, .infographic__box__header:before, .infographic:before, .infographic-content-wrapper:before, .infographic__header__wrapper:before, .trial-wizard-body .categories-list:before, .trial-wizard-body .wizard-student__content__form:before, .trial-wizard-body .wizard-classroom:before, .trial-modal-body .trial-modal-features:before, .topictoolbar-actions-wrapper:before, .topictoolbar-actions-help__row:before, .topictoolbar-actions:before, .topictoolbar-list:before, .topiccollection-topics-list:before, .topiccollection-topics:before, .topiccollection-header:before, .topicchannel:before, .topicrestricted:before, .topiccomponents-wrapper:before, .topiccomponents:before, .juniortopicdetails:before, .juniortopicdetails2:before, .topicdetails:before, .topicbar-list:before, .topicheader .topicheader-wrapper:before, .unitcontent-topic:before, .unitcontent-container:before, .unitcontent-wrapper:before, .unitheader-wrapper:before, .standards__empty:before, .standards__columns:before, .standards__row.-header:before, .standards__row:before, .standards__list h3:before, .standards__dropdowns:before, .standards__selections:before, .splash-actions:before, .splash-container:before, .splash:before, .register-modal .modal-dialog-footer .footer-actions:before, .quote .quotecontent-details .educator-details .fieldset.subjects .subject-list:before, .quote .quotecontent-details .educator-details .fieldset.grades .grade-list:before, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects .subject-list:before, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades .grade-list:before, .layout-sidebar .content-wrapper:before, .page-content:before, .create-student-modal .step-row-fields:before, .create-student-modal .step-row-header:before, .create-student-modal .step-row:before, .create-student-modal:before, .login-form-actions:before, .login-form-options:before, .login-container:before, .landerchannel:before, .landercomponents-wrapper:before, .landercomponents:before, .landerdetails:before, .landerheader .landerheader-wrapper:before, .forgotpassword__student__content__wrapper:before, .forgotpassword__student__content:before, .forgotpassword__content__wrapper__form__actions:before, .forgotpassword__content__wrapper:before, .forgotpassword__content:before, .forgotpassword__details__wrapper:before, .finish-profile-modal .form-panel-section .fieldset.subjects .subject-list:before, .finish-profile-modal .form-panel-section .fieldset.grades .grade-list:before, .home-content .content-item-unit-topics:before, .home-content .content-item-unit-topic-list-links:before, .home-content .content-item-unit-topic-list-header:before, .home-content .content-item-video-actions:before, .home-content .content-item-newvideo-actions:before, .home-content .content-item-new-resource-actions:before, .home-content .content-item-resource-actions:before, .home-content .content-items:before, .home-content:before, .home-header:before, .not-authenticated-intro-content:before, .registration__questions:before, .registration__question__container:before, .registration__container:before, .registration:before, .home-content .categories-list:before, .home-content .wrapper .content-item-unit-topics:before, .home-content .wrapper .content-item-unit-topic-list-links:before, .home-content .wrapper .content-item-unit-topic-list-header:before, .home-content .wrapper .content-item-video-actions:before, .home-content .wrapper .content-item-newvideo-actions:before, .home-content .wrapper .content-item-new-resource-actions:before, .home-content .wrapper .content-item-resource-actions:before, .site > header.register nav ul:before, .desk-item:before, .desk-unit-header:before, .classroom-content-sections-section-students-list:before, .classroom-content-sections-section-students .lexile-dropdown:before, .classroom-content-sections-section-students:before, .classroom-content-sections-section-content-list:before, .classroom-content-sections-section-content:before, .classroom-content-sections-section:before, .classroom-content-sections:before, .classroom-content-tabs:before, .classroom-header-background:before, .classroom-content-header-details:before, .classroom-content-header-actions .lexile-dropdown:before, .classroom-content-header-actions:before, .classrooms-item:before, .classroom-header:before, .accountcontent .upgrade-callout:before, .accountcontent-accounthistory .invoice-inner-row:before, .accountcontent-accounthistory .invoice-list-item:before, .accountcontent-billingaddress .address-group:before, .accountcontent-shippingaddress .address-group:before, .accountcontent-educatordetails .fieldset.subjects .subject-list:before, .accountcontent-educatordetails .fieldset.grades .grade-list:before, .accountcontent .callout-enterprise:before, .accountcontent .callout-referral:before, .accountcontent .upgrade__content__wrapper__billingsummary .billingsummary:before, .accountcontent .upgrade__content__wrapper__billingpo .row:before, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2:before, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1:before, .accountcontent .upgrade__content__wrapper__billingcard .card-body:before, .accountcontent .upgrade__content__wrapper__billingcard .card-header:before, .accountcontent .upgrade__content__wrapper__billingcard .card:before, .accountcontent .upgrade__content__wrapper__billingcard .row:before, .accountcontent .upgrade__content__wrapper__selectedplan .plan:before, .accountcontent-upgrade:before, .accountcontent-referral .url-group:before, .accountcontent-plan:before, .accountcontent-wrapper:before, .account.oauth .connect-clever section:before, .account.oauth .connect-google section:before, .account.oauth .connect-classlink section:before, .account.oauth .connect-clever:before, .account.oauth .connect-google:before, .account.oauth .connect-classlink:before, .account .licenses-rowfirstedu:before, .account .licenses-rowedu:before, .account .licenses-row-multiple:before, .account .licenses-row:before, .account .cardform-row:before, .account .accountcontent .upgrade-callout-content:before, .accountcontent .account .upgrade-callout-content:before, .account .accountcontent-actions:before, .account .accountcontent-renewal:before, .account .accountcontent-accounthistory:before, .account .accountcontent-purchaseorder:before, .account .accountcontent-creditcard:before, .account .accountcontent-billingaddress:before, .account .accountcontent-shippingaddress:before, .account .accountcontent-paymentmethod:before, .account .accountcontent-credentials:before, .account .accountcontent-educatordetails:before, .account .accountcontent-details:before, .account .accountcontent-consent:before, .account .accountcontent .callout-referral-content:before, .accountcontent .account .callout-referral-content:before, .account .accountcontent .upgrade__content__wrapper:before, .accountcontent .account .upgrade__content__wrapper:before, .account .accountcontent-upgrade-content:before, .account .accountcontent-referral:before, .account .accountcontent-new-plan:before, .account .accountcontent-current-plan:before, .account .accountcontent-expired-plan:before, .account .accountcontent-header:before, .account .accountcontent-section-header-multiple:before, .account .accountcontent-section-header:before, .account .licenses-container:before, .overlay-screen-container .overlay-results .search-result-row:after, .overlay-screen-container .overlay-form-input:after, .overlay-screen-container .overlay-form:after, .overlay-screen-container .overlay-footer-push:after, .overlay-screen-container .overlay-top:after, .overlay-screen-container .overlay-tabs-content .addto-desks:after,
.overlay-screen-container .overlay-tabs-content .addto-classrooms:after, .overlay-screen-container .overlay-tabs:after, .overlay-screen-container .overlay-content .push-wrapper:after, .overlay-screen-container .overlay:after, .upgrade-step-success .receipt-details > li:after, .upgrade-step-success .receipt-details:after, .upgrade-step-success .receipt:after, .upgrade-step-confirm .upgrade-review-addresses:after, .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms:after, .upgrade-modal .pricing-option.horizontal .pricing-options:after, .upgrade-modal .modal-dialog-body-padding .coupon-group:after, .upgrade-modal .modal-dialog-body-padding .po-body:after, .upgrade-modal .modal-dialog-body-padding .po-header:after, .upgrade-modal .modal-dialog-body-padding .po:after, .upgrade-modal .modal-dialog-body-padding .card-group:after, .upgrade-modal .modal-dialog-body-padding .card-body:after, .upgrade-modal .modal-dialog-body-padding .card-header:after, .upgrade-modal .modal-dialog-body-padding .card:after, .upgrade-modal .modal-dialog-body-padding .address-group:after, .search-platform-results .search-result-row:after, .search-platform-form-input:after, .search-platform-form-header:after, .search-platform .fieldset.grades .grade-list:after, .search-platform:after, .pricing-option.horizontal .pricing-option-link:after, .pricing-table:after, .large-image-modal-image:after, .large-image-modal-body:after, .modal-dialog-footer:after, .modal-dialog-body:after, .modal-dialog-header:after, .modal-dialog .modal-content-popup:after, .modal-dialog .modal-content:after, .modal-dialog:after, .component-multistep-horizontal .multistep-panel:after, .component-overlay-bottom-layout:after, .component-layout-text:after, .component-quote-primary .component-quote-column:after, .component-quote-light .component-quote-column:after, .component-tabset .tab-panel:after, .component-tabset .tabs:after, .component-tabset:after, .component-stickyheader .component-stickyheader-container:after, .component-multistep-vertical:after, .component-multistep-horizontal:after, .component-intro .component-intro-column:after, .component-image-hero .component-hero-container:after, .component-hero .component-hero-container:after, .component-wide-callout-primary-60-40 .component-callout-container:after, .component-wide-callout-primary-40-60 .component-callout-container:after, .component-wide-callout-light-60-40 .component-callout-container:after, .component-wide-callout-light-40-60 .component-callout-container:after, .component-feature-callout-dark-60-40 .component-callout-container:after, .component-feature-callout-dark-40-60 .component-callout-container:after, .component-feature-callout-light-60-40 .component-callout-container:after, .component-feature-callout-light-40-60 .component-callout-container:after, .component-learnmore-image .component-callout-row:after, .component-learnmore-primary-top .component-callout-row:after, .component-learnmore-primary-bottom .component-callout-row:after, .component-learnmore-primary-100 .component-callout-row:after, .component-learnmore-primary-60-40 .component-callout-row:after, .component-learnmore-primary-40-60 .component-callout-row:after, .component-learnmore-light-top .component-callout-row:after, .component-learnmore-light-bottom .component-callout-row:after, .component-learnmore-light-100 .component-callout-row:after, .component-learnmore-light-60-40 .component-callout-row:after, .component-learnmore-light-40-60 .component-callout-row:after, .component-learnmore-image .learnmore-layout:after, .component-learnmore-primary-top .learnmore-layout:after, .component-learnmore-primary-bottom .learnmore-layout:after, .component-learnmore-primary-100 .learnmore-layout:after, .component-learnmore-primary-60-40 .learnmore-layout:after, .component-learnmore-primary-40-60 .learnmore-layout:after, .component-learnmore-light-top .learnmore-layout:after, .component-learnmore-light-bottom .learnmore-layout:after, .component-learnmore-light-100 .learnmore-layout:after, .component-learnmore-light-60-40 .learnmore-layout:after, .component-learnmore-light-40-60 .learnmore-layout:after, .component-wide-callout-primary-60-40:after, .component-wide-callout-primary-40-60:after, .component-wide-callout-light-60-40:after, .component-wide-callout-light-40-60:after, .component-callout-primary-60-40:after, .component-callout-primary-40-60:after, .component-callout-light-60-40:after, .component-callout-light-40-60:after, .threesixty:after, .component-audio:after, .component-video:after, .component-spacer:after, .component-image-full:after, .component-divider-learnmore:after, .component-divider:after, .component-quote-primary:after, .component-quote-light:after, .component-hotspot:after, .component-tabset:after, .component-stickyheader:after, .component-multistep-vertical:after, .component-multistep-horizontal:after, .component-checkitout:after, .component-thinkpiece:after, .component-panorama:after, .component-text-right:after, .component-text-center:after, .component-text-left:after, .component-text:after, .component-intro:after, .component-image-hero:after, .component-image-right:after, .component-image-left:after, .component-image-center:after, .component-image:after, .component-hero:after, .component-feature-callout-dark-60-40:after, .component-feature-callout-dark-40-60:after, .component-feature-callout-light-60-40:after, .component-feature-callout-light-40-60:after, .component-learnmore-image:after, .component-learnmore-primary-top:after, .component-learnmore-primary-bottom:after, .component-learnmore-primary-100:after, .component-learnmore-primary-60-40:after, .component-learnmore-primary-40-60:after, .component-learnmore-light-top:after, .component-learnmore-light-bottom:after, .component-learnmore-light-100:after, .component-learnmore-light-60-40:after, .component-learnmore-light-40-60:after, .component-social:after, .component-wide-callout-primary-60-40:after, .component-wide-callout-primary-40-60:after, .component-wide-callout-light-60-40:after, .component-wide-callout-light-40-60:after, .component-callout-primary-60-40:after, .component-callout-primary-40-60:after, .component-callout-light-60-40:after, .component-callout-light-40-60:after, .-debug-layout-grid:after, .layout-offset-right:after, .layout-offset-left:after, .layout-25-25-25-25:after, .layout-33-33-33:after, .layout-25-75:after, .layout-75-25:after, .layout-40-60:after, .layout-60-40:after, .layout-50-50:after, .layout-100-inset:after, .layout-100:after, .layout-full:after, .layout-offset-right:after, .layout-offset-left:after, .layout-25-25-25-25:after, .layout-33-33-33:after, .layout-25-75:after, .layout-75-25:after, .layout-40-60:after, .layout-60-40:after, .layout-50-50:after, .layout-100-inset:after, .layout-100:after, .form-panel-section:after, .file-upload-header:after, .file-upload:after, .fieldset-group .field-label:after, .file-upload > table:not(.single-upload-table):after, .fieldset-group > table:after, .fieldset-group:after, .fieldset-list--center:after, .fieldset-list:after, .fieldset-vertical--readonly:after, .fieldset-vertical:after, .fieldset-names-fields:after, .fieldset:after, .dropdownSearch-link:after, .dropdownSearch-menu .row:after, .dropdownSearch-menu--dark .row:after, .dropdown-link:after, .dropdown-menu .row:after, .dropdown-menu--dark .row:after, .discover-map .list-view .topics-list:after, .discover-map .list-view .units-list:after, .discover-map .list-view .categories-list:after, .discover-map .list-view-container:after, .discover:after, .c-card__form-group:after, .button-icon-primary:after, .addto-desks:after, .addto-customunits:after, .addto-classrooms:after, .addto-row:after, .addto-tabs:after, .addto:after, .user-settings-form .renewal:after, .account-renewal-form .renewal:after, .admin-item.user-account .licenses-rowfirstedu:after, .admin-item.user-account .licenses-rowedu:after, .admin-item.user-account .licenses-row:after, .admin-item.user-account .order-history .invoice-inner-row:after, .admin-item.user-account .order-history .invoice-list-item:after, .admin-item.user-account .details-form .credentials-group:after, .admin-item.user-account .details-form .subject-list:after, .admin-item.user-account .details-form .grade-list:after, .admin-item.user-account .billing-form .po-body:after, .admin-item.user-account .billing-form .po-header:after, .admin-item.user-account .billing-form .po:after, .admin-item.user-account .billing-form .address-group:after, .admin-item.user-account .content-toolbar:after, .-manual-and-digital-grade .manual-and-digital-grade__header:after, .presentation-assessments .presentation-item:after, .presentation-assessments .content-section-header:after, .publish-action:after, .point-value:after, .overlay-content .question-item:after, .assessment-list__item:after, .assessment__questions__version__container:after, .assessment__questions .calculations:after, .assessment__questions:after, .teacher-exam-questions-question:after, .teacher-exam-questions-actions:after, .teacher-exam-questions-container:after, .videoheader-wrapper:after, .related-videos-content:after, .infographic__box__header:after, .infographic:after, .infographic-content-wrapper:after, .infographic__header__wrapper:after, .trial-wizard-body .categories-list:after, .trial-wizard-body .wizard-student__content__form:after, .trial-wizard-body .wizard-classroom:after, .trial-modal-body .trial-modal-features:after, .topictoolbar-actions-wrapper:after, .topictoolbar-actions-help__row:after, .topictoolbar-actions:after, .topictoolbar-list:after, .topiccollection-topics-list:after, .topiccollection-topics:after, .topiccollection-header:after, .topicchannel:after, .topicrestricted:after, .topiccomponents-wrapper:after, .topiccomponents:after, .juniortopicdetails:after, .juniortopicdetails2:after, .topicdetails:after, .topicbar-list:after, .topicheader .topicheader-wrapper:after, .unitcontent-topic:after, .unitcontent-container:after, .unitcontent-wrapper:after, .unitheader-wrapper:after, .standards__empty:after, .standards__columns:after, .standards__row.-header:after, .standards__row:after, .standards__list h3:after, .standards__dropdowns:after, .standards__selections:after, .splash-actions:after, .splash-container:after, .splash:after, .register-modal .modal-dialog-footer .footer-actions:after, .quote .quotecontent-details .educator-details .fieldset.subjects .subject-list:after, .quote .quotecontent-details .educator-details .fieldset.grades .grade-list:after, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects .subject-list:after, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades .grade-list:after, .layout-sidebar .content-wrapper:after, .page-content:after, .create-student-modal .step-row-fields:after, .create-student-modal .step-row-header:after, .create-student-modal .step-row:after, .create-student-modal:after, .login-form-actions:after, .login-form-options:after, .login-container:after, .landerchannel:after, .landercomponents-wrapper:after, .landercomponents:after, .landerdetails:after, .landerheader .landerheader-wrapper:after, .forgotpassword__student__content__wrapper:after, .forgotpassword__student__content:after, .forgotpassword__content__wrapper__form__actions:after, .forgotpassword__content__wrapper:after, .forgotpassword__content:after, .forgotpassword__details__wrapper:after, .finish-profile-modal .form-panel-section .fieldset.subjects .subject-list:after, .finish-profile-modal .form-panel-section .fieldset.grades .grade-list:after, .home-content .content-item-unit-topics:after, .home-content .content-item-unit-topic-list-links:after, .home-content .content-item-unit-topic-list-header:after, .home-content .content-item-video-actions:after, .home-content .content-item-newvideo-actions:after, .home-content .content-item-new-resource-actions:after, .home-content .content-item-resource-actions:after, .home-content .content-items:after, .home-content:after, .home-header:after, .not-authenticated-intro-content:after, .registration__questions:after, .registration__question__container:after, .registration__container:after, .registration:after, .home-content .categories-list:after, .home-content .wrapper .content-item-unit-topics:after, .home-content .wrapper .content-item-unit-topic-list-links:after, .home-content .wrapper .content-item-unit-topic-list-header:after, .home-content .wrapper .content-item-video-actions:after, .home-content .wrapper .content-item-newvideo-actions:after, .home-content .wrapper .content-item-new-resource-actions:after, .home-content .wrapper .content-item-resource-actions:after, .site > header.register nav ul:after, .desk-item:after, .desk-unit-header:after, .classroom-content-sections-section-students-list:after, .classroom-content-sections-section-students .lexile-dropdown:after, .classroom-content-sections-section-students:after, .classroom-content-sections-section-content-list:after, .classroom-content-sections-section-content:after, .classroom-content-sections-section:after, .classroom-content-sections:after, .classroom-content-tabs:after, .classroom-header-background:after, .classroom-content-header-details:after, .classroom-content-header-actions .lexile-dropdown:after, .classroom-content-header-actions:after, .classrooms-item:after, .classroom-header:after, .accountcontent .upgrade-callout:after, .accountcontent-accounthistory .invoice-inner-row:after, .accountcontent-accounthistory .invoice-list-item:after, .accountcontent-billingaddress .address-group:after, .accountcontent-shippingaddress .address-group:after, .accountcontent-educatordetails .fieldset.subjects .subject-list:after, .accountcontent-educatordetails .fieldset.grades .grade-list:after, .accountcontent .callout-enterprise:after, .accountcontent .callout-referral:after, .accountcontent .upgrade__content__wrapper__billingsummary .billingsummary:after, .accountcontent .upgrade__content__wrapper__billingpo .row:after, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2:after, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1:after, .accountcontent .upgrade__content__wrapper__billingcard .card-body:after, .accountcontent .upgrade__content__wrapper__billingcard .card-header:after, .accountcontent .upgrade__content__wrapper__billingcard .card:after, .accountcontent .upgrade__content__wrapper__billingcard .row:after, .accountcontent .upgrade__content__wrapper__selectedplan .plan:after, .accountcontent-upgrade:after, .accountcontent-referral .url-group:after, .accountcontent-plan:after, .accountcontent-wrapper:after, .account.oauth .connect-clever section:after, .account.oauth .connect-google section:after, .account.oauth .connect-classlink section:after, .account.oauth .connect-clever:after, .account.oauth .connect-google:after, .account.oauth .connect-classlink:after, .account .licenses-rowfirstedu:after, .account .licenses-rowedu:after, .account .licenses-row-multiple:after, .account .licenses-row:after, .account .cardform-row:after, .account .accountcontent .upgrade-callout-content:after, .accountcontent .account .upgrade-callout-content:after, .account .accountcontent-actions:after, .account .accountcontent-renewal:after, .account .accountcontent-accounthistory:after, .account .accountcontent-purchaseorder:after, .account .accountcontent-creditcard:after, .account .accountcontent-billingaddress:after, .account .accountcontent-shippingaddress:after, .account .accountcontent-paymentmethod:after, .account .accountcontent-credentials:after, .account .accountcontent-educatordetails:after, .account .accountcontent-details:after, .account .accountcontent-consent:after, .account .accountcontent .callout-referral-content:after, .accountcontent .account .callout-referral-content:after, .account .accountcontent .upgrade__content__wrapper:after, .accountcontent .account .upgrade__content__wrapper:after, .account .accountcontent-upgrade-content:after, .account .accountcontent-referral:after, .account .accountcontent-new-plan:after, .account .accountcontent-current-plan:after, .account .accountcontent-expired-plan:after, .account .accountcontent-header:after, .account .accountcontent-section-header-multiple:after, .account .accountcontent-section-header:after, .account .licenses-container:after {
  content: " ";
  display: table;
}
.overlay-screen-container .overlay-results .search-result-row:after, .overlay-screen-container .overlay-form-input:after, .overlay-screen-container .overlay-form:after, .overlay-screen-container .overlay-footer-push:after, .overlay-screen-container .overlay-top:after, .overlay-screen-container .overlay-tabs-content .addto-desks:after,
.overlay-screen-container .overlay-tabs-content .addto-classrooms:after, .overlay-screen-container .overlay-tabs:after, .overlay-screen-container .overlay-content .push-wrapper:after, .overlay-screen-container .overlay:after, .upgrade-step-success .receipt-details > li:after, .upgrade-step-success .receipt-details:after, .upgrade-step-success .receipt:after, .upgrade-step-confirm .upgrade-review-addresses:after, .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms:after, .upgrade-modal .pricing-option.horizontal .pricing-options:after, .upgrade-modal .modal-dialog-body-padding .coupon-group:after, .upgrade-modal .modal-dialog-body-padding .po-body:after, .upgrade-modal .modal-dialog-body-padding .po-header:after, .upgrade-modal .modal-dialog-body-padding .po:after, .upgrade-modal .modal-dialog-body-padding .card-group:after, .upgrade-modal .modal-dialog-body-padding .card-body:after, .upgrade-modal .modal-dialog-body-padding .card-header:after, .upgrade-modal .modal-dialog-body-padding .card:after, .upgrade-modal .modal-dialog-body-padding .address-group:after, .search-platform-results .search-result-row:after, .search-platform-form-input:after, .search-platform-form-header:after, .search-platform .fieldset.grades .grade-list:after, .search-platform:after, .pricing-option.horizontal .pricing-option-link:after, .pricing-table:after, .large-image-modal-image:after, .large-image-modal-body:after, .modal-dialog-footer:after, .modal-dialog-body:after, .modal-dialog-header:after, .modal-dialog .modal-content-popup:after, .modal-dialog .modal-content:after, .modal-dialog:after, .component-multistep-horizontal .multistep-panel:after, .component-overlay-bottom-layout:after, .component-layout-text:after, .component-quote-primary .component-quote-column:after, .component-quote-light .component-quote-column:after, .component-tabset .tab-panel:after, .component-tabset .tabs:after, .component-tabset:after, .component-stickyheader .component-stickyheader-container:after, .component-multistep-vertical:after, .component-multistep-horizontal:after, .component-intro .component-intro-column:after, .component-image-hero .component-hero-container:after, .component-hero .component-hero-container:after, .component-wide-callout-primary-60-40 .component-callout-container:after, .component-wide-callout-primary-40-60 .component-callout-container:after, .component-wide-callout-light-60-40 .component-callout-container:after, .component-wide-callout-light-40-60 .component-callout-container:after, .component-feature-callout-dark-60-40 .component-callout-container:after, .component-feature-callout-dark-40-60 .component-callout-container:after, .component-feature-callout-light-60-40 .component-callout-container:after, .component-feature-callout-light-40-60 .component-callout-container:after, .component-learnmore-image .component-callout-row:after, .component-learnmore-primary-top .component-callout-row:after, .component-learnmore-primary-bottom .component-callout-row:after, .component-learnmore-primary-100 .component-callout-row:after, .component-learnmore-primary-60-40 .component-callout-row:after, .component-learnmore-primary-40-60 .component-callout-row:after, .component-learnmore-light-top .component-callout-row:after, .component-learnmore-light-bottom .component-callout-row:after, .component-learnmore-light-100 .component-callout-row:after, .component-learnmore-light-60-40 .component-callout-row:after, .component-learnmore-light-40-60 .component-callout-row:after, .component-learnmore-image .learnmore-layout:after, .component-learnmore-primary-top .learnmore-layout:after, .component-learnmore-primary-bottom .learnmore-layout:after, .component-learnmore-primary-100 .learnmore-layout:after, .component-learnmore-primary-60-40 .learnmore-layout:after, .component-learnmore-primary-40-60 .learnmore-layout:after, .component-learnmore-light-top .learnmore-layout:after, .component-learnmore-light-bottom .learnmore-layout:after, .component-learnmore-light-100 .learnmore-layout:after, .component-learnmore-light-60-40 .learnmore-layout:after, .component-learnmore-light-40-60 .learnmore-layout:after, .component-wide-callout-primary-60-40:after, .component-wide-callout-primary-40-60:after, .component-wide-callout-light-60-40:after, .component-wide-callout-light-40-60:after, .component-callout-primary-60-40:after, .component-callout-primary-40-60:after, .component-callout-light-60-40:after, .component-callout-light-40-60:after, .threesixty:after, .component-audio:after, .component-video:after, .component-spacer:after, .component-image-full:after, .component-divider-learnmore:after, .component-divider:after, .component-quote-primary:after, .component-quote-light:after, .component-hotspot:after, .component-tabset:after, .component-stickyheader:after, .component-multistep-vertical:after, .component-multistep-horizontal:after, .component-checkitout:after, .component-thinkpiece:after, .component-panorama:after, .component-text-right:after, .component-text-center:after, .component-text-left:after, .component-text:after, .component-intro:after, .component-image-hero:after, .component-image-right:after, .component-image-left:after, .component-image-center:after, .component-image:after, .component-hero:after, .component-feature-callout-dark-60-40:after, .component-feature-callout-dark-40-60:after, .component-feature-callout-light-60-40:after, .component-feature-callout-light-40-60:after, .component-learnmore-image:after, .component-learnmore-primary-top:after, .component-learnmore-primary-bottom:after, .component-learnmore-primary-100:after, .component-learnmore-primary-60-40:after, .component-learnmore-primary-40-60:after, .component-learnmore-light-top:after, .component-learnmore-light-bottom:after, .component-learnmore-light-100:after, .component-learnmore-light-60-40:after, .component-learnmore-light-40-60:after, .component-social:after, .component-wide-callout-primary-60-40:after, .component-wide-callout-primary-40-60:after, .component-wide-callout-light-60-40:after, .component-wide-callout-light-40-60:after, .component-callout-primary-60-40:after, .component-callout-primary-40-60:after, .component-callout-light-60-40:after, .component-callout-light-40-60:after, .-debug-layout-grid:after, .layout-offset-right:after, .layout-offset-left:after, .layout-25-25-25-25:after, .layout-33-33-33:after, .layout-25-75:after, .layout-75-25:after, .layout-40-60:after, .layout-60-40:after, .layout-50-50:after, .layout-100-inset:after, .layout-100:after, .layout-full:after, .layout-offset-right:after, .layout-offset-left:after, .layout-25-25-25-25:after, .layout-33-33-33:after, .layout-25-75:after, .layout-75-25:after, .layout-40-60:after, .layout-60-40:after, .layout-50-50:after, .layout-100-inset:after, .layout-100:after, .form-panel-section:after, .file-upload-header:after, .file-upload:after, .fieldset-group .field-label:after, .file-upload > table:not(.single-upload-table):after, .fieldset-group > table:after, .fieldset-group:after, .fieldset-list--center:after, .fieldset-list:after, .fieldset-vertical--readonly:after, .fieldset-vertical:after, .fieldset-names-fields:after, .fieldset:after, .dropdownSearch-link:after, .dropdownSearch-menu .row:after, .dropdownSearch-menu--dark .row:after, .dropdown-link:after, .dropdown-menu .row:after, .dropdown-menu--dark .row:after, .discover-map .list-view .topics-list:after, .discover-map .list-view .units-list:after, .discover-map .list-view .categories-list:after, .discover-map .list-view-container:after, .discover:after, .c-card__form-group:after, .button-icon-primary:after, .addto-desks:after, .addto-customunits:after, .addto-classrooms:after, .addto-row:after, .addto-tabs:after, .addto:after, .user-settings-form .renewal:after, .account-renewal-form .renewal:after, .admin-item.user-account .licenses-rowfirstedu:after, .admin-item.user-account .licenses-rowedu:after, .admin-item.user-account .licenses-row:after, .admin-item.user-account .order-history .invoice-inner-row:after, .admin-item.user-account .order-history .invoice-list-item:after, .admin-item.user-account .details-form .credentials-group:after, .admin-item.user-account .details-form .subject-list:after, .admin-item.user-account .details-form .grade-list:after, .admin-item.user-account .billing-form .po-body:after, .admin-item.user-account .billing-form .po-header:after, .admin-item.user-account .billing-form .po:after, .admin-item.user-account .billing-form .address-group:after, .admin-item.user-account .content-toolbar:after, .-manual-and-digital-grade .manual-and-digital-grade__header:after, .presentation-assessments .presentation-item:after, .presentation-assessments .content-section-header:after, .publish-action:after, .point-value:after, .overlay-content .question-item:after, .assessment-list__item:after, .assessment__questions__version__container:after, .assessment__questions .calculations:after, .assessment__questions:after, .teacher-exam-questions-question:after, .teacher-exam-questions-actions:after, .teacher-exam-questions-container:after, .videoheader-wrapper:after, .related-videos-content:after, .infographic__box__header:after, .infographic:after, .infographic-content-wrapper:after, .infographic__header__wrapper:after, .trial-wizard-body .categories-list:after, .trial-wizard-body .wizard-student__content__form:after, .trial-wizard-body .wizard-classroom:after, .trial-modal-body .trial-modal-features:after, .topictoolbar-actions-wrapper:after, .topictoolbar-actions-help__row:after, .topictoolbar-actions:after, .topictoolbar-list:after, .topiccollection-topics-list:after, .topiccollection-topics:after, .topiccollection-header:after, .topicchannel:after, .topicrestricted:after, .topiccomponents-wrapper:after, .topiccomponents:after, .juniortopicdetails:after, .juniortopicdetails2:after, .topicdetails:after, .topicbar-list:after, .topicheader .topicheader-wrapper:after, .unitcontent-topic:after, .unitcontent-container:after, .unitcontent-wrapper:after, .unitheader-wrapper:after, .standards__empty:after, .standards__columns:after, .standards__row.-header:after, .standards__row:after, .standards__list h3:after, .standards__dropdowns:after, .standards__selections:after, .splash-actions:after, .splash-container:after, .splash:after, .register-modal .modal-dialog-footer .footer-actions:after, .quote .quotecontent-details .educator-details .fieldset.subjects .subject-list:after, .quote .quotecontent-details .educator-details .fieldset.grades .grade-list:after, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects .subject-list:after, .quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades .grade-list:after, .layout-sidebar .content-wrapper:after, .page-content:after, .create-student-modal .step-row-fields:after, .create-student-modal .step-row-header:after, .create-student-modal .step-row:after, .create-student-modal:after, .login-form-actions:after, .login-form-options:after, .login-container:after, .landerchannel:after, .landercomponents-wrapper:after, .landercomponents:after, .landerdetails:after, .landerheader .landerheader-wrapper:after, .forgotpassword__student__content__wrapper:after, .forgotpassword__student__content:after, .forgotpassword__content__wrapper__form__actions:after, .forgotpassword__content__wrapper:after, .forgotpassword__content:after, .forgotpassword__details__wrapper:after, .finish-profile-modal .form-panel-section .fieldset.subjects .subject-list:after, .finish-profile-modal .form-panel-section .fieldset.grades .grade-list:after, .home-content .content-item-unit-topics:after, .home-content .content-item-unit-topic-list-links:after, .home-content .content-item-unit-topic-list-header:after, .home-content .content-item-video-actions:after, .home-content .content-item-newvideo-actions:after, .home-content .content-item-new-resource-actions:after, .home-content .content-item-resource-actions:after, .home-content .content-items:after, .home-content:after, .home-header:after, .not-authenticated-intro-content:after, .registration__questions:after, .registration__question__container:after, .registration__container:after, .registration:after, .home-content .categories-list:after, .home-content .wrapper .content-item-unit-topics:after, .home-content .wrapper .content-item-unit-topic-list-links:after, .home-content .wrapper .content-item-unit-topic-list-header:after, .home-content .wrapper .content-item-video-actions:after, .home-content .wrapper .content-item-newvideo-actions:after, .home-content .wrapper .content-item-new-resource-actions:after, .home-content .wrapper .content-item-resource-actions:after, .site > header.register nav ul:after, .desk-item:after, .desk-unit-header:after, .classroom-content-sections-section-students-list:after, .classroom-content-sections-section-students .lexile-dropdown:after, .classroom-content-sections-section-students:after, .classroom-content-sections-section-content-list:after, .classroom-content-sections-section-content:after, .classroom-content-sections-section:after, .classroom-content-sections:after, .classroom-content-tabs:after, .classroom-header-background:after, .classroom-content-header-details:after, .classroom-content-header-actions .lexile-dropdown:after, .classroom-content-header-actions:after, .classrooms-item:after, .classroom-header:after, .accountcontent .upgrade-callout:after, .accountcontent-accounthistory .invoice-inner-row:after, .accountcontent-accounthistory .invoice-list-item:after, .accountcontent-billingaddress .address-group:after, .accountcontent-shippingaddress .address-group:after, .accountcontent-educatordetails .fieldset.subjects .subject-list:after, .accountcontent-educatordetails .fieldset.grades .grade-list:after, .accountcontent .callout-enterprise:after, .accountcontent .callout-referral:after, .accountcontent .upgrade__content__wrapper__billingsummary .billingsummary:after, .accountcontent .upgrade__content__wrapper__billingpo .row:after, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2:after, .accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1:after, .accountcontent .upgrade__content__wrapper__billingcard .card-body:after, .accountcontent .upgrade__content__wrapper__billingcard .card-header:after, .accountcontent .upgrade__content__wrapper__billingcard .card:after, .accountcontent .upgrade__content__wrapper__billingcard .row:after, .accountcontent .upgrade__content__wrapper__selectedplan .plan:after, .accountcontent-upgrade:after, .accountcontent-referral .url-group:after, .accountcontent-plan:after, .accountcontent-wrapper:after, .account.oauth .connect-clever section:after, .account.oauth .connect-google section:after, .account.oauth .connect-classlink section:after, .account.oauth .connect-clever:after, .account.oauth .connect-google:after, .account.oauth .connect-classlink:after, .account .licenses-rowfirstedu:after, .account .licenses-rowedu:after, .account .licenses-row-multiple:after, .account .licenses-row:after, .account .cardform-row:after, .account .accountcontent .upgrade-callout-content:after, .accountcontent .account .upgrade-callout-content:after, .account .accountcontent-actions:after, .account .accountcontent-renewal:after, .account .accountcontent-accounthistory:after, .account .accountcontent-purchaseorder:after, .account .accountcontent-creditcard:after, .account .accountcontent-billingaddress:after, .account .accountcontent-shippingaddress:after, .account .accountcontent-paymentmethod:after, .account .accountcontent-credentials:after, .account .accountcontent-educatordetails:after, .account .accountcontent-details:after, .account .accountcontent-consent:after, .account .accountcontent .callout-referral-content:after, .accountcontent .account .callout-referral-content:after, .account .accountcontent .upgrade__content__wrapper:after, .accountcontent .account .upgrade__content__wrapper:after, .account .accountcontent-upgrade-content:after, .account .accountcontent-referral:after, .account .accountcontent-new-plan:after, .account .accountcontent-current-plan:after, .account .accountcontent-expired-plan:after, .account .accountcontent-header:after, .account .accountcontent-section-header-multiple:after, .account .accountcontent-section-header:after, .account .licenses-container:after {
  clear: both;
}

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

.horizontal-center-simple {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.pull-none {
  float: none;
}

.screen-reader {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 1px;
}

.center-simple, .vertical-center-simple, .center, .vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.center-simple, .vertical-center-simple {
  position: absolute;
}

@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/Manrope-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
.tablet-only {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .tablet-only {
    display: block !important;
  }
}

.min-tablet {
  display: none !important;
}
@media screen and (min-width: 769px) {
  .min-tablet {
    display: block !important;
  }
}

.medium-only {
  display: none !important;
}
@media screen and (max-width: 1114px) {
  .medium-only {
    display: block !important;
  }
}

.min-large {
  display: none !important;
}
@media screen and (min-width: 1241px) {
  .min-large {
    display: block !important;
  }
}

.max-large {
  display: none !important;
}
@media screen and (max-width: 1240px) {
  .max-large {
    display: block !important;
  }
}

.min-laptop-medium {
  display: none !important;
}
@media screen and (min-width: 961px) {
  .min-laptop-medium {
    display: block !important;
  }
}

@media print {
  .no-print {
    display: none !important;
  }
}

.force-display {
  display: block !important;
}

.zoom {
  zoom: 1;
}
@media (min-width: 1501px) and (max-width: 1629px) {
  .zoom.biggest {
    zoom: 1.1 !important;
  }
}
@media screen and (max-width: 1500px) {
  .zoom.biggest {
    zoom: 1 !important;
  }
}
@media screen and (max-width: 1500px) {
  .zoom.bigger {
    zoom: 1 !important;
  }
}

.pixel--transparent {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==");
}

.hidden {
  display: none;
}

.videoheader, .topicchannel, .topicheader, .unitheader, .landerchannel, .landerheader {
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  transition: background 0.5s linear;
  background-attachment: fixed;
  background-position: left top;
  background-repeat: none;
  background-size: cover;
  opacity: 1;
  position: relative;
  z-index: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .videoheader, .topicchannel, .topicheader, .unitheader, .landerchannel, .landerheader {
    background-attachment: scroll;
    background-position: center;
  }
}

.videoheader-overlay, .topicchannel-overlay, .topicheader .topicheader-overlay, .unitheader-overlay, .landerchannel-overlay, .landerheader .landerheader-overlay {
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #000;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.component-divider, hr {
  background-color: #eee;
  border: 0;
  height: 1px;
}

.unitcontent-topic-add, .topictoolbar-list-item.content-toolbar__text-help a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: #888;
  display: block;
  height: 55px;
  text-align: center;
  width: 55px;
}
.theme-1 .unitcontent-topic-add:hover, .theme-1 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-1 a:hover, .theme-1 .active.unitcontent-topic-add, .theme-1 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-1 a.active {
  color: #22b7f2;
}
.theme-2 .unitcontent-topic-add:hover, .theme-2 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-2 a:hover, .theme-2 .active.unitcontent-topic-add, .theme-2 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-2 a.active {
  color: #8240ca;
}
.theme-3 .unitcontent-topic-add:hover, .theme-3 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-3 a:hover, .theme-3 .active.unitcontent-topic-add, .theme-3 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-3 a.active {
  color: #bd1118;
}
.theme-4 .unitcontent-topic-add:hover, .theme-4 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-4 a:hover, .theme-4 .active.unitcontent-topic-add, .theme-4 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-4 a.active {
  color: #cc5302;
}
.theme-5 .unitcontent-topic-add:hover, .theme-5 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-5 a:hover, .theme-5 .active.unitcontent-topic-add, .theme-5 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-5 a.active {
  color: #f43b5f;
}
.theme-6 .unitcontent-topic-add:hover, .theme-6 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-6 a:hover, .theme-6 .active.unitcontent-topic-add, .theme-6 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-6 a.active {
  color: #0cd2de;
}
.theme-7 .unitcontent-topic-add:hover, .theme-7 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-7 a:hover, .theme-7 .active.unitcontent-topic-add, .theme-7 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-7 a.active {
  color: #fba90b;
}
.theme-8 .unitcontent-topic-add:hover, .theme-8 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-8 a:hover, .theme-8 .active.unitcontent-topic-add, .theme-8 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-8 a.active {
  color: #13a104;
}
.theme-9 .unitcontent-topic-add:hover, .theme-9 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-9 a:hover, .theme-9 .active.unitcontent-topic-add, .theme-9 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-9 a.active {
  color: #07696a;
}
.theme-10 .unitcontent-topic-add:hover, .theme-10 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-10 a:hover, .theme-10 .active.unitcontent-topic-add, .theme-10 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-10 a.active {
  color: #005a9d;
}
.theme-11 .unitcontent-topic-add:hover, .theme-11 .topictoolbar-list-item.content-toolbar__text-help a:hover, .topictoolbar-list-item.content-toolbar__text-help .theme-11 a:hover, .theme-11 .active.unitcontent-topic-add, .theme-11 .topictoolbar-list-item.content-toolbar__text-help a.active, .topictoolbar-list-item.content-toolbar__text-help .theme-11 a.active {
  color: #8acb01;
}
.unitcontent-topic-add i, .topictoolbar-list-item.content-toolbar__text-help a i {
  display: block;
  padding: 20px;
}

.topictoolbar-list-item.content-toolbar__text-help a {
  background-color: transparent;
  border: 1px solid #eee;
}

.component-hotspot .hotspot {
  border: 1px dashed transparent;
  display: block;
  height: 37px;
  left: 0;
  outline: 0;
  position: absolute !important;
  top: 0;
  width: 37px;
  z-index: 2;
}
.theme-1 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-1 .active.hotspot .hotspot-inner, .theme-1 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-1 .active.hotspot .hotspot-image-spot-inner {
  background-color: #fbd20b;
}
.theme-2 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-2 .active.hotspot .hotspot-inner, .theme-2 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-2 .active.hotspot .hotspot-image-spot-inner {
  background-color: #3cfdf2;
}
.theme-3 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-3 .active.hotspot .hotspot-inner, .theme-3 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-3 .active.hotspot .hotspot-image-spot-inner {
  background-color: #eee7cb;
}
.theme-4 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-4 .active.hotspot .hotspot-inner, .theme-4 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-4 .active.hotspot .hotspot-image-spot-inner {
  background-color: #efc416;
}
.theme-5 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-5 .active.hotspot .hotspot-inner, .theme-5 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-5 .active.hotspot .hotspot-image-spot-inner {
  background-color: #0cd2de;
}
.theme-6 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-6 .active.hotspot .hotspot-inner, .theme-6 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-6 .active.hotspot .hotspot-image-spot-inner {
  background-color: #fceb92;
}
.theme-7 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-7 .active.hotspot .hotspot-inner, .theme-7 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-7 .active.hotspot .hotspot-image-spot-inner {
  background-color: #ffefb5;
}
.theme-8 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-8 .active.hotspot .hotspot-inner, .theme-8 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-8 .active.hotspot .hotspot-image-spot-inner {
  background-color: #8df5f9;
}
.theme-9 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-9 .active.hotspot .hotspot-inner, .theme-9 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-9 .active.hotspot .hotspot-image-spot-inner {
  background-color: #e6eaa7;
}
.theme-10 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-10 .active.hotspot .hotspot-inner, .theme-10 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-10 .active.hotspot .hotspot-image-spot-inner {
  background-color: #94e1fe;
}
.theme-11 .component-hotspot .active.hotspot .hotspot-inner, .component-hotspot .theme-11 .active.hotspot .hotspot-inner, .theme-11 .component-hotspot .active.hotspot .hotspot-image-spot-inner, .component-hotspot .theme-11 .active.hotspot .hotspot-image-spot-inner {
  background-color: #e0f18f;
}
.component-hotspot .hotspot:focus {
  outline: 2px solid Black;
  outline-offset: 2px;
  border-color: transparent;
}

.component-hotspot .hotspot-inner {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .component-hotspot .hotspot-inner, .component-hotspot .theme-1 .hotspot-inner {
  background-color: #22b7f2;
}
.theme-2 .component-hotspot .hotspot-inner, .component-hotspot .theme-2 .hotspot-inner {
  background-color: #8240ca;
}
.theme-3 .component-hotspot .hotspot-inner, .component-hotspot .theme-3 .hotspot-inner {
  background-color: #bd1118;
}
.theme-4 .component-hotspot .hotspot-inner, .component-hotspot .theme-4 .hotspot-inner {
  background-color: #cc5302;
}
.theme-5 .component-hotspot .hotspot-inner, .component-hotspot .theme-5 .hotspot-inner {
  background-color: #f43b5f;
}
.theme-6 .component-hotspot .hotspot-inner, .component-hotspot .theme-6 .hotspot-inner {
  background-color: #0cd2de;
}
.theme-7 .component-hotspot .hotspot-inner, .component-hotspot .theme-7 .hotspot-inner {
  background-color: #fba90b;
}
.theme-8 .component-hotspot .hotspot-inner, .component-hotspot .theme-8 .hotspot-inner {
  background-color: #13a104;
}
.theme-9 .component-hotspot .hotspot-inner, .component-hotspot .theme-9 .hotspot-inner {
  background-color: #07696a;
}
.theme-10 .component-hotspot .hotspot-inner, .component-hotspot .theme-10 .hotspot-inner {
  background-color: #005a9d;
}
.theme-11 .component-hotspot .hotspot-inner, .component-hotspot .theme-11 .hotspot-inner {
  background-color: #8acb01;
}
.component-hotspot .hotspot-inner {
  background-color: #fff;
  height: 22px;
  left: 5px;
  position: relative;
  top: 5px;
  width: 22px;
}

.component-hotspot .hotspot-outer {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.31);
  background-color: #fbfaf8;
  height: 32px;
  left: 50%;
  margin-right: -50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
}

body {
  font-family: "myriad-pro", sans-serif;
  font-size: 14px;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

h1,
h2,
h3,
h4,
h5,
.discover-map .nav-controls .breadcrumbs .crumb,
.discover-map .nav-controls .breadcrumbs .darken,
h6 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 44px;
  line-height: 2.75rem;
  font-family: "superclarendon", serif;
  letter-spacing: 0.9px;
}
@media (min-width: 940px) {
  h1 {
    font-size: 64px;
    font-size: 4rem;
    line-height: 66px;
    line-height: 4.125rem;
  }
}

h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: "superclarendon", serif;
  font-weight: 700;
  letter-spacing: -1px;
  margin-bottom: 21px;
}
@media (min-width: 940px) {
  h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
  }
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  font-family: "myriad-pro", sans-serif;
}
h3 span {
  font-weight: normal;
}

.theme-1 h4 {
  color: #22b7f2;
}
.theme-2 h4 {
  color: #8240ca;
}
.theme-3 h4 {
  color: #bd1118;
}
.theme-4 h4 {
  color: #cc5302;
}
.theme-5 h4 {
  color: #f43b5f;
}
.theme-6 h4 {
  color: #0cd2de;
}
.theme-7 h4 {
  color: #fba90b;
}
.theme-8 h4 {
  color: #13a104;
}
.theme-9 h4 {
  color: #07696a;
}
.theme-10 h4 {
  color: #005a9d;
}
.theme-11 h4 {
  color: #8acb01;
}
h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: -0.8px;
  text-transform: uppercase;
}

.theme-1 .search-container h4 {
  color: #09759F;
}
.theme-2 .search-container h4 {
  color: #8240ca;
}
.theme-3 .search-container h4 {
  color: #bd1118;
}
.theme-4 .search-container h4 {
  color: #cc5302;
}
.theme-5 .search-container h4 {
  color: #f43b5f;
}
.theme-6 .search-container h4 {
  color: #0cd2de;
}
.theme-7 .search-container h4 {
  color: #fba90b;
}
.theme-8 .search-container h4 {
  color: #13a104;
}
.theme-9 .search-container h4 {
  color: #07696a;
}
.theme-10 .search-container h4 {
  color: #005a9d;
}
.theme-11 .search-container h4 {
  color: #8acb01;
}
.search-container h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: -0.8px;
  text-transform: uppercase;
}

h5, .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .darken {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

h6 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
}
p.-meta {
  font-family: "ff-meta-serif-web-pro", serif;
}
p.intro {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  letter-spacing: -0.25px;
}
p.small {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
p + p {
  margin-top: 1.5625rem;
}

a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.theme-1 a {
  color: #22b7f2;
}
.theme-1 a:hover {
  color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 a {
  color: #8240ca;
}
.theme-2 a:hover {
  color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 a {
  color: #bd1118;
}
.theme-3 a:hover {
  color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 a {
  color: #cc5302;
}
.theme-4 a:hover {
  color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 a {
  color: #f43b5f;
}
.theme-5 a:hover {
  color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 a {
  color: #0cd2de;
}
.theme-6 a:hover {
  color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 a {
  color: #fba90b;
}
.theme-7 a:hover {
  color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 a {
  color: #13a104;
}
.theme-8 a:hover {
  color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 a {
  color: #07696a;
}
.theme-9 a:hover {
  color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 a {
  color: #005a9d;
}
.theme-10 a:hover {
  color: rgb(0, 31.5286624204, 55);
}
.theme-11 a {
  color: #8acb01;
}
.theme-11 a:hover {
  color: rgb(69, 101.5, 0.5);
}
a {
  font-family: "ff-meta-serif-web-pro", serif;
}
a.secondary {
  color: #bbb;
}

.search-container a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.theme-1 .search-container a {
  color: #09759F;
}
.theme-1 .search-container a:hover {
  color: rgb(6.2678571429, 81.4821428571, 110.7321428571);
}
.theme-2 .search-container a {
  color: #8240ca;
}
.theme-2 .search-container a:hover {
  color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .search-container a {
  color: #bd1118;
}
.theme-3 .search-container a:hover {
  color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .search-container a {
  color: #cc5302;
}
.theme-4 .search-container a:hover {
  color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .search-container a {
  color: #f43b5f;
}
.theme-5 .search-container a:hover {
  color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .search-container a {
  color: #0cd2de;
}
.theme-6 .search-container a:hover {
  color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .search-container a {
  color: #fba90b;
}
.theme-7 .search-container a:hover {
  color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .search-container a {
  color: #13a104;
}
.theme-8 .search-container a:hover {
  color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .search-container a {
  color: #07696a;
}
.theme-9 .search-container a:hover {
  color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .search-container a {
  color: #005a9d;
}
.theme-10 .search-container a:hover {
  color: rgb(0, 31.5286624204, 55);
}
.theme-11 .search-container a {
  color: #8acb01;
}
.theme-11 .search-container a:hover {
  color: rgb(69, 101.5, 0.5);
}
.search-container a {
  font-family: "ff-meta-serif-web-pro", serif;
}
.search-container a.secondary {
  color: #bbb;
}

.theme-1 .primary-color {
  color: #22b7f2;
}
.theme-2 .primary-color {
  color: #8240ca;
}
.theme-3 .primary-color {
  color: #bd1118;
}
.theme-4 .primary-color {
  color: #cc5302;
}
.theme-5 .primary-color {
  color: #f43b5f;
}
.theme-6 .primary-color {
  color: #0cd2de;
}
.theme-7 .primary-color {
  color: #fba90b;
}
.theme-8 .primary-color {
  color: #13a104;
}
.theme-9 .primary-color {
  color: #07696a;
}
.theme-10 .primary-color {
  color: #005a9d;
}
.theme-11 .primary-color {
  color: #8acb01;
}

.theme-1 .secondary-color {
  color: #fbd20b;
}
.theme-2 .secondary-color {
  color: #3cfdf2;
}
.theme-3 .secondary-color {
  color: #eee7cb;
}
.theme-4 .secondary-color {
  color: #efc416;
}
.theme-5 .secondary-color {
  color: #0cd2de;
}
.theme-6 .secondary-color {
  color: #fceb92;
}
.theme-7 .secondary-color {
  color: #ffefb5;
}
.theme-8 .secondary-color {
  color: #8df5f9;
}
.theme-9 .secondary-color {
  color: #e6eaa7;
}
.theme-10 .secondary-color {
  color: #94e1fe;
}
.theme-11 .secondary-color {
  color: #e0f18f;
}

.muted {
  color: #888;
}

.account .accountcontent .upgrade-callout-content, .accountcontent .account .upgrade-callout-content, .account .accountcontent-actions, .account .accountcontent-renewal, .account .accountcontent-accounthistory, .account .accountcontent-purchaseorder, .account .accountcontent-creditcard, .account .accountcontent-billingaddress, .account .accountcontent-shippingaddress, .account .accountcontent-paymentmethod, .account .accountcontent-credentials, .account .accountcontent-educatordetails, .account .accountcontent-details, .account .accountcontent-consent, .account .accountcontent .callout-referral-content, .accountcontent .account .callout-referral-content, .account .accountcontent .upgrade__content__wrapper, .accountcontent .account .upgrade__content__wrapper, .account .accountcontent-upgrade-content, .account .accountcontent-referral, .account .accountcontent-new-plan, .account .accountcontent-current-plan, .account .accountcontent-expired-plan, .account .accountcontent-header, .account .accountcontent-section-header-multiple, .account .accountcontent-section-header, .account .licenses-container {
  margin-left: 14.7019570017%;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 85.2980429983%;
}
.account .accountcontent .upgrade-callout-content:last-child, .accountcontent .account .upgrade-callout-content:last-child, .account .accountcontent-actions:last-child, .account .accountcontent-renewal:last-child, .account .accountcontent-accounthistory:last-child, .account .accountcontent-purchaseorder:last-child, .account .accountcontent-creditcard:last-child, .account .accountcontent-billingaddress:last-child, .account .accountcontent-shippingaddress:last-child, .account .accountcontent-paymentmethod:last-child, .account .accountcontent-credentials:last-child, .account .accountcontent-educatordetails:last-child, .account .accountcontent-details:last-child, .account .accountcontent-consent:last-child, .account .accountcontent .callout-referral-content:last-child, .accountcontent .account .callout-referral-content:last-child, .account .accountcontent .upgrade__content__wrapper:last-child, .accountcontent .account .upgrade__content__wrapper:last-child, .account .accountcontent-upgrade-content:last-child, .account .accountcontent-referral:last-child, .account .accountcontent-new-plan:last-child, .account .accountcontent-current-plan:last-child, .account .accountcontent-expired-plan:last-child, .account .accountcontent-header:last-child, .account .accountcontent-section-header-multiple:last-child, .account .accountcontent-section-header:last-child, .account .licenses-container:last-child {
  width: 82.9403914003%;
}
.account .cardform-name {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 100%;
}
.account .cardform-name:last-child {
  margin-right: 0;
}
.account .cardform-number {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 100%;
}
.account .cardform-number:last-child {
  margin-right: 0;
}
.account .cardform-expmonth {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.account .cardform-expmonth:last-child {
  margin-right: 0;
}
.account .cardform-expyear {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.account .cardform-expyear:last-child {
  margin-right: 0;
}
.account .licenses-container {
  margin-left: 3%;
}
@media screen and (max-width: 768px) {
  .account .licenses-container {
    width: 100%;
  }
}
.account .licenses-header {
  background-color: #f4f4f4;
  padding: 24px 10px;
}
.account .licenses-row {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}
.account .licenses-row-multiple {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  display: flex;
}
.account .licenses-rowedu {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  display: flex;
}
.account .licenses-rowedu .educatorText {
  width: 28%;
  color: #333;
  font-weight: bolder;
  font-family: "myriad-pro", "sans-serif";
  font-size: large;
  margin: auto;
}
.account .licenses-rowedu .ssoText {
  width: 13%;
  color: #bbb;
  font-weight: bolder;
  margin: auto;
}
.account .licenses-rowedu .emailText {
  width: 30%;
  color: #bbb;
  font-weight: bolder;
  margin: auto;
}
.account .licenses-rowedu .usernameText {
  color: #bbb;
  font-weight: bolder;
  width: 24%;
  margin: auto;
}
.account .licenses-rowfirstedu {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  display: flex;
  border-color: #bfbdbd;
  padding-bottom: 8px;
}
.account .licenses-rowfirstedu .educatorColumn {
  width: 28%;
  color: #888;
  font-weight: bold;
}
.account .licenses-rowfirstedu .ssoColumn {
  width: 13%;
  color: #888;
  font-weight: bold;
}
.account .licenses-rowfirstedu .emailColumn {
  width: 30%;
  color: #888;
  font-weight: bold;
}
.account .licenses-rowfirstedu .usernameColumn {
  color: #888;
  font-weight: bold;
}
.account .licenses-user {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 5.8515051827%;
  width: 36.4890968904%;
}
.account .licenses-user:last-child {
  margin-right: 0;
}
.account .licenses-user {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #333;
  font-weight: 400;
  padding: 10px 0 0 10px;
  margin-right: 0;
}
.account .licenses-user span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
  line-height: 2rem;
  color: #bbb;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  padding-left: 10px;
}
.account .licenses-user-multiple {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 5.8515051827%;
  width: 36.4890968904%;
}
.account .licenses-user-multiple:last-child {
  margin-right: 0;
}
.account .licenses-user-multiple {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #333;
  font-weight: 400;
  padding: 10px 0 0 10px;
  margin-right: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.account .licenses-user-multiple span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
  line-height: 2rem;
  color: #bbb;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  padding-left: 10px;
}
.account .licenses-username {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0.2771677009%;
  width: 53.8725028576%;
}
.account .licenses-username:last-child {
  margin-right: 0;
}
.account .licenses-username {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #bbb;
  font-weight: 400;
  padding-top: 6px;
  text-align: right;
  margin-right: 1%;
}
@media screen and (max-width: 980px) {
  .account .licenses-username {
    width: 100%;
    text-align: left;
    padding-left: 10px;
  }
}
.account .licenses-actions {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 9.3686693441%;
}
.account .licenses-actions:last-child {
  margin-right: 0;
}
.account .licenses-actions {
  width: auto;
  text-align: right;
}
.account .licenses-actions [class^=button-tertiary] {
  padding: 16px 8px 16px 16px;
}
.account .licenses-actions [class^=button-tertiary] [class^=icon-] {
  color: #bbb !important;
}
@media screen and (max-width: 980px) {
  .account .licenses-actions {
    padding-left: 10px;
  }
}
.theme-1 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #22b7f2;
}
.theme-2 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #8240ca;
}
.theme-3 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #bd1118;
}
.theme-4 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #cc5302;
}
.theme-5 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #f43b5f;
}
.theme-6 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #0cd2de;
}
.theme-7 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #fba90b;
}
.theme-8 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #13a104;
}
.theme-9 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #07696a;
}
.theme-10 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #005a9d;
}
.theme-11 .account .licenses-actions.active [class^=button-tertiary] {
  background-color: #8acb01;
}
.account .licenses-actions.active [class^=button-tertiary] [class^=icon-] {
  color: #fff !important;
}
.account .licenses-footer {
  margin-bottom: 100px;
  padding-top: 35px;
}
.account .licenses-footer span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #bbb;
  font-weight: 400;
  letter-spacing: -0.08px;
  margin-top: 8px;
  padding-left: 30px;
}
.account .licenses__educators-list-header {
  display: inline;
}
@media screen and (max-width: 480px) {
  .account .licenses__educators-list-header {
    display: block;
    margin: 0 0 20px 0;
  }
}
.account .resend-invites-button {
  float: right;
  margin-top: -10px;
}
@media screen and (max-width: 480px) {
  .account .resend-invites-button {
    float: none;
    text-align: center;
  }
}
.account .invite-modal {
  width: 880px !important;
}
.account .invite-modal .modal-dialog-body .instructions {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 50px;
  text-align: center;
}
.account .invite-modal .modal-dialog-body h3 {
  margin-bottom: 45px;
  text-align: center;
}
.account .invite-modal .modal-dialog-body .fieldset-admin,
.account .invite-modal .modal-dialog-body .fieldset-educator {
  margin: 0 auto 48px auto;
  width: 100%;
  max-width: 520px;
}
.account .invite-modal .modal-dialog-body .fieldset-email {
  margin: 0 auto 80px auto;
  width: 100%;
  max-width: 430px;
}
.account .invite-modal .modal-dialog-footer {
  background-color: #f4f4f4;
}
.account .invite-modal .modal-dialog-footer .button-tertiary {
  background-color: #fff;
}
.account .transfer-modal .modal-dialog-body .instructions {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 50px;
  text-align: center;
}
.account-user-invitation {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
.account-user-invitation form {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 300px;
}
.account .content-modal-cancelaccount .modal-dialog-body p:last-child {
  margin-bottom: 20px;
}
.account .action-result {
  margin-bottom: 200px;
  padding-top: 200px;
  text-align: center;
}
.account.oauth .action-result {
  margin: auto;
  max-width: 800px;
}
.account.oauth .action-result .fieldset {
  text-align: left;
}

.account .action-result h2 {
  margin-bottom: 36px;
}
.account .action-result p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42;
  line-height: 2.625rem;
  color: #888;
  font-weight: 300;
  letter-spacing: -0.36px;
  margin-bottom: 50px;
}
.account-email-verification [class^=icon-].large-icon {
  font-size: 80px;
  font-size: 5rem;
}
.theme-1 .account-email-verification [class^=icon-].large-icon {
  color: #22b7f2;
}
.theme-2 .account-email-verification [class^=icon-].large-icon {
  color: #8240ca;
}
.theme-3 .account-email-verification [class^=icon-].large-icon {
  color: #bd1118;
}
.theme-4 .account-email-verification [class^=icon-].large-icon {
  color: #cc5302;
}
.theme-5 .account-email-verification [class^=icon-].large-icon {
  color: #f43b5f;
}
.theme-6 .account-email-verification [class^=icon-].large-icon {
  color: #0cd2de;
}
.theme-7 .account-email-verification [class^=icon-].large-icon {
  color: #fba90b;
}
.theme-8 .account-email-verification [class^=icon-].large-icon {
  color: #13a104;
}
.theme-9 .account-email-verification [class^=icon-].large-icon {
  color: #07696a;
}
.theme-10 .account-email-verification [class^=icon-].large-icon {
  color: #005a9d;
}
.theme-11 .account-email-verification [class^=icon-].large-icon {
  color: #8acb01;
}
.account-email-verification [class^=icon-].large-icon {
  display: block;
  margin-bottom: 24px;
}
.account.oauth .connect-clever, .account.oauth .connect-google, .account.oauth .connect-classlink {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin: 69px auto 200px auto;
}
.account.oauth .connect-clever img, .account.oauth .connect-google img, .account.oauth .connect-classlink img {
  display: block;
  margin: auto;
}
.account.oauth .connect-clever h2, .account.oauth .connect-google h2, .account.oauth .connect-classlink h2 {
  margin: 68px 180px 22px 180px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .account.oauth .connect-clever h2, .account.oauth .connect-google h2, .account.oauth .connect-classlink h2 {
    margin: 34px 90px 11px 90px;
  }
}
.account.oauth .connect-clever p, .account.oauth .connect-google p, .account.oauth .connect-classlink p {
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
  margin: auto;
  max-width: 800px;
  text-align: center;
}
.account.oauth .connect-clever .options, .account.oauth .connect-google .options, .account.oauth .connect-classlink .options {
  margin-top: 50px;
}
.account.oauth .connect-clever .options > div, .account.oauth .connect-google .options > div, .account.oauth .connect-classlink .options > div {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.account.oauth .connect-clever .options > div:last-child, .account.oauth .connect-google .options > div:last-child, .account.oauth .connect-classlink .options > div:last-child {
  margin-right: 0;
}
.account.oauth .connect-clever .options > div, .account.oauth .connect-google .options > div, .account.oauth .connect-classlink .options > div {
  text-align: center;
}
.account.oauth .connect-clever .options > div:first-child, .account.oauth .connect-google .options > div:first-child, .account.oauth .connect-classlink .options > div:first-child {
  margin-left: 25.5894128995%;
}
.account.oauth .connect-clever .options p, .account.oauth .connect-google .options p, .account.oauth .connect-classlink .options p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  margin-top: 15px;
  max-width: 210px;
}
.account.oauth .connect-clever .connect, .account.oauth .connect-google .connect, .account.oauth .connect-classlink .connect {
  display: none;
}
.account.oauth .connect-clever .sign-up, .account.oauth .connect-google .sign-up, .account.oauth .connect-classlink .sign-up {
  display: none;
}
.account.oauth .connect-clever form, .account.oauth .connect-google form, .account.oauth .connect-classlink form {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.account.oauth .connect-clever form:last-child, .account.oauth .connect-google form:last-child, .account.oauth .connect-classlink form:last-child {
  margin-right: 0;
}
.account.oauth .connect-clever form, .account.oauth .connect-google form, .account.oauth .connect-classlink form {
  margin-left: 34.1192171993%;
  margin-top: 60px;
}
.account.oauth .connect-clever .actions, .account.oauth .connect-google .actions, .account.oauth .connect-classlink .actions {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.account.oauth .connect-clever .actions:last-child, .account.oauth .connect-google .actions:last-child, .account.oauth .connect-classlink .actions:last-child {
  margin-right: 0;
}
.account.oauth .connect-clever .actions, .account.oauth .connect-google .actions, .account.oauth .connect-classlink .actions {
  margin-left: 25.5894128995%;
  text-align: center;
}
.account.oauth .connect-clever .-forgot a, .account.oauth .connect-google .-forgot a, .account.oauth .connect-classlink .-forgot a {
  color: #bbb;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-style: italic;
  font-weight: 400;
  text-decoration: underline;
}
.account.oauth .connect-clever .fieldset-vertical, .account.oauth .connect-google .fieldset-vertical, .account.oauth .connect-classlink .fieldset-vertical {
  margin-bottom: 30px;
}
.account.oauth .connect-clever .create-teacher-account, .account.oauth .connect-google .create-teacher-account, .account.oauth .connect-classlink .create-teacher-account {
  width: 50%;
  float: left;
  margin-top: 15px;
  margin-right: 0;
}
.account.oauth .connect-clever .create-teacher-account h3, .account.oauth .connect-google .create-teacher-account h3, .account.oauth .connect-classlink .create-teacher-account h3 {
  text-align: center;
}
.account.oauth .connect-clever .create-teacher-account p, .account.oauth .connect-google .create-teacher-account p, .account.oauth .connect-classlink .create-teacher-account p {
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .account.oauth .connect-clever .create-teacher-account, .account.oauth .connect-google .create-teacher-account, .account.oauth .connect-classlink .create-teacher-account {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .account.oauth .connect-clever .create-teacher-account:last-child, .account.oauth .connect-google .create-teacher-account:last-child, .account.oauth .connect-classlink .create-teacher-account:last-child {
    margin-right: 0;
  }
  .account.oauth .connect-clever .create-teacher-account, .account.oauth .connect-google .create-teacher-account, .account.oauth .connect-classlink .create-teacher-account {
    margin-bottom: 48px;
  }
  .account.oauth .connect-clever .create-teacher-account p, .account.oauth .connect-google .create-teacher-account p, .account.oauth .connect-classlink .create-teacher-account p {
    margin-bottom: 24px;
  }
}
.account.oauth .connect-clever .create-student-account, .account.oauth .connect-google .create-student-account, .account.oauth .connect-classlink .create-student-account {
  width: 50%;
  float: right;
  vertical-align: top;
  margin-right: 0;
  border-left: 1px solid #bbb;
}
.account.oauth .connect-clever .create-student-account h3, .account.oauth .connect-google .create-student-account h3, .account.oauth .connect-classlink .create-student-account h3 {
  text-align: center;
}
.account.oauth .connect-clever .create-student-account p, .account.oauth .connect-google .create-student-account p, .account.oauth .connect-classlink .create-student-account p {
  padding: 0 20px;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .account.oauth .connect-clever .create-student-account, .account.oauth .connect-google .create-student-account, .account.oauth .connect-classlink .create-student-account {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .account.oauth .connect-clever .create-student-account:last-child, .account.oauth .connect-google .create-student-account:last-child, .account.oauth .connect-classlink .create-student-account:last-child {
    margin-right: 0;
  }
  .account.oauth .connect-clever .create-student-account, .account.oauth .connect-google .create-student-account, .account.oauth .connect-classlink .create-student-account {
    border-left: none;
    padding-top: 44px;
    border-top: 1px solid #bbb;
  }
  .account.oauth .connect-clever .create-student-account p, .account.oauth .connect-google .create-student-account p, .account.oauth .connect-classlink .create-student-account p {
    padding: 0 40px;
  }
}
.account.oauth .connect-clever .student-account-roomcode, .account.oauth .connect-google .student-account-roomcode, .account.oauth .connect-classlink .student-account-roomcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.account.oauth .connect-clever .student-account-roomcode:last-child, .account.oauth .connect-google .student-account-roomcode:last-child, .account.oauth .connect-classlink .student-account-roomcode:last-child {
  margin-right: 0;
}
.account.oauth .connect-clever .student-account-roomcode, .account.oauth .connect-google .student-account-roomcode, .account.oauth .connect-classlink .student-account-roomcode {
  margin-left: 14.7019570017%;
  margin-top: 24px;
}
.account.oauth .connect-clever .google-account-options, .account.oauth .connect-google .google-account-options, .account.oauth .connect-classlink .google-account-options {
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}

.accountcontent {
  width: 100%;
}
.accountcontent-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.accountcontent-article {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 76.7682386985%;
}
.accountcontent-article:last-child {
  width: 74.4105871005%;
}
.accountcontent-article {
  min-height: 800px;
  padding-top: 0;
  padding-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .accountcontent-article {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 0 !important;
    width: 93.8278472981%;
  }
  .accountcontent-article:last-child {
    width: 91.4701957002%;
  }
}
.accountcontent-background {
  background-color: #f4f4f4;
  height: 100%;
  position: absolute;
  left: -1000%;
  top: 0;
  width: 1000%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .accountcontent-background {
    height: 90px;
    left: 0;
    top: 0;
    width: 100vw;
  }
}
@media screen and (max-width: 480px) {
  .accountcontent-background {
    height: 120px;
  }
}
.accountcontent-container {
  padding-top: 70px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .accountcontent-container {
    padding-top: calc(90px + 20px);
  }
}
@media screen and (max-width: 480px) {
  .accountcontent-container {
    padding-top: calc(120px + 20px);
  }
}
.accountcontent-section-header hr {
  margin-bottom: 35px;
}
.accountcontent-section-header.-details {
  margin-bottom: 15px;
}
.accountcontent-section-header.-details hr {
  margin-bottom: 10px;
}
.accountcontent-section-header-multiple {
  margin-bottom: 30px;
}
.accountcontent-section-header-multiple hr {
  margin-bottom: 0px;
}
.accountcontent-section-header-multiple.-details {
  margin-bottom: 15px;
}
.accountcontent-section-header-multiple.-details hr {
  margin-bottom: 10px;
}
.accountcontent-sidebar {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 25.5894128995%;
}
.accountcontent-sidebar:last-child {
  width: 23.2317613015%;
}
.accountcontent-sidebar {
  padding: 70px 0 50px 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar {
    margin: 0;
    padding-top: 30px;
    position: absolute;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .accountcontent-sidebar {
    margin-top: 15px;
  }
}
.accountcontent-sidebar-profile {
  margin-left: 24px;
}
.accountcontent-sidebar-profile em {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
}
.accountcontent-sidebar-profile h3 {
  margin-bottom: 10px;
  overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar-profile h3 {
    margin-bottom: 0;
  }
}
.accountcontent-sidebar-profile hr {
  margin-bottom: 26px;
  margin-left: 0;
  margin-top: 50px;
  width: 102px;
  background-color: #ddd;
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar-profile hr {
    display: none;
  }
}
.accountcontent-sidebar-profile .profile-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  height: 150px;
  margin-bottom: 32px;
  width: 150px;
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar-profile .profile-image {
    height: 40px;
    margin-bottom: 0;
    width: 40px;
  }
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar-profile .profile-details {
    position: absolute;
    right: 20px;
    top: 15px;
  }
}
.accountcontent-sidebar .sub-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar .sub-nav {
    display: none;
  }
}
.accountcontent-sidebar .sub-nav-item a {
  -webkit-transition: color, 0.2s ease-in-out;
  -moz-transition: color, 0.2s ease-in-out;
  transition: color, 0.2s ease-in-out;
  color: #888;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  padding: 16px 30px;
  text-transform: uppercase;
}
.theme-1 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #22b7f2;
}
.theme-2 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #8240ca;
}
.theme-3 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #bd1118;
}
.theme-4 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #cc5302;
}
.theme-5 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #f43b5f;
}
.theme-6 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #0cd2de;
}
.theme-7 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #fba90b;
}
.theme-8 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #13a104;
}
.theme-9 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #07696a;
}
.theme-10 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #005a9d;
}
.theme-11 .accountcontent-sidebar .sub-nav-item a:hover {
  color: #8acb01;
}
.accountcontent-sidebar .sub-nav-item.active {
  background-color: #fff;
}
.theme-1 .accountcontent-sidebar .sub-nav-item.active a {
  color: #22b7f2;
}
.theme-2 .accountcontent-sidebar .sub-nav-item.active a {
  color: #8240ca;
}
.theme-3 .accountcontent-sidebar .sub-nav-item.active a {
  color: #bd1118;
}
.theme-4 .accountcontent-sidebar .sub-nav-item.active a {
  color: #cc5302;
}
.theme-5 .accountcontent-sidebar .sub-nav-item.active a {
  color: #f43b5f;
}
.theme-6 .accountcontent-sidebar .sub-nav-item.active a {
  color: #0cd2de;
}
.theme-7 .accountcontent-sidebar .sub-nav-item.active a {
  color: #fba90b;
}
.theme-8 .accountcontent-sidebar .sub-nav-item.active a {
  color: #13a104;
}
.theme-9 .accountcontent-sidebar .sub-nav-item.active a {
  color: #07696a;
}
.theme-10 .accountcontent-sidebar .sub-nav-item.active a {
  color: #005a9d;
}
.theme-11 .accountcontent-sidebar .sub-nav-item.active a {
  color: #8acb01;
}
.accountcontent-sidebar-refer {
  margin: 38px 50px 0 0;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .accountcontent-sidebar-refer {
    display: none;
  }
}
.accountcontent-header {
  margin-bottom: 40px;
}
.accountcontent-header h1 {
  margin-bottom: 0;
}
.accountcontent-expired-plan {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.theme-1 .accountcontent-expired-plan {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .accountcontent-expired-plan {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .accountcontent-expired-plan {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .accountcontent-expired-plan {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .accountcontent-expired-plan {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .accountcontent-expired-plan {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .accountcontent-expired-plan {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .accountcontent-expired-plan {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .accountcontent-expired-plan {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .accountcontent-expired-plan {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .accountcontent-expired-plan {
  background-color: rgba(224, 241, 143, 0.2);
}
.accountcontent-expired-plan {
  color: #92895e;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 40px;
  padding: 24px 30px 24px 26px;
}
.theme-1 .accountcontent-expired-plan time {
  color: #22b7f2;
}
.theme-2 .accountcontent-expired-plan time {
  color: #8240ca;
}
.theme-3 .accountcontent-expired-plan time {
  color: #bd1118;
}
.theme-4 .accountcontent-expired-plan time {
  color: #cc5302;
}
.theme-5 .accountcontent-expired-plan time {
  color: #f43b5f;
}
.theme-6 .accountcontent-expired-plan time {
  color: #0cd2de;
}
.theme-7 .accountcontent-expired-plan time {
  color: #fba90b;
}
.theme-8 .accountcontent-expired-plan time {
  color: #13a104;
}
.theme-9 .accountcontent-expired-plan time {
  color: #07696a;
}
.theme-10 .accountcontent-expired-plan time {
  color: #005a9d;
}
.theme-11 .accountcontent-expired-plan time {
  color: #8acb01;
}
.accountcontent-expired-plan time {
  font-weight: 600;
}
.accountcontent-expired-plan > div:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 64.1748219407%;
}
.accountcontent-expired-plan > div:first-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-expired-plan > div:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .accountcontent-expired-plan > div:first-child:last-child {
    margin-right: 0;
  }
  .accountcontent-expired-plan > div:first-child {
    margin-bottom: 20px;
  }
}
.accountcontent-expired-plan > div:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 33.4675264613%;
}
.accountcontent-expired-plan > div:last-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-expired-plan > div:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .accountcontent-expired-plan > div:last-child:last-child {
    margin-right: 0;
  }
}
.accountcontent-expired-plan > div:last-child button {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-expired-plan > div:last-child button {
    position: relative;
  }
}
.accountcontent-current-plan {
  margin-bottom: 40px;
}
.accountcontent-current-plan-renewal {
  margin-top: 40px;
}
.accountcontent-current-plan-renewal [class^=button-] {
  margin-right: 20px;
}
.accountcontent-current-plan-renewal [class^=button-].-left {
  float: left;
  margin-top: 30px;
}
.accountcontent-current-plan-renewal-message {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  clear: both;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  padding-top: 30px;
}
.accountcontent-current-plan-renewal-message.-inline {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.accountcontent-current-plan-renewal-message.-inline:last-child {
  margin-right: 0;
}
.accountcontent-current-plan-renewal-message.-inline {
  display: inline-block;
  float: none;
}
.accountcontent-new-plan {
  margin-bottom: 40px;
}
.accountcontent-plan {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.accountcontent-plan > div:nth-of-type(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-plan > div:nth-of-type(1):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-plan > div:nth-of-type(1) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-plan > div:nth-of-type(1):last-child {
    margin-right: 0;
  }
}
.accountcontent-plan > div:nth-of-type(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-plan > div:nth-of-type(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-plan > div:nth-of-type(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-plan > div:nth-of-type(2):last-child {
    margin-right: 0;
  }
}
.accountcontent-plan-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  margin-bottom: 18px;
}
.accountcontent-plan-name {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  margin-bottom: 12px;
}
.accountcontent-plan-price {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 60px;
  line-height: 3.75rem;
}
.theme-1 .accountcontent-plan-price {
  color: #22b7f2;
}
.theme-2 .accountcontent-plan-price {
  color: #8240ca;
}
.theme-3 .accountcontent-plan-price {
  color: #bd1118;
}
.theme-4 .accountcontent-plan-price {
  color: #cc5302;
}
.theme-5 .accountcontent-plan-price {
  color: #f43b5f;
}
.theme-6 .accountcontent-plan-price {
  color: #0cd2de;
}
.theme-7 .accountcontent-plan-price {
  color: #fba90b;
}
.theme-8 .accountcontent-plan-price {
  color: #13a104;
}
.theme-9 .accountcontent-plan-price {
  color: #07696a;
}
.theme-10 .accountcontent-plan-price {
  color: #005a9d;
}
.theme-11 .accountcontent-plan-price {
  color: #8acb01;
}
.accountcontent-plan-price {
  display: block;
  font-family: "superclarendon", serif;
  font-weight: 700;
}
.accountcontent-plan-price sub {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  bottom: 0;
  text-transform: uppercase;
}
.accountcontent-plan-price sup {
  font-size: 60%;
}
.accountcontent-plan-frequency {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.theme-1 .accountcontent-plan-frequency {
  color: #22b7f2;
}
.theme-2 .accountcontent-plan-frequency {
  color: #8240ca;
}
.theme-3 .accountcontent-plan-frequency {
  color: #bd1118;
}
.theme-4 .accountcontent-plan-frequency {
  color: #cc5302;
}
.theme-5 .accountcontent-plan-frequency {
  color: #f43b5f;
}
.theme-6 .accountcontent-plan-frequency {
  color: #0cd2de;
}
.theme-7 .accountcontent-plan-frequency {
  color: #fba90b;
}
.theme-8 .accountcontent-plan-frequency {
  color: #13a104;
}
.theme-9 .accountcontent-plan-frequency {
  color: #07696a;
}
.theme-10 .accountcontent-plan-frequency {
  color: #005a9d;
}
.theme-11 .accountcontent-plan-frequency {
  color: #8acb01;
}
.accountcontent-plan-frequency {
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  margin-top: 10px;
}
.accountcontent-plan-features {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.accountcontent-referral .lead-in {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  letter-spacing: -0.25px;
  margin-bottom: 50px;
}
.accountcontent-referral-url {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.accountcontent-referral-url:last-child {
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  .accountcontent-referral-url {
    width: 100%;
  }
}
.accountcontent-referral-social {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.accountcontent-referral-social:last-child {
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  .accountcontent-referral-social .fieldset-vertical .field-label {
    display: none;
  }
}
.accountcontent-referral .url-group {
  border-collapse: separate;
  display: table;
  position: relative;
  width: 100%;
}
.accountcontent-referral .url-group-button {
  display: table-cell;
  font-size: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.accountcontent-referral .url-group .field-input--full {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
  display: table-cell;
  float: left;
  position: relative;
  vertical-align: middle;
}
.accountcontent-referral .url-group .button-tertiary {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
.theme-1 .accountcontent-referral .url-group .button-tertiary {
  color: #22b7f2 !important;
}
.theme-2 .accountcontent-referral .url-group .button-tertiary {
  color: #8240ca !important;
}
.theme-3 .accountcontent-referral .url-group .button-tertiary {
  color: #bd1118 !important;
}
.theme-4 .accountcontent-referral .url-group .button-tertiary {
  color: #cc5302 !important;
}
.theme-5 .accountcontent-referral .url-group .button-tertiary {
  color: #f43b5f !important;
}
.theme-6 .accountcontent-referral .url-group .button-tertiary {
  color: #0cd2de !important;
}
.theme-7 .accountcontent-referral .url-group .button-tertiary {
  color: #fba90b !important;
}
.theme-8 .accountcontent-referral .url-group .button-tertiary {
  color: #13a104 !important;
}
.theme-9 .accountcontent-referral .url-group .button-tertiary {
  color: #07696a !important;
}
.theme-10 .accountcontent-referral .url-group .button-tertiary {
  color: #005a9d !important;
}
.theme-11 .accountcontent-referral .url-group .button-tertiary {
  color: #8acb01 !important;
}
.accountcontent-referral .url-group .button-tertiary {
  -webkit-transition: border 500ms ease-out;
  -moz-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
  border: 1px solid #ddd;
  border-left: none;
  display: inline-block;
  padding: 18px 20px 17px 20px;
  position: relative;
}
.accountcontent-referral .fieldset-vertical.error .button-tertiary {
  border-color: #e92329;
}
.accountcontent-referral .fieldset-vertical.success .button-tertiary {
  border-color: #6bac43;
}
@media screen and (max-width: 540px) {
  .accountcontent-referral-container {
    display: flex;
    flex-direction: column;
  }
}
.accountcontent-upgrade {
  padding: 50px 0;
}
.accountcontent-upgrade-content h2 {
  margin-bottom: 0;
}
.accountcontent-upgrade-enterprise {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  font-family: "myriad-pro", sans-serif;
  padding-top: 40px;
}
.accountcontent-upgrade-enterprise a {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
}
.accountcontent-upgrade .accountcontent-plan {
  padding: 50px 0;
  border-bottom: 1px solid #efefef;
}
.accountcontent-upgrade .accountcontent-plan.-last {
  border-bottom: none;
}
.accountcontent-upgrade .accountcontent-plan > div:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.accountcontent-upgrade .accountcontent-plan > div:first-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-upgrade .accountcontent-plan > div:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-upgrade .accountcontent-plan > div:first-child:last-child {
    margin-right: 0;
  }
  .accountcontent-upgrade .accountcontent-plan > div:first-child {
    text-align: center;
  }
}
.accountcontent-upgrade .accountcontent-plan > div:nth-of-type(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-upgrade .accountcontent-plan > div:nth-of-type(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-upgrade .accountcontent-plan > div:nth-of-type(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-upgrade .accountcontent-plan > div:nth-of-type(2):last-child {
    margin-right: 0;
  }
  .accountcontent-upgrade .accountcontent-plan > div:nth-of-type(2) {
    text-align: center;
  }
}
.accountcontent-upgrade .accountcontent-plan > div:nth-of-type(3) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.accountcontent-upgrade .accountcontent-plan > div:nth-of-type(3):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-upgrade .accountcontent-plan > div:nth-of-type(3) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-upgrade .accountcontent-plan > div:nth-of-type(3):last-child {
    margin-right: 0;
  }
  .accountcontent-upgrade .accountcontent-plan > div:nth-of-type(3) {
    padding-top: 20px;
    text-align: center;
  }
}
.accountcontent .upgrade__content__wrapper__plans {
  padding-top: 46px;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-table {
  margin-top: 46px;
  padding: 0 45px;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option:nth-child(3) {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-name {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.1684356888%;
  width: 19.7578833532%;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-name:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-access {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.1684356888%;
  width: 54.1473619161%;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-access:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-details {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.1684356888%;
  width: 19.7578833532%;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-details:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__plans .pricing-option.horizontal .pricing-option-details {
  margin: 0;
}
.accountcontent .upgrade__content__wrapper__enterprise {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  border-bottom: 1px solid #eee;
  font-weight: 400;
  padding: 60px 0;
  text-align: center;
}
.accountcontent .upgrade__content__wrapper__enterprise a {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
}
.accountcontent .upgrade__content__wrapper__updates {
  padding-top: 50px;
}
.accountcontent .upgrade__content__wrapper.payment-form {
  display: none;
}
.accountcontent .upgrade__content__wrapper__selectedplan {
  padding-top: 16px;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan {
  display: none;
  margin-top: 40px;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan.selected {
  display: block;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 28.0101901008%;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(1):last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 28.0101901008%;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(2):last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(3) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(3):last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(3) {
  text-align: right;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan > div:nth-of-type(3) a {
  font-family: "myriad-pro", sans-serif;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan-name {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
.theme-1 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #22b7f2;
}
.theme-2 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #8240ca;
}
.theme-3 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #bd1118;
}
.theme-4 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #cc5302;
}
.theme-5 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #f43b5f;
}
.theme-6 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #0cd2de;
}
.theme-7 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #fba90b;
}
.theme-8 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #13a104;
}
.theme-9 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #07696a;
}
.theme-10 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #005a9d;
}
.theme-11 .accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  color: #8acb01;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan-amount {
  font-size: 68px;
  font-size: 4.25rem;
  line-height: 68px;
  line-height: 4.25rem;
  font-family: "superclarendon", serif;
  font-weight: 700;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan-amount sub {
  bottom: 0;
  font-size: 30%;
  text-transform: uppercase;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan-amount sup {
  font-size: 44%;
  top: -0.9em;
}
.theme-1 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #22b7f2;
}
.theme-2 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #8240ca;
}
.theme-3 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #bd1118;
}
.theme-4 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #cc5302;
}
.theme-5 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #f43b5f;
}
.theme-6 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #0cd2de;
}
.theme-7 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #fba90b;
}
.theme-8 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #13a104;
}
.theme-9 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #07696a;
}
.theme-10 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #005a9d;
}
.theme-11 .accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  color: #8acb01;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan em {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan-access {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  margin-top: 24px;
}
.accountcontent .upgrade__content__wrapper__selectedplan .plan-details {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  list-style: none;
  padding: 0;
  margin: 26px 0 0 0;
}
.accountcontent .upgrade__content__wrapper__billing {
  padding-top: 60px;
}
.accountcontent .upgrade__content__wrapper__billing.free {
  margin-bottom: 60px;
}
.accountcontent .upgrade__content__wrapper__billing h3 {
  margin-bottom: 38px;
}
.accountcontent .upgrade__content__wrapper__billing .paymentoptions {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.accountcontent .upgrade__content__wrapper__billing .paymentoptions > li {
  float: left;
  width: 310px;
}
.accountcontent .upgrade__content__wrapper__billingcard {
  padding-top: 6px;
}
.accountcontent .upgrade__content__wrapper__billingcard h3 {
  margin-bottom: 38px;
}
.accountcontent .upgrade__content__wrapper__billingcard .col {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 48.5787072148%;
}
.accountcontent .upgrade__content__wrapper__billingcard .col:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  margin: 30px 0 60px 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-header {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #6bac43;
  color: #fff;
  padding: 30px 0 24px 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-header-title {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-header-title:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-header-title {
  margin-left: 7.4416729867%;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-weight: 300;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-header-security {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  padding-top: 4px;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-header-security span {
  padding-left: 10px;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body {
  margin-left: 6.1721527019%;
  padding: 54px 0 45px 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body [class^=field-input],
.accountcontent .upgrade__content__wrapper__billingcard .card-body .chosen-container-single .chosen-single {
  background-color: #fff;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1 .name,
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1 .number {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 48.5787072148%;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1 .name:last-child,
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-1 .number:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .month {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .month:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .year {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 28.0101901008%;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .year:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .code {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 28.0101901008%;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .code:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .code .icon-wrapper {
  position: relative;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .code .icon-wrapper .field-input--full {
  padding-right: 70px;
}
.accountcontent .upgrade__content__wrapper__billingcard .card-body .row-2 .code .icon-wrapper:after {
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 2rem;
  color: #eee;
  content: "\e635";
  font-family: "kdi-icons";
  position: absolute;
  right: 12px;
  top: 12px;
}
.accountcontent .upgrade__content__wrapper__billingpo {
  padding: 6px 0 30px 0;
}
.accountcontent .upgrade__content__wrapper__billingpo .col {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 48.5787072148%;
}
.accountcontent .upgrade__content__wrapper__billingpo .col:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingpo .col.phone {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.accountcontent .upgrade__content__wrapper__billingpo .col.phone:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary {
  margin: 60px 0 76px 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-paymenttype {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 28.0101901008%;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-paymenttype:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-address {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-address:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-creditcard {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 28.0101901008%;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-creditcard:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-purchaseorder {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 69.1472243289%;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-purchaseorder:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-actions {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 100%;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-actions:last-child {
  margin-right: 0;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary-actions a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "myriad-pro", sans-serif;
}
.accountcontent .upgrade__content__wrapper__billingsummary .billingsummary .field-readonly {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "myriad-pro", sans-serif;
}
.accountcontent .upgrade__content__wrapper__charge {
  margin: 0 0 40px 0;
}
.theme-1 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #22b7f2;
}
.theme-2 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #8240ca;
}
.theme-3 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #bd1118;
}
.theme-4 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #cc5302;
}
.theme-5 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #f43b5f;
}
.theme-6 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #0cd2de;
}
.theme-7 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #fba90b;
}
.theme-8 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #13a104;
}
.theme-9 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #07696a;
}
.theme-10 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #005a9d;
}
.theme-11 .accountcontent .upgrade__content__wrapper__charge .amount {
  color: #8acb01;
}
.accountcontent .upgrade__content__wrapper__charge .amount {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "superclarendon", serif;
  font-weight: 700;
}
.accountcontent .upgrade__content__wrapper__success {
  padding-top: 60px;
  text-align: center;
}
.accountcontent .upgrade__content__wrapper__success h2 {
  margin-bottom: 36px;
}
.accountcontent .upgrade__content__wrapper__success p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42;
  line-height: 2.625rem;
  color: #888;
  font-weight: 300;
  letter-spacing: -0.36px;
  margin-bottom: 50px;
}
.accountcontent .upgrade__content__wrapper__actions {
  padding-bottom: 120px;
}
.accountcontent .callout-referral {
  padding-top: 100px;
}
.accountcontent .callout-referral-content span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
.accountcontent .callout-referral-content p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  margin: 10px 0 24px 0;
}
.accountcontent .callout-enterprise {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  background: url("/Assets/Images/bg-account-callout-school.jpg") no-repeat;
  clear: both;
  margin-bottom: 50px;
  padding: 80px 0;
}
@media screen and (max-width: 480px) {
  .accountcontent .callout-enterprise {
    padding: 20px 0;
  }
}
.accountcontent .callout-enterprise-content {
  margin-left: 14.7019570017%;
}
@media screen and (max-width: 480px) {
  .accountcontent .callout-enterprise-content {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 87.0526670492%;
  }
  .accountcontent .callout-enterprise-content:last-child {
    margin-right: 0;
  }
  .accountcontent .callout-enterprise-content {
    margin-left: 6.1721527019%;
  }
}
.accountcontent .callout-enterprise-content span {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #fff;
  display: block;
  margin-bottom: 24px;
}
.accountcontent-consent {
  margin-top: 80px;
}
.accountcontent-details > div:nth-of-type(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 64.7366647542%;
}
.accountcontent-details > div:nth-of-type(1):last-child {
  width: 61.1580011475%;
}
@media screen and (max-width: 480px) {
  .accountcontent-details > div:nth-of-type(1) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-details > div:nth-of-type(1):last-child {
    margin-right: 0;
  }
}
.accountcontent-details > div:nth-of-type(2) {
  margin-left: 9.3686693441%;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.accountcontent-details > div:nth-of-type(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-details > div:nth-of-type(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 74.1053340983%;
  }
  .accountcontent-details > div:nth-of-type(2):last-child {
    margin-right: 0;
  }
  .accountcontent-details > div:nth-of-type(2) {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 480px) {
  .accountcontent-details-avatar {
    text-align: center;
  }
}
.accountcontent-details-avatar .profile-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  display: block;
  height: 150px;
  margin-bottom: 20px;
  width: 150px;
}
@media screen and (max-width: 480px) {
  .accountcontent-details-avatar .profile-image {
    margin: 0 auto 20px auto;
  }
}
.accountcontent-details-avatar .delete-avatar {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #bbb;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0.6px;
  margin-top: 14px;
  text-align: center;
  text-transform: uppercase;
}
.accountcontent-details-avatar .delete-avatar.hidden {
  display: none;
}
.accountcontent-details-avatar label {
  cursor: pointer;
}
.accountcontent-details-avatar input[type=file] {
  position: absolute;
  left: -99999px;
}
.accountcontent-educatordetails .fieldset {
  margin-top: 0;
}
.accountcontent-educatordetails .fieldset.grades {
  float: left;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .accountcontent-educatordetails .fieldset.grades {
    float: none;
    width: 100%;
  }
}
.accountcontent-educatordetails .fieldset.grades .grade-checkboxes {
  float: left;
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
  width: 50%;
}
.accountcontent-educatordetails .fieldset.grades .grade-checkboxes li + li {
  margin-top: 9px;
}
.accountcontent-educatordetails .fieldset.subjects {
  float: left;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .accountcontent-educatordetails .fieldset.subjects {
    float: none;
    width: 100%;
  }
}
.accountcontent-educatordetails .fieldset.subjects .subject-checkboxes {
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
}
.accountcontent-educatordetails .fieldset.subjects .subject-checkboxes li + li {
  margin-top: 9px;
}
.accountcontent-educatordetails .fieldset.zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 9.3686693441%;
}
.accountcontent-educatordetails .fieldset.zipcode:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-educatordetails .fieldset.zipcode {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-educatordetails .fieldset.zipcode:last-child {
    margin-right: 0;
  }
  .accountcontent-educatordetails .fieldset.zipcode {
    margin-right: 0;
  }
}
.accountcontent-educatordetails .fieldset.school {
  width: calc(96% - 100px);
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-educatordetails .fieldset.school {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-educatordetails .fieldset.school:last-child {
    margin-right: 0;
  }
  .accountcontent-educatordetails .fieldset.school {
    margin-right: 0;
  }
}
.accountcontent-educatordetails .fieldset.school-other {
  clear: both;
}
.accountcontent-credentials {
  margin-bottom: 60px;
}
.accountcontent-credentials hr {
  margin-bottom: 35px;
}
.accountcontent-credentials-container > div {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-credentials-container > div:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .accountcontent-credentials-container > div {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-credentials-container > div:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .accountcontent-credentials-container > div:last-child {
    margin-top: 60px;
  }
}
.accountcontent-sso {
  margin-left: auto;
}
.accountcontent-sso hr {
  margin-bottom: 35px;
}
.accountcontent-sso-container {
  margin-left: auto;
}
.accountcontent-sso-container .oauthcontainer {
  display: flex;
}
@media screen and (max-width: 955px) {
  .accountcontent-sso-container .oauthcontainer {
    display: grid;
    max-width: 240px;
  }
}
.accountcontent-paymentmethod {
  margin-bottom: 66px;
}
.accountcontent-billingaddress, .accountcontent-shippingaddress {
  margin-bottom: 46px;
}
.accountcontent-billingaddress .address-group .address1, .accountcontent-shippingaddress .address-group .address1 {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-billingaddress .address-group .address1:last-child, .accountcontent-shippingaddress .address-group .address1:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .address1, .accountcontent-shippingaddress .address-group .address1 {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-billingaddress .address-group .address1:last-child, .accountcontent-shippingaddress .address-group .address1:last-child {
    margin-right: 0;
  }
}
.accountcontent-billingaddress .address-group .address2, .accountcontent-shippingaddress .address-group .address2 {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-billingaddress .address-group .address2:last-child, .accountcontent-shippingaddress .address-group .address2:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .address2, .accountcontent-shippingaddress .address-group .address2 {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-billingaddress .address-group .address2:last-child, .accountcontent-shippingaddress .address-group .address2:last-child {
    margin-right: 0;
  }
}
.accountcontent-billingaddress .address-group .city, .accountcontent-shippingaddress .address-group .city {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.accountcontent-billingaddress .address-group .city:last-child, .accountcontent-shippingaddress .address-group .city:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .city, .accountcontent-shippingaddress .address-group .city {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-billingaddress .address-group .city:last-child, .accountcontent-shippingaddress .address-group .city:last-child {
    margin-right: 0;
  }
}
.accountcontent-billingaddress .address-group .phone, .accountcontent-shippingaddress .address-group .phone {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.accountcontent-billingaddress .address-group .phone:last-child, .accountcontent-shippingaddress .address-group .phone:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .phone, .accountcontent-shippingaddress .address-group .phone {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .accountcontent-billingaddress .address-group .phone:last-child, .accountcontent-shippingaddress .address-group .phone:last-child {
    margin-right: 0;
  }
}
.accountcontent-billingaddress .address-group .state, .accountcontent-shippingaddress .address-group .state {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.accountcontent-billingaddress .address-group .state:last-child, .accountcontent-shippingaddress .address-group .state:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .state, .accountcontent-shippingaddress .address-group .state {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .accountcontent-billingaddress .address-group .state:last-child, .accountcontent-shippingaddress .address-group .state:last-child {
    margin-right: 0;
  }
}
.accountcontent-billingaddress .address-group .zipcode, .accountcontent-shippingaddress .address-group .zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.accountcontent-billingaddress .address-group .zipcode:last-child, .accountcontent-shippingaddress .address-group .zipcode:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .zipcode, .accountcontent-shippingaddress .address-group .zipcode {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .accountcontent-billingaddress .address-group .zipcode:last-child, .accountcontent-shippingaddress .address-group .zipcode:last-child {
    margin-right: 0;
  }
}
.accountcontent-billingaddress .address-group .country, .accountcontent-shippingaddress .address-group .country {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.accountcontent-billingaddress .address-group .country:last-child, .accountcontent-shippingaddress .address-group .country:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .accountcontent-billingaddress .address-group .country, .accountcontent-shippingaddress .address-group .country {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 74.1053340983%;
  }
  .accountcontent-billingaddress .address-group .country:last-child, .accountcontent-shippingaddress .address-group .country:last-child {
    margin-right: 0;
  }
}
.accountcontent-creditcard {
  margin-bottom: 60px;
}
.accountcontent-creditcard .fieldset-vertical--readonly {
  margin-bottom: 20px;
}
.accountcontent-creditcard .fieldset-vertical--readonly p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.accountcontent-creditcard .alertbar-warning {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: -30px -35px 30px -35px;
}
.accountcontent-creditcard .form-panel {
  margin-bottom: 0;
}
.accountcontent-creditcard .form-panel-header span,
.accountcontent-creditcard .form-panel-header strong {
  color: #222;
}
.accountcontent-creditcard .form-panel-header a {
  font-family: "myriad-pro", sans-serif;
  margin-left: 14px;
}
.accountcontent-purchaseorder {
  margin-bottom: 60px;
}
.accountcontent-purchaseorder .fieldset-vertical--readonly {
  margin-bottom: 20px;
}
.accountcontent-purchaseorder .fieldset-vertical--readonly p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.18px;
}
.accountcontent-purchaseorder .alertbar-warning {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: -30px -35px 30px -35px;
}
.accountcontent-accounthistory .invoice-list {
  list-style: none;
  padding: 0;
}
.accountcontent-accounthistory .invoice-list-item {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  border-bottom: 1px solid #eee;
  padding: 20px 4px;
}
.accountcontent-accounthistory .invoice-number {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.accountcontent-accounthistory .invoice-number:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-inner {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.accountcontent-accounthistory .invoice-inner:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-date {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.accountcontent-accounthistory .invoice-date:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-coupon {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.accountcontent-accounthistory .invoice-coupon:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-amount {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.accountcontent-accounthistory .invoice-amount:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-amount {
  color: #333;
  font-weight: 600;
  text-align: right;
}
.accountcontent-accounthistory .invoice-notes {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.accountcontent-accounthistory .invoice-notes:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-notes {
  color: #888;
  font-weight: 400;
}
.accountcontent-accounthistory .invoice-payment-method {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.accountcontent-accounthistory .invoice-payment-method:last-child {
  margin-right: 0;
}
.accountcontent-accounthistory .invoice-payment-method {
  text-align: right;
}
.accountcontent-actions {
  margin-top: 60px;
}
.theme-1 .accountcontent .upgrade-callout {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .accountcontent .upgrade-callout {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .accountcontent .upgrade-callout {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .accountcontent .upgrade-callout {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .accountcontent .upgrade-callout {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .accountcontent .upgrade-callout {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .accountcontent .upgrade-callout {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .accountcontent .upgrade-callout {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .accountcontent .upgrade-callout {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .accountcontent .upgrade-callout {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .accountcontent .upgrade-callout {
  background-color: rgba(224, 241, 143, 0.2);
}
.accountcontent .upgrade-callout {
  clear: both;
  padding: 80px 0;
}
.accountcontent .upgrade-callout-enterprise {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  font-family: "myriad-pro", sans-serif;
}
.accountcontent .upgrade-callout-enterprise a {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
}

.account-details__zip-code-input {
  width: 100px;
}
@media screen and (max-width: 480px) {
  .account-details__zip-code-input {
    width: 100%;
  }
}

.account__admin-section {
  margin-top: 50px;
}

.account__admin-email {
  font-size: 2.25rem;
  line-height: 2.625rem;
  letter-spacing: -0.25px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}

.admin__building-login-description {
  font-style: italic;
  margin-bottom: 10px;
}

.account__index-credentials {
  margin-top: 20px !important;
  margin-left: 0 !important;
  margin-bottom: 50px !important;
}

.account__index-credentials-separator {
  margin-bottom: 5px !important;
}

.account__your-account-link {
  margin-top: 15px;
}
.account__your-account-link a {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
}

.account__student-avatar-message-button {
  margin-top: 30px;
}

.user-account--public-account {
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.user-account--public-account,
.user-account--public-account h1, .user-account--public-account h2, .user-account--public-account h3, .user-account--public-account h4, .user-account--public-account h5, .user-account--public-account .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .user-account--public-account .crumb, .user-account--public-account .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .user-account--public-account .darken, .user-account--public-account h6,
.user-account--public-account p, .user-account--public-account a, .user-account--public-account label, .user-account--public-account span, .user-account--public-account em, .user-account--public-account strong,
.user-account--public-account input, .user-account--public-account select, .user-account--public-account textarea, .user-account--public-account button,
.user-account--public-account ul, .user-account--public-account li, .user-account--public-account div, .user-account--public-account section, .user-account--public-account header, .user-account--public-account article,
.user-account--public-account fieldset, .user-account--public-account form {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif !important;
}
.user-account--public-account .content-container-inset {
  box-sizing: border-box;
  width: 100%;
}
.user-account--public-account .public-account-layout {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.user-account--public-account .public-account-card {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  float: none;
  margin: 0;
  min-width: 0;
  padding: 32px;
  width: 100%;
}
.user-account--public-account .public-account-card::before, .user-account--public-account .public-account-card::after {
  content: none;
  display: none;
}
.user-account--public-account .public-account-card__header {
  float: none;
  margin: 0 0 24px;
  padding: 0;
  width: 100%;
}
.user-account--public-account .public-account-card h2,
.user-account--public-account .public-account-card h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
  text-transform: none;
}
.user-account--public-account .public-account-card--multiple-plans > h3 {
  margin-bottom: 24px;
}
.user-account--public-account .public-account-card--multiple-plans .licenses-row-multiple {
  align-items: center;
  border-bottom: 1px solid #DEDEDE;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 16px 0;
}
.user-account--public-account .public-account-card--multiple-plans .licenses-row-multiple:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.user-account--public-account .public-account-card--multiple-plans .licenses-user-multiple {
  color: #000000;
  float: none;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  width: auto;
}
.user-account--public-account .accountcontent-expired-plan {
  align-items: center;
  background: #FEF1AE;
  border: 1px solid rgb(253.5024390244, 234.0341463415, 133.6975609756);
  border-radius: 4px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin: 0 0 24px;
  padding: 16px 20px;
}
.user-account--public-account .accountcontent-expired-plan > div:first-child,
.user-account--public-account .accountcontent-expired-plan > div:last-child {
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
}
.user-account--public-account .accountcontent-expired-plan > div:last-child button {
  position: static;
}
.user-account--public-account .accountcontent-current-plan {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-account .accountcontent-current-plan::before, .user-account--public-account .accountcontent-current-plan::after {
  content: none;
  display: none;
}
.user-account--public-account .accountcontent-current-plan-renewal {
  align-items: center;
  border-top: 1px solid #DEDEDE;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
  padding-top: 24px;
}
.user-account--public-account .accountcontent-current-plan-renewal [class^=button-] {
  flex: 0 0 auto;
  margin: 0;
}
.user-account--public-account .accountcontent-current-plan-renewal [class^=button-].-left {
  float: none;
  margin: 0;
}
.user-account--public-account .accountcontent-current-plan-renewal-message, .user-account--public-account .accountcontent-current-plan-renewal-message.-inline {
  clear: none;
  color: rgba(0, 0, 0, 0.7);
  display: block;
  float: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  padding: 0;
  width: auto;
}
.user-account--public-account .accountcontent-plan {
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(180px, 0.65fr) minmax(280px, 1.35fr);
  margin: 0;
  max-width: none;
  width: 100%;
}
.user-account--public-account .accountcontent-plan::before, .user-account--public-account .accountcontent-plan::after {
  content: none;
  display: none;
}
.user-account--public-account .accountcontent-plan > div,
.user-account--public-account .accountcontent-plan > div:first-child,
.user-account--public-account .accountcontent-plan > div:nth-of-type(2),
.user-account--public-account .accountcontent-plan > div:nth-of-type(3),
.user-account--public-account .accountcontent-plan > div:last-child {
  box-sizing: border-box;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.user-account--public-account .accountcontent-plan-name {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 12px;
}
.user-account--public-account .accountcontent-plan-price {
  color: #008EC6;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}
.user-account--public-account .accountcontent-plan-price sub {
  font-size: 16px;
}
.user-account--public-account .accountcontent-plan-frequency, .user-account--public-account .accountcontent-plan-description, .user-account--public-account .accountcontent-plan-features {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.user-account--public-account .accountcontent-plan-features {
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-account--public-account .accountcontent-plan-features li + li {
  margin-top: 8px;
}
.user-account--public-account .public-account-card--building-login > h3 {
  margin-bottom: 16px;
}
.user-account--public-account .public-account-card--building-login .admin__building-login-description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 12px;
}
.user-account--public-account .public-account-card--building-login .accountcontent-credentials {
  float: none;
  margin: 24px 0 0;
  padding: 0;
  width: 100%;
}
.user-account--public-account .public-account-card--building-login .accountcontent-credentials-container {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.user-account--public-account .public-account-card--building-login .accountcontent-credentials-container > div {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-account .public-account-card--building-login .fieldset-vertical--readonly:nth-of-type(2) {
  align-items: center;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  height: 60px;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 0 24px;
}
.user-account--public-account .public-account-callout {
  border-radius: 8px;
  box-sizing: border-box;
  float: none;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.user-account--public-account .public-account-callout--enterprise {
  background-image: url("/Assets/Images/bg-account-callout-school.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: none;
  padding: 48px;
}
.user-account--public-account .public-account-callout--enterprise .callout-enterprise-content {
  margin: 0;
  max-width: 720px;
}
.user-account--public-account .public-account-callout--enterprise .callout-enterprise-content span {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
}
.user-account--public-account .accountcontent-upgrade {
  padding: 32px;
}
.user-account--public-account .accountcontent-upgrade-content {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-account .accountcontent-upgrade .accountcontent-plan {
  align-items: center;
  border-bottom: 1px solid #DEDEDE;
  grid-template-columns: minmax(150px, 0.55fr) minmax(280px, 1.2fr) auto;
  padding: 32px 0;
}
.user-account--public-account .accountcontent-upgrade .accountcontent-plan.-last {
  border-bottom: 0;
}
.user-account--public-account .accountcontent-upgrade-enterprise {
  border-top: 1px solid #DEDEDE;
  font-size: 16px;
  line-height: 150%;
  padding-top: 24px;
}
.user-account--public-account .accountcontent-upgrade-enterprise a {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}
.user-account--public-account .public-account-callout--referral {
  background: #fff;
  padding: 32px;
}
.user-account--public-account .public-account-callout--referral .callout-referral-content {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-account .public-account-callout--referral .callout-referral-content span {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}
.user-account--public-account .public-account-callout--referral .callout-referral-content p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 150%;
  margin: 8px 0 20px;
}
@media (max-width: 980px) {
  .user-account--public-account .accountcontent-plan,
  .user-account--public-account .accountcontent-upgrade .accountcontent-plan {
    grid-template-columns: 1fr;
  }
  .user-account--public-account .accountcontent-expired-plan {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .user-account--public-account .public-account-card,
  .user-account--public-account .accountcontent-upgrade,
  .user-account--public-account .public-account-callout--enterprise,
  .user-account--public-account .public-account-callout--referral {
    padding: 24px 20px;
  }
  .user-account--public-account .public-account-card--building-login .accountcontent-credentials-container {
    grid-template-columns: 1fr;
  }
}

.user-account--public-details {
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.user-account--public-details,
.user-account--public-details h1, .user-account--public-details h2, .user-account--public-details h3, .user-account--public-details h4, .user-account--public-details h5, .user-account--public-details .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .user-account--public-details .crumb, .user-account--public-details .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .user-account--public-details .darken, .user-account--public-details h6,
.user-account--public-details p, .user-account--public-details a, .user-account--public-details label, .user-account--public-details span, .user-account--public-details em, .user-account--public-details strong, .user-account--public-details b,
.user-account--public-details input, .user-account--public-details select, .user-account--public-details textarea, .user-account--public-details button,
.user-account--public-details ul, .user-account--public-details li, .user-account--public-details div, .user-account--public-details section, .user-account--public-details header, .user-account--public-details article,
.user-account--public-details fieldset, .user-account--public-details form {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif !important;
}
.user-account--public-details [type=checkbox]:not(:checked),
.user-account--public-details [type=checkbox]:checked {
  appearance: auto;
  cursor: pointer;
  height: auto;
  left: auto;
  margin: 0 8px 0 0;
  position: static;
  width: auto;
}
.user-account--public-details [type=checkbox]:not(:checked) ~ label,
.user-account--public-details [type=checkbox]:checked ~ label {
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.user-account--public-details [type=checkbox]:not(:checked) ~ label::before,
.user-account--public-details [type=checkbox]:checked ~ label::before,
.user-account--public-details [type=checkbox]:not(:checked) ~ label::after,
.user-account--public-details [type=checkbox]:checked ~ label::after {
  content: none;
  display: none;
}
.user-account--public-details .content-container-inset {
  box-sizing: border-box;
  width: 100%;
}
.user-account--public-details .public-details-grid {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.2fr);
  min-width: 0;
}
.user-account--public-details .public-details-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.user-account--public-details .public-details-card {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding: 32px;
}
.user-account--public-details .public-details-card__header,
.user-account--public-details .public-details-card .accountcontent-section-header {
  float: none;
  margin: 0 0 24px;
  padding: 0;
  width: 100%;
}
.user-account--public-details .public-details-card__header h3,
.user-account--public-details .public-details-card .accountcontent-section-header h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
  text-transform: none;
}
.user-account--public-details .public-details-card__header .muted,
.user-account--public-details .public-details-card .accountcontent-section-header .muted {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px;
}
.user-account--public-details .field-label,
.user-account--public-details .field-label-checkbox,
.user-account--public-details label.field-label,
.user-account--public-details label.field-label-checkbox {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 8px;
  text-transform: none;
}
.user-account--public-details .field-details {
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
  margin: 4px 0 8px;
}
.user-account--public-details .field-input,
.user-account--public-details .field-input--full,
.user-account--public-details input[type=text].field-input,
.user-account--public-details input[type=text].field-input--full,
.user-account--public-details select.field-input--full {
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  height: 64px;
  line-height: 150%;
  padding: 0 24px;
  width: 100% !important;
}
.user-account--public-details .field-input:focus,
.user-account--public-details .field-input--full:focus,
.user-account--public-details input[type=text].field-input:focus,
.user-account--public-details input[type=text].field-input--full:focus,
.user-account--public-details select.field-input--full:focus {
  border-color: #008EC6;
  outline: none;
}
.user-account--public-details textarea.field-input--full {
  height: auto;
  min-height: 120px;
  padding: 16px 24px;
}
.user-account--public-details .chosen-container,
.user-account--public-details .chosen-container-single {
  width: 100% !important;
}
.user-account--public-details .chosen-container-single .chosen-single {
  align-items: center;
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #000000;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 64px;
  line-height: 150%;
  padding: 0 44px 0 24px;
}
.user-account--public-details .chosen-container-single .chosen-single span {
  display: block;
  flex: 1 1 auto;
  line-height: 62px;
  margin-right: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-account--public-details .chosen-container-single .chosen-single div {
  align-items: center;
  background: transparent !important;
  border: 0;
  bottom: auto !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center;
  position: absolute !important;
  right: 24px !important;
  top: 0 !important;
  width: 18px !important;
}
.user-account--public-details .chosen-container-single .chosen-single div b {
  background: none !important;
  display: block;
  font-family: inherit !important;
  font-size: 0 !important;
  height: 18px !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: static;
  width: 18px !important;
}
.user-account--public-details .chosen-container-single .chosen-single div b::before {
  border: solid #000000;
  border-width: 0 2px 2px 0;
  box-sizing: border-box;
  content: "" !important;
  display: block;
  height: 8px;
  margin: 3px auto 0;
  position: static;
  transform: rotate(45deg);
  width: 8px;
}
.user-account--public-details .public-details-card--basic .accountcontent-details {
  display: grid;
  float: none;
  gap: 32px;
  grid-template-columns: minmax(0, 1fr) 150px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-details .public-details-card--basic .accountcontent-details::before, .user-account--public-details .public-details-card--basic .accountcontent-details::after {
  content: none;
  display: none;
}
.user-account--public-details .public-details-card--basic .accountcontent-details > div:nth-of-type(1),
.user-account--public-details .public-details-card--basic .accountcontent-details > div:nth-of-type(2) {
  box-sizing: border-box;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.user-account--public-details .accountcontent-details-avatar .profile-image {
  height: 150px;
  margin: 0 0 20px;
  width: 150px;
}
.user-account--public-details .accountcontent-details-avatar .button-tertiary--small {
  box-sizing: border-box;
  display: block;
  text-align: center;
  width: 150px;
}
.user-account--public-details .accountcontent-details-avatar .delete-avatar {
  color: rgba(0, 0, 0, 0.7);
  margin-top: 12px;
  width: 150px;
}
.user-account--public-details .accountcontent-educatordetails {
  float: none;
  margin: 0;
  padding: 32px;
  width: 100%;
}
.user-account--public-details .accountcontent-educatordetails .educator-details {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.user-account--public-details .accountcontent-educatordetails .form-panel-header {
  background: transparent;
  border: 0;
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0 0 24px;
  padding: 0;
  text-transform: none;
}
.user-account--public-details .accountcontent-educatordetails .form-panel-header:not(:first-child) {
  border-top: 1px solid #DEDEDE;
  font-size: 16px;
  line-height: 150%;
  margin-top: 24px;
  padding-top: 24px;
}
.user-account--public-details .accountcontent-educatordetails .form-panel-section {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 24px;
  padding: 0;
}
.user-account--public-details .accountcontent-educatordetails .form-panel-section::before, .user-account--public-details .accountcontent-educatordetails .form-panel-section::after {
  content: none;
  display: none;
}
.user-account--public-details .accountcontent-educatordetails .fieldset,
.user-account--public-details .accountcontent-educatordetails .fieldset.grades,
.user-account--public-details .accountcontent-educatordetails .fieldset.subjects,
.user-account--public-details .accountcontent-educatordetails .fieldset.zipcode,
.user-account--public-details .accountcontent-educatordetails .fieldset.school,
.user-account--public-details .accountcontent-educatordetails .fieldset.school-other {
  box-sizing: border-box;
  float: none;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  width: 100% !important;
}
.user-account--public-details .accountcontent-educatordetails .fieldset.school {
  overflow: visible;
}
.user-account--public-details .accountcontent-educatordetails .fieldset.school > .field-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-account--public-details .accountcontent-educatordetails .fieldset.school .chosen-container,
.user-account--public-details .accountcontent-educatordetails .fieldset.school .chosen-container-single {
  display: block;
  max-width: 100%;
  min-width: 0;
  position: relative;
  width: 100% !important;
}
.user-account--public-details .accountcontent-educatordetails .fieldset.school .chosen-container .chosen-drop {
  box-sizing: border-box;
  max-width: 100%;
  top: 100%;
  width: 100% !important;
}
.user-account--public-details .accountcontent-educatordetails .fieldset.school .chosen-container.chosen-with-drop .chosen-drop {
  left: 0 !important;
}
.user-account--public-details .accountcontent-educatordetails .form-panel-section:last-child .fieldset:first-child,
.user-account--public-details .accountcontent-educatordetails .school-other {
  grid-column: 1/-1;
}
.user-account--public-details .accountcontent-educatordetails .grade-list,
.user-account--public-details .accountcontent-educatordetails .subject-list {
  float: none;
  margin: 0;
  width: 100%;
}
.user-account--public-details .accountcontent-educatordetails .grade-list::before, .user-account--public-details .accountcontent-educatordetails .grade-list::after,
.user-account--public-details .accountcontent-educatordetails .subject-list::before,
.user-account--public-details .accountcontent-educatordetails .subject-list::after {
  content: none;
  display: none;
}
.user-account--public-details .accountcontent-educatordetails .grade-list {
  display: block;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes,
.user-account--public-details .accountcontent-educatordetails .subject-checkboxes {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes li,
.user-account--public-details .accountcontent-educatordetails .subject-checkboxes li {
  align-items: center;
  display: flex;
  gap: 8px;
  min-height: 24px;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes li + li,
.user-account--public-details .accountcontent-educatordetails .subject-checkboxes li + li {
  margin-top: 12px;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes .field-label-checkbox,
.user-account--public-details .accountcontent-educatordetails .subject-checkboxes .field-label-checkbox {
  font-weight: 500;
  margin: 0;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes {
  display: grid;
  gap: 12px 24px;
  grid-auto-flow: column;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, 24px);
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes > li,
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes > li + li {
  align-items: center;
  height: 24px;
  margin: 0 !important;
  min-height: 24px;
  padding: 0;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes > li > input[type=checkbox] {
  align-self: center;
  flex: 0 0 auto;
}
.user-account--public-details .accountcontent-educatordetails .grade-checkboxes > li > .field-label-checkbox {
  align-items: center;
  display: flex;
  height: 24px;
  line-height: 24px;
  margin: 0 !important;
  padding-bottom: 0;
  padding-top: 0;
}
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:not(:checked),
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:checked {
  appearance: auto;
  cursor: pointer;
  height: auto;
  left: auto;
  margin: 0 8px 0 0;
  position: static;
  width: auto;
}
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:not(:checked) ~ label,
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:checked ~ label {
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:not(:checked) ~ label::before,
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:checked ~ label::before,
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:not(:checked) ~ label::after,
.user-account--public-details .accountcontent-educatordetails [type=checkbox]:checked ~ label::after {
  content: none;
  display: none;
}
.user-account--public-details .accountcontent-credentials {
  box-sizing: border-box;
  float: none;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  width: 100% !important;
}
.user-account--public-details .accountcontent-credentials-container {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
.user-account--public-details .accountcontent-credentials-container > div {
  box-sizing: border-box;
  float: none;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  width: 100% !important;
}
.user-account--public-details .accountcontent-credentials .field-readonly {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
}
.user-account--public-details .accountcontent-credentials .credential-readonly {
  align-items: center;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  height: 64px;
  justify-content: space-between;
  max-width: 100%;
  min-width: 0;
  padding: 0 20px 0 24px;
  width: 100% !important;
}
.user-account--public-details .accountcontent-credentials .credential-readonly .field-readonly {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-account--public-details .accountcontent-credentials .credential-icon-button {
  align-items: center;
  background: transparent;
  border: 0;
  display: inline-flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 32px;
}
.user-account--public-details .accountcontent-credentials .credential-icon-button--edit::before {
  background: url("/Assets/Images/Admin/edit.svg") no-repeat center center;
  background-size: 18px 18px;
  content: "";
  display: block;
  height: 18px;
  width: 18px;
}
.user-account--public-details .accountcontent-credentials .fieldset-vertical--readonly:nth-of-type(2) {
  align-items: center;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  height: 64px;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 0 24px;
}
.user-account--public-details .accountcontent-credentials .fieldset-vertical--readonly:nth-of-type(2) .field-readonly {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-account--public-details .accountcontent-credentials .button-tertiary--small {
  background: transparent;
  border: 0;
  color: #008EC6;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
.user-account--public-details .accountcontent-credentials .button-tertiary--small:hover {
  background: transparent;
  color: rgb(0, 112.7393939394, 157.2);
}
.user-account--public-details .accountcontent-sso,
.user-account--public-details .accountcontent-sso-container {
  margin: 0;
  width: 100%;
}
.user-account--public-details .accountcontent-sso .oauthcontainer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.user-account--public-details .accountcontent-consent {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-details .accountcontent-consent .send-updates {
  align-items: center;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 12px 16px;
}
.user-account--public-details .accountcontent-consent .send-updates .field-label-checkbox {
  margin: 0;
}
@media (max-width: 980px) {
  .user-account--public-details .public-details-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .user-account--public-details .public-details-card,
  .user-account--public-details .accountcontent-educatordetails {
    padding: 24px 20px;
  }
  .user-account--public-details .public-details-card--basic .accountcontent-details,
  .user-account--public-details .accountcontent-educatordetails .form-panel-section,
  .user-account--public-details .accountcontent-credentials-container {
    grid-template-columns: 1fr;
  }
  .user-account--public-details .accountcontent-details-avatar {
    text-align: left;
  }
}

.user-account--public-billing {
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.user-account--public-billing,
.user-account--public-billing h1, .user-account--public-billing h2, .user-account--public-billing h3, .user-account--public-billing h4, .user-account--public-billing h5, .user-account--public-billing .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .user-account--public-billing .crumb, .user-account--public-billing .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .user-account--public-billing .darken, .user-account--public-billing h6,
.user-account--public-billing p, .user-account--public-billing a, .user-account--public-billing label, .user-account--public-billing span, .user-account--public-billing em, .user-account--public-billing strong,
.user-account--public-billing input, .user-account--public-billing select, .user-account--public-billing textarea, .user-account--public-billing button,
.user-account--public-billing ul, .user-account--public-billing li, .user-account--public-billing div, .user-account--public-billing section, .user-account--public-billing header, .user-account--public-billing article,
.user-account--public-billing fieldset, .user-account--public-billing form {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif !important;
}
.user-account--public-billing [type=checkbox]:not(:checked),
.user-account--public-billing [type=checkbox]:checked {
  appearance: auto;
  cursor: pointer;
  height: auto;
  left: auto;
  margin: 0 8px 0 0;
  position: static;
  width: auto;
}
.user-account--public-billing [type=checkbox]:not(:checked) ~ label,
.user-account--public-billing [type=checkbox]:checked ~ label {
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
.user-account--public-billing [type=checkbox]:not(:checked) ~ label::before,
.user-account--public-billing [type=checkbox]:checked ~ label::before,
.user-account--public-billing [type=checkbox]:not(:checked) ~ label::after,
.user-account--public-billing [type=checkbox]:checked ~ label::after {
  content: none;
  display: none;
}
.user-account--public-billing .content-container-inset {
  box-sizing: border-box;
  width: 100%;
}
.user-account--public-billing .public-billing-grid {
  align-items: start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(420px, 1.4fr) minmax(320px, 1fr);
}
.user-account--public-billing .public-billing-main,
.user-account--public-billing .public-billing-aside {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.user-account--public-billing .public-billing-card {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  padding: 32px;
}
.user-account--public-billing .public-billing-card__header,
.user-account--public-billing .public-billing-card .accountcontent-section-header {
  float: none;
  margin: 0 0 24px;
  padding: 0;
  width: 100%;
}
.user-account--public-billing .public-billing-card__header h3,
.user-account--public-billing .public-billing-card .accountcontent-section-header h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
  text-transform: none;
}
.user-account--public-billing .field-label,
.user-account--public-billing .field-label-checkbox,
.user-account--public-billing label.field-label,
.user-account--public-billing label.field-label-checkbox {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 150%;
  margin-bottom: 8px;
  text-transform: none;
}
.user-account--public-billing .field-input,
.user-account--public-billing .field-input--full,
.user-account--public-billing .field-input--long,
.user-account--public-billing input[type=text].field-input,
.user-account--public-billing input[type=text].field-input--full,
.user-account--public-billing input[type=text].field-input--long,
.user-account--public-billing select.field-input,
.user-account--public-billing select.field-input--full,
.user-account--public-billing select.field-input--long {
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  line-height: 150%;
  padding: 0 24px;
  width: 100% !important;
}
.user-account--public-billing .field-input:focus,
.user-account--public-billing .field-input--full:focus,
.user-account--public-billing .field-input--long:focus,
.user-account--public-billing input[type=text].field-input:focus,
.user-account--public-billing input[type=text].field-input--full:focus,
.user-account--public-billing input[type=text].field-input--long:focus,
.user-account--public-billing select.field-input:focus,
.user-account--public-billing select.field-input--full:focus,
.user-account--public-billing select.field-input--long:focus {
  border-color: #008EC6;
  outline: none;
}
.user-account--public-billing .chosen-container,
.user-account--public-billing .chosen-container-single {
  width: 100% !important;
}
.user-account--public-billing .chosen-container-single .chosen-single {
  align-items: center;
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #000000;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  line-height: 150%;
  padding: 0 44px 0 24px;
}
.user-account--public-billing .chosen-container-single .chosen-single span {
  color: #000000;
  line-height: 58px;
}
.user-account--public-billing .accountcontent-billingaddress,
.user-account--public-billing .accountcontent-shippingaddress {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-billing .accountcontent-billingaddress::before, .user-account--public-billing .accountcontent-billingaddress::after,
.user-account--public-billing .accountcontent-shippingaddress::before,
.user-account--public-billing .accountcontent-shippingaddress::after {
  content: none;
  display: none;
}
.user-account--public-billing .billing-address,
.user-account--public-billing .shipping-address {
  margin: 0;
}
.user-account--public-billing .address-group {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 24px;
}
.user-account--public-billing .address-group::before, .user-account--public-billing .address-group::after {
  content: none;
  display: none;
}
.user-account--public-billing .address-group .fieldset,
.user-account--public-billing .address-group .fieldset.address1,
.user-account--public-billing .address-group .fieldset.address2,
.user-account--public-billing .address-group .fieldset.city,
.user-account--public-billing .address-group .fieldset.phone,
.user-account--public-billing .address-group .fieldset.state,
.user-account--public-billing .address-group .fieldset.zipcode,
.user-account--public-billing .address-group .fieldset.country,
.user-account--public-billing .address-group .fieldset.organization {
  box-sizing: border-box;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.user-account--public-billing .address-group .country,
.user-account--public-billing .address-group .organization,
.user-account--public-billing .address-group .address1,
.user-account--public-billing .address-group .address2,
.user-account--public-billing .address-group .city,
.user-account--public-billing .address-group .phone {
  grid-column: 1/-1;
}
.user-account--public-billing #different-shipto {
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.user-account--public-billing #different-shipto + .field-label-checkbox {
  align-items: center;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  display: inline-flex;
  font-size: 14px;
  margin: 0;
  padding: 10px 16px;
}
.user-account--public-billing .accountcontent-creditcard,
.user-account--public-billing .accountcontent-purchaseorder,
.user-account--public-billing .accountcontent-accounthistory {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.user-account--public-billing .public-billing-card--payment .form-panel {
  background: #F4F4F4;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: none;
  margin: 0;
  padding: 24px;
}
.user-account--public-billing .public-billing-card--payment .form-panel-header {
  background: transparent;
  border-bottom: 1px solid #DEDEDE;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.user-account--public-billing .public-billing-card--payment .form-panel-header strong {
  font-weight: 700;
}
.user-account--public-billing .public-billing-card--payment .fieldset-vertical--readonly {
  margin: 0 0 16px;
}
.user-account--public-billing .public-billing-card--payment .fieldset-vertical--readonly p {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
.user-account--public-billing .public-billing-card--payment .no-margin {
  margin-bottom: 0;
}
.user-account--public-billing .button-tertiary--small {
  background: transparent;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  padding: 8px 14px;
}
.user-account--public-billing .button-tertiary--small:hover {
  background: #F4F4F4;
  color: #000000;
}
.user-account--public-billing .alertbar-warning {
  background: #FEF1AE;
  border: 1px solid rgb(253.5024390244, 234.0341463415, 133.6975609756);
  border-radius: 4px;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin: 0 0 20px;
  padding: 12px 16px;
}
.user-account--public-billing .order-history.accountcontent-accounthistory {
  box-sizing: border-box;
  clear: none !important;
  display: block;
  float: none !important;
  margin: 0 !important;
  max-width: 100%;
  padding: 0 !important;
  width: 100% !important;
}
.user-account--public-billing .order-history .invoice-list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.user-account--public-billing .order-history .invoice-list-item {
  border-bottom: 1px solid #DEDEDE;
  box-sizing: border-box;
  display: flow-root;
  max-width: 100%;
  padding: 16px 0;
  width: 100%;
}
.user-account--public-billing .order-history .invoice-list-item:before, .user-account--public-billing .order-history .invoice-list-item::before, .user-account--public-billing .order-history .invoice-list-item:after, .user-account--public-billing .order-history .invoice-list-item::after {
  content: none !important;
  display: none !important;
}
.user-account--public-billing .order-history .invoice-list-item:last-child {
  border-bottom: 0;
}
.user-account--public-billing .order-history .invoice-number,
.user-account--public-billing .order-history .invoice-inner,
.user-account--public-billing .order-history .invoice-date,
.user-account--public-billing .order-history .invoice-coupon,
.user-account--public-billing .order-history .invoice-amount,
.user-account--public-billing .order-history .invoice-notes,
.user-account--public-billing .order-history .invoice-payment-method {
  float: none;
  margin: 0;
  padding: 0 !important;
  width: auto !important;
}
.user-account--public-billing .order-history .invoice-inner {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  min-width: 0;
  width: 100% !important;
}
.user-account--public-billing .order-history .invoice-inner:before, .user-account--public-billing .order-history .invoice-inner::before, .user-account--public-billing .order-history .invoice-inner:after, .user-account--public-billing .order-history .invoice-inner::after {
  content: none !important;
  display: none !important;
}
.user-account--public-billing .order-history .invoice-inner-row {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  width: 100%;
}
.user-account--public-billing .order-history .invoice-inner-row:before, .user-account--public-billing .order-history .invoice-inner-row::before, .user-account--public-billing .order-history .invoice-inner-row:after, .user-account--public-billing .order-history .invoice-inner-row::after {
  content: none !important;
  display: none !important;
}
.user-account--public-billing .order-history .invoice-inner-row.invoice-details-row {
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 8px;
}
.user-account--public-billing .order-history .invoice-date {
  white-space: nowrap;
}
.user-account--public-billing .order-history .invoice-amount,
.user-account--public-billing .order-history .invoice-payment-method {
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}
.user-account--public-billing .order-history .invoice-number,
.user-account--public-billing .order-history .invoice-amount {
  color: #000000;
  font-size: 14px;
  font-weight: 700;
}
.user-account--public-billing .order-history .invoice-date,
.user-account--public-billing .order-history .invoice-coupon,
.user-account--public-billing .order-history .invoice-payment-method {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.user-account--public-billing .order-history .invoice-notes {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 8px;
  text-transform: none;
}
@media (max-width: 980px) {
  .user-account--public-billing .public-billing-grid,
  .user-account--public-billing .address-group {
    grid-template-columns: 1fr;
  }
  .user-account--public-billing .address-group .fieldset {
    grid-column: 1;
  }
}
@media (max-width: 640px) {
  .user-account--public-billing .public-billing-card {
    padding: 24px 20px;
  }
  .user-account--public-billing .order-history .invoice-inner-row,
  .user-account--public-billing .order-history .invoice-inner-row.invoice-details-row {
    grid-template-columns: 1fr;
  }
}

.class .page-overlay {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 101;
  opacity: 0.6;
  background-color: black;
}
@media screen and (max-width: 768px) {
  .class .page-content {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1060px) {
  .class .page-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 940px) {
  .class .alertbar-warning {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .class .alertbar-warning {
    padding: 30px;
  }
}
.class-restricted {
  margin: 0 auto;
  text-align: center;
  width: 700px;
}
@media screen and (max-width: 768px) {
  .class-restricted {
    padding-top: 95px !important;
    width: 100%;
  }
}
.class-restricted-background {
  background: url(../images/classroom/classroom-browser.jpg) no-repeat top center;
}
@media screen and (max-width: 768px) {
  .class-restricted-background {
    background-size: contain;
  }
}
.class-restricted-overlay {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(47%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  padding: 308px 0 100px 0;
}
@media screen and (max-width: 768px) {
  .class-restricted-overlay {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    padding: 200px 0;
  }
}
.class-restricted [class^=icon-] {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #bbb;
  display: block;
  margin-bottom: 30px;
}
.class-restricted h3 {
  margin-bottom: 11px;
}
.theme-1 .class-restricted h3 span {
  color: #22b7f2;
}
.theme-2 .class-restricted h3 span {
  color: #8240ca;
}
.theme-3 .class-restricted h3 span {
  color: #bd1118;
}
.theme-4 .class-restricted h3 span {
  color: #cc5302;
}
.theme-5 .class-restricted h3 span {
  color: #f43b5f;
}
.theme-6 .class-restricted h3 span {
  color: #0cd2de;
}
.theme-7 .class-restricted h3 span {
  color: #fba90b;
}
.theme-8 .class-restricted h3 span {
  color: #13a104;
}
.theme-9 .class-restricted h3 span {
  color: #07696a;
}
.theme-10 .class-restricted h3 span {
  color: #005a9d;
}
.theme-11 .class-restricted h3 span {
  color: #8acb01;
}
.class-restricted h3 span {
  font-weight: bold;
}
.class-restricted-actions {
  position: relative;
  margin-top: 34px;
}

.classroom-header {
  margin-bottom: 23px;
}
@media screen and (max-width: 1060px) {
  .classroom-header {
    padding: 0 16px;
  }
}
.classroom-header-label {
  float: left;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .classroom-header-label {
    margin-top: 25px;
    float: none;
  }
}
.classroom-header [class^=button] {
  float: right;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .classroom-header [class^=button] {
    float: none;
    display: block;
    width: 100%;
  }
}
.classroom-header-limitmessage {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  float: right;
  margin-top: 40px;
}
@media screen and (max-width: 480px) {
  .classroom-header-limitmessage {
    float: none;
    display: block;
    margin-bottom: 20px;
  }
}
.classroom-header-limitmessage a {
  font: "myriad-pro", sans-serif;
  font-weight: 700;
}

.classrooms {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1060px) {
  .classrooms {
    padding: 0 16px;
  }
}
.classrooms-item {
  border-top: 1px solid #eee;
  padding-bottom: 37px;
  padding-top: 37px;
}
.theme-1 .classrooms-item h3 {
  color: #22b7f2;
}
.theme-2 .classrooms-item h3 {
  color: #8240ca;
}
.theme-3 .classrooms-item h3 {
  color: #bd1118;
}
.theme-4 .classrooms-item h3 {
  color: #cc5302;
}
.theme-5 .classrooms-item h3 {
  color: #f43b5f;
}
.theme-6 .classrooms-item h3 {
  color: #0cd2de;
}
.theme-7 .classrooms-item h3 {
  color: #fba90b;
}
.theme-8 .classrooms-item h3 {
  color: #13a104;
}
.theme-9 .classrooms-item h3 {
  color: #07696a;
}
.theme-10 .classrooms-item h3 {
  color: #005a9d;
}
.theme-11 .classrooms-item h3 {
  color: #8acb01;
}
.classrooms-item-details {
  float: left;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .classrooms-item-details {
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }
}
.classrooms-item-actions {
  float: right;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .classrooms-item-actions {
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .classrooms-item-actions button.icon:before,
  .classrooms-item-actions .button.icon:before {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .classrooms-item-actions button span,
  .classrooms-item-actions .button span {
    display: none;
  }
}
.classrooms-item-code {
  float: right;
  font-size: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
}
@media screen and (max-width: 480px) {
  .classrooms-item-code {
    float: none;
    text-align: center;
  }
}

.classroom-content-header {
  margin-top: 10px;
  position: relative;
}
@media screen and (max-height: 800px) {
  .classroom-content-header-actions {
    position: relative;
  }
}
.classroom-content-header-actions .lexile-dropdown {
  cursor: pointer;
  display: block;
  padding: 17px 20px;
  background: #f4f4f4;
  border-radius: 5px;
  float: left;
  margin-right: 10px;
}
.classroom-content-header-actions .lexile-dropdown h5, .classroom-content-header-actions .lexile-dropdown .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom-content-header-actions .lexile-dropdown .crumb, .classroom-content-header-actions .lexile-dropdown .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom-content-header-actions .lexile-dropdown .darken {
  margin-bottom: 0 !important;
}
.classroom-content-header-actions .lexile-dropdown [class^=icon] {
  color: #bbb;
  display: block;
  float: left;
  font-size: 20px;
}
.classroom-content-header-actions .lexile-dropdown [class^=icon]:nth-of-type(2) {
  font-size: 14px;
  margin-top: 3px;
}
.classroom-content-header-actions .lexile-dropdown-selected {
  display: block;
  float: left;
  padding-left: 20px;
  padding-right: 12px;
}
.classroom-content-header-actions-back {
  float: left;
  margin-top: 10px;
}
@media screen and (max-width: 1041px) {
  .classroom-content-header-actions-back {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .classroom-content-header-actions-back {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-header-actions-back {
    text-align: center;
    float: none;
  }
}
.classroom-content-header-actions-back a {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .classroom-content-header-actions-back a {
    font-size: 1rem;
  }
}
.classroom-content-header-actions-back a [class^=icon] {
  display: block;
  float: left;
  font-size: 14px;
  padding-right: 5px;
  padding-top: 5px;
}
@media screen and (max-width: 480px) {
  .classroom-content-header-actions-back a [class^=icon] {
    display: inline;
    float: none;
    margin-top: 0.1rem;
  }
}
.classroom-content-header-actions-buttons {
  position: absolute;
  right: 0;
  margin-top: -70px;
}
@media screen and (max-width: 1041px) {
  .classroom-content-header-actions-buttons {
    position: static;
    margin-top: 10px !important;
  }
}
.classroom-content-header-actions-buttons .auto-save {
  position: absolute;
  top: -30px;
  right: 0;
  width: 200px;
  text-align: right;
}
.classroom-content-header-actions-buttons [class^=button] {
  display: block;
  float: left;
}
@media screen and (max-width: 480px) {
  .classroom-content-header-actions-buttons [class^=button] {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
.classroom-content-header-actions-buttons [class^=button] + [class^=button] {
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  .classroom-content-header-actions-buttons [class^=button] + [class^=button] [class^=icon-] {
    display: none;
  }
}
.classroom-content-header-details {
  position: relative;
  margin-top: 28px;
}
@media screen and (max-width: 1041px) {
  .classroom-content-header-details {
    margin-top: 46px;
  }
}
@media screen and (max-height: 800px) {
  .classroom-content-header-details {
    position: relative;
  }
}
.classroom-content-header-details-title {
  float: left;
  white-space: nowrap;
}
.classroom-content-header-details-title h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(50% - 25px);
  margin-bottom: 8px;
  font-size: 1.5rem;
}
@media screen and (max-width: 1041px) {
  .classroom-content-header-details-title h2 {
    max-width: calc(100% - 32px);
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-header-details-title h2 {
    margin-bottom: -0.4rem;
  }
}
.classroom-content-header-details-grade {
  font-size: 32px !important;
  float: right;
  font-weight: 500;
  text-align: right;
  color: #5fbf02;
  font-weight: bold;
}
.classroom-content-header-details-grade.-left {
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
}
.classroom-content-header-details-grade span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
  font-weight: normal;
}
.classroom-content-header-details-grade h5, .classroom-content-header-details-grade .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom-content-header-details-grade .crumb, .classroom-content-header-details-grade .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom-content-header-details-grade .darken {
  margin-bottom: 0;
  color: #888;
}
.classroom-content-header-details-code {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}
.classroom-content-header-details-code h5, .classroom-content-header-details-code .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom-content-header-details-code .crumb, .classroom-content-header-details-code .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom-content-header-details-code .darken {
  margin-bottom: 11px;
}
@media screen and (max-height: 800px) {
  .classroom-content-header-details-code {
    position: absolute;
    right: 0;
    top: 0;
  }
  .classroom-content-header-details-code h5, .classroom-content-header-details-code .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom-content-header-details-code .crumb, .classroom-content-header-details-code .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom-content-header-details-code .darken {
    margin-bottom: 0;
  }
}

.classroom-header-background {
  background-color: #fff;
  width: 100%;
}

.classroom-content {
  background-color: #fff;
  padding-bottom: 0 !important;
}
.classroom-content-tabs {
  list-style-type: none;
  margin: 72px 0 0 0;
  padding: 0;
}
@media screen and (max-height: 800px) {
  .classroom-content-tabs {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1041px) {
  .classroom-content-tabs:not(.student-tabs) {
    display: none;
  }
}
.classroom-content-tabs-tab {
  display: block;
  float: left;
  height: 40px;
  margin-right: -1px;
  position: relative;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 7px 24px 0;
}
.classroom-content-tabs-tab.-active {
  background-color: #f4f4f4;
}
@media screen and (phone: min-width) {
  .classroom-content-tabs-tab.-active:after {
    content: " ";
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #f4f4f4;
    top: 38px;
    left: 0;
    z-index: 1;
  }
}
.classroom-content-tabs-tab:last-child {
  margin-right: 0;
}
.classroom-content-tabs-tab span {
  color: #bbb;
  display: block;
  font-weight: bold;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -20px;
  width: 100%;
}
.classroom-content-tabs-tab a {
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-bottom: 13px;
  text-transform: uppercase;
}
.theme-1 .classroom-content-tabs-tab a.active, .theme-1 .classroom-content-tabs-tab a:hover {
  color: #22b7f2;
}
.theme-2 .classroom-content-tabs-tab a.active, .theme-2 .classroom-content-tabs-tab a:hover {
  color: #8240ca;
}
.theme-3 .classroom-content-tabs-tab a.active, .theme-3 .classroom-content-tabs-tab a:hover {
  color: #bd1118;
}
.theme-4 .classroom-content-tabs-tab a.active, .theme-4 .classroom-content-tabs-tab a:hover {
  color: #cc5302;
}
.theme-5 .classroom-content-tabs-tab a.active, .theme-5 .classroom-content-tabs-tab a:hover {
  color: #f43b5f;
}
.theme-6 .classroom-content-tabs-tab a.active, .theme-6 .classroom-content-tabs-tab a:hover {
  color: #0cd2de;
}
.theme-7 .classroom-content-tabs-tab a.active, .theme-7 .classroom-content-tabs-tab a:hover {
  color: #fba90b;
}
.theme-8 .classroom-content-tabs-tab a.active, .theme-8 .classroom-content-tabs-tab a:hover {
  color: #13a104;
}
.theme-9 .classroom-content-tabs-tab a.active, .theme-9 .classroom-content-tabs-tab a:hover {
  color: #07696a;
}
.theme-10 .classroom-content-tabs-tab a.active, .theme-10 .classroom-content-tabs-tab a:hover {
  color: #005a9d;
}
.theme-11 .classroom-content-tabs-tab a.active, .theme-11 .classroom-content-tabs-tab a:hover {
  color: #8acb01;
}
.classroom-content-sections {
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
  padding-bottom: 100px;
  width: 100%;
  position: relative;
}
.classroom-content-sections-section {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.classroom-content-sections-section .scores-header {
  padding: 40px 0 0 0;
}
@media screen and (max-height: 800px) {
  .classroom-content-sections-section .scores-header {
    padding: 18px 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section .scores-header {
    display: none;
  }
}
@media screen and (max-width: 1060px) {
  .classroom-content-sections-section .scores-header p {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.classroom-content-sections-section .scores-header.-students span {
  font-weight: normal;
}
.classroom-content-sections-section .scores-header.-students h5 a, .classroom-content-sections-section .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb a, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header.-students .crumb a, .classroom-content-sections-section .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken a, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header.-students .darken a {
  float: none;
  font-size: 13px;
  padding-right: 6px;
}
.classroom-content-sections-section .scores-header.-students h5 a.-first, .classroom-content-sections-section .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb a.-first, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header.-students .crumb a.-first, .classroom-content-sections-section .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken a.-first, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header.-students .darken a.-first {
  padding-right: 0px;
}
.classroom-content-sections-section .scores-header h5, .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .crumb, .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .darken {
  display: inline-block;
}
.classroom-content-sections-section .scores-header h5:first-of-type, .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:first-of-type, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .crumb:first-of-type, .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:first-of-type, .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .darken:first-of-type {
  width: 40%;
}
.classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .darken:nth-of-type(2) {
  padding-right: 44px;
  text-align: center;
  width: 24%;
}
.classroom-content-sections-section .scores-header h5:nth-of-type(3), .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .crumb:nth-of-type(3), .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .classroom-content-sections-section .scores-header .darken:nth-of-type(3) {
  width: 20%;
}
@media screen and (max-width: 1060px) {
  .classroom-content-sections-section-content {
    padding: 0 16px;
  }
}
.classroom-content-sections-section-content-list {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-top: 1px solid #ddd;
  list-style-type: none;
  margin: 0;
  padding: 45px 0 45px 20px;
  cursor: pointer;
}
.classroom-content-sections-section-content-list:first-of-type {
  border-top: 0;
}
@media screen and (max-height: 800px) {
  .classroom-content-sections-section-content-list {
    padding: 12px 0 12px 20px;
  }
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-content-list {
    padding: 45px 0;
  }
}
.classroom-content-sections-section-content-list:hover {
  background-color: #fff;
}
.classroom-content-sections-section-content-list:first-child {
  border-top: none;
}
.classroom-content-sections-section-content-list-item {
  display: block;
  float: left;
}
.classroom-content-sections-section-content-list-item:first-child {
  padding-left: 0;
}
.classroom-content-sections-section-content-list-item:first-child img {
  border: 2px solid #eee;
  display: block;
}
.classroom-content-sections-section-content-list-item-itemlink h3 {
  color: #333;
}
.classroom-content-sections-section-content-list-item .descriptor {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  font-weight: 500;
  text-transform: lowercase;
}
.classroom-content-sections-section-content-list-item p {
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 18px;
  line-height: 24px;
  margin-top: 7px;
  width: 80%;
}
@media screen and (max-width: 720px) {
  .classroom-content-sections-section-content-list-item p {
    display: none;
  }
}
.classroom-content-sections-section-content-list-item:nth-child(1) {
  position: relative;
  width: 15%;
  min-width: 116px;
}
.classroom-content-sections-section-content-list-item:nth-child(2) {
  width: 43%;
  margin-left: 2px;
}
@media screen and (max-width: 600px) {
  .classroom-content-sections-section-content-list-item:nth-child(2) {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-content-list-item:nth-child(2) {
    width: calc(100% - 116px - 10px);
    margin-left: 10px;
    min-height: 116px;
  }
}
.classroom-content-sections-section-content-list-item:nth-child(3) {
  width: 15%;
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-content-list-item:nth-child(3) {
    width: 50%;
  }
}
@media screen and (max-width: 720px) {
  .classroom-content-sections-section-content-list-item:nth-child(3) {
    display: none;
  }
}
.classroom-content-sections-section-content-list-item:nth-child(4) {
  width: 15%;
  margin-left: 1%;
}
@media screen and (max-width: 600px) {
  .classroom-content-sections-section-content-list-item:nth-child(4) {
    width: 20%;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-content-list-item:nth-child(4) {
    width: 35%;
    margin-left: 126px;
    max-width: 105px;
  }
}
.classroom-content-sections-section-content-list-item:nth-child(5) {
  width: 5%;
  margin-left: 1%;
  margin-right: 1%;
}
@media screen and (max-width: 1060px) {
  .classroom-content-sections-section-content-list-item:nth-child(5) {
    margin-left: 0;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-content-list-item:nth-child(5) {
    float: right;
  }
}
.classroom-content-sections-section-content-list-item:nth-child(5) [class^=button] {
  background-color: #e8e8e8;
}
.classroom-content-sections-section-content-list-item:nth-child(5) [class^=button]:hover {
  background-color: #dbdbdb;
}
.classroom-content-sections-section-content-list-placeholder {
  background-color: #e9e9e9;
  margin: 0;
  min-height: 230px;
}
.classroom-content-sections-section-content-list.ui-sortable-helper {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  background-color: #fff;
}
.classroom-content-sections-section-students {
  padding-bottom: 100px;
}
@media screen and (max-width: 1060px) {
  .classroom-content-sections-section-students {
    padding: 0 16px;
  }
}
.classroom-content-sections-section-students .lexile-dropdown {
  cursor: pointer;
  display: block;
}
.classroom-content-sections-section-students .lexile-dropdown [class^=icon] {
  color: #bbb;
  display: block;
  float: left;
  font-size: 20px;
}
@media screen and (max-width: 1041px) {
  .classroom-content-sections-section-students .lexile-dropdown [class^=icon].classroom__students-lexile-levels-book-icon {
    padding-right: 6px !important;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students .lexile-dropdown [class^=icon].classroom__students-lexile-levels-book-icon {
    padding-right: 10px !important;
    margin-left: 0.3rem;
  }
}
.classroom-content-sections-section-students .lexile-dropdown [class^=icon].classroom__students-header-lexile-levels-book-icon {
  padding-right: 0 !important;
  color: #22b7f2 !important;
}
.classroom-content-sections-section-students .lexile-dropdown [class^=icon]:nth-of-type(2) {
  font-size: 14px;
  margin-top: 3px;
}
.classroom-content-sections-section-students .lexile-dropdown [class^=icon]:nth-of-type(2).classroom__students-header-lexile-level-arrow-down-icon {
  color: #22b7f2 !important;
  padding-right: 0 !important;
}
.classroom-content-sections-section-students .lexile-dropdown-selected {
  display: block;
  float: left;
  padding-left: 20px;
  padding-right: 12px;
}
.classroom-content-sections-section-students-list {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-top: 1px solid #ddd;
  list-style-type: none;
  margin: 0;
}
.classroom-content-sections-section-students-list:hover {
  background-color: #fff;
}
.classroom-content-sections-section-students-list:first-child {
  border-top: none;
  margin-top: 30px;
}
.classroom-content-sections-section-students-list-item {
  font-size: 21px;
  font-size: 1.3125rem;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
.classroom-content-sections-section-students-list-item.-assessment:first-of-type span {
  font-size: 16px;
  font-size: 1rem;
  color: #bbb;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
  text-transform: capitalize;
}
.classroom-content-sections-section-students-list-item.-assessment:first-of-type span .time {
  font-weight: bold;
  display: inline;
  text-transform: none;
  color: #222;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(3) {
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(4) {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 18px;
  line-height: 20px;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(4) span {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 10px;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(4) span.grade {
  font-size: 24px;
  font-size: 1.5rem;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(2) {
  margin-top: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(2).-submitted {
  color: #5fbf02;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(2).-submitted span {
  color: #5fbf02;
  font-size: 14px;
  font-size: 0.875rem;
}
.classroom-content-sections-section-students-list-item:first-child {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-students-list-item:first-child {
    padding-left: 0;
  }
}
.classroom-content-sections-section-students-list-item:nth-child(1) {
  margin-top: 10px;
  width: 45%;
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-students-list-item:nth-child(1) {
    width: 70%;
  }
}
.theme-1 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #22b7f2;
}
.theme-2 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #8240ca;
}
.theme-3 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #bd1118;
}
.theme-4 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #cc5302;
}
.theme-5 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #f43b5f;
}
.theme-6 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #0cd2de;
}
.theme-7 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #fba90b;
}
.theme-8 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #13a104;
}
.theme-9 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #07696a;
}
.theme-10 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #005a9d;
}
.theme-11 .classroom-content-sections-section-students-list-item:nth-child(2) {
  color: #8acb01;
}
.classroom-content-sections-section-students-list-item:nth-child(2) {
  font-family: "myriad-pro", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  padding-right: 44px;
  text-align: center;
  width: 25%;
  font-weight: bold;
}
.classroom-content-sections-section-students-list-item:nth-child(2) span {
  color: #bbb;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-students-list-item:nth-child(2) {
    width: 30%;
    padding-right: 0;
  }
}
.classroom-content-sections-section-students-list-item:nth-child(3) {
  margin-top: 14px;
  width: 15%;
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-students-list-item:nth-child(3) {
    padding-top: 6px;
    width: 50%;
  }
}
.classroom-content-sections-section-students-list-item:nth-child(4), .classroom-content-sections-section-students-list-item:nth-child(5) {
  width: 15%;
  text-align: right;
}
.classroom-content-sections-section-students-list-item:nth-child(4) .grade, .classroom-content-sections-section-students-list-item:nth-child(5) .grade {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-students-list-item:nth-child(4), .classroom-content-sections-section-students-list-item:nth-child(5) {
    padding-top: 6px;
    width: 50%;
  }
}
.classroom-content-sections-section-students-list-item:nth-child(4) [class^=button], .classroom-content-sections-section-students-list-item:nth-child(5) [class^=button] {
  background-color: #e8e8e8;
}
@media screen and (max-width: 768px) {
  .classroom-content-sections-section-students-list-item:nth-child(4) [class^=button], .classroom-content-sections-section-students-list-item:nth-child(5) [class^=button] {
    float: right;
  }
}
.classroom-content-overlay {
  position: absolute;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}
@media screen and (max-width: 480px) {
  .classroom-content-overlay .classroom__sign-up-button {
    margin-right: 10px;
  }
}
.classroom-content-overlay-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1060px;
}
.classroom-content-overlay-content {
  position: fixed;
  bottom: 0;
  max-width: 1060px;
  padding-bottom: 28px;
  z-index: 103;
}
.classroom-content-overlay-content h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  line-height: 2.3125rem;
  font-weight: bold;
  font-family: "myriad-pro", sans-serif;
  padding-bottom: 18px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .classroom-content-overlay-content h3 {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-overlay-content h3 {
    line-height: 1.5rem;
    font-size: 1rem;
  }
}
.classroom-content-overlay-content p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 31px;
  line-height: 1.9375rem;
  font-weight: 300;
  font-family: "ff-meta-serif-web-pro", serif;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .classroom-content-overlay-content p {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-overlay-content p {
    font-size: 0.9rem;
  }
}
.classroom-content-overlay-content h3, .classroom-content-overlay-content p {
  float: left;
  max-width: 780px;
}
.classroom-content-overlay-content h3 .date, .classroom-content-overlay-content p .date {
  color: #22b7f2;
}
@media screen and (max-width: 1060px) {
  .classroom-content-overlay-content h3, .classroom-content-overlay-content p {
    float: none;
  }
}
.classroom-content-overlay-content button {
  float: right;
  background-color: #22b7f2 !important;
  color: white;
}
@media screen and (max-width: 1060px) {
  .classroom-content-overlay-wrapper {
    max-width: 940px;
  }
  .classroom-content-overlay-content {
    max-width: 940px;
  }
  .classroom-content-overlay-content p {
    max-width: 680px;
  }
}
@media screen and (max-width: 940px) {
  .classroom-content-overlay-wrapper {
    max-width: 768px;
  }
  .classroom-content-overlay-content {
    max-width: 768px;
  }
  .classroom-content-overlay-content p {
    max-width: 540px;
  }
}
@media screen and (max-width: 768px) {
  .classroom-content-overlay-wrapper {
    max-width: 480px;
  }
  .classroom-content-overlay-content {
    max-width: 480px;
  }
  .classroom-content-overlay-content h3, .classroom-content-overlay-content p, .classroom-content-overlay-content button {
    float: none;
  }
  .classroom-content-overlay-content p {
    padding-bottom: 28px;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-overlay {
    padding: 10px;
  }
}
.classroom-content-overlay:after {
  background: rgba(251, 210, 11, 0.2);
  background: linear-gradient(to top, rgba(251, 210, 11, 0.2), rgba(255, 255, 255, 0.75));
  width: 100%;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .classroom-content-overlay:after {
    background: rgba(255, 255, 255, 0.75);
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-overlay:after {
    background: rgba(255, 255, 255, 0.9);
  }
}
.classroom-content-overlay:after {
  content: " ";
  height: 183px;
  position: fixed;
}
.classroom-content-overlay.-static .classroom-content-overlay-content {
  position: absolute;
}
.classroom-content-overlay.-static:after {
  position: absolute;
}

.classroom-tooltip a {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  padding-bottom: 10px;
  text-transform: none;
}

.classroom-limit-link {
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
}

.classroom-inactive {
  margin: 0 auto;
  max-width: 500px;
  padding: 75px 0;
  text-align: center;
}
.classroom-inactive .small {
  color: #888;
}
.classroom-inactive__icon > [class*=icon-] {
  font-size: 24px;
  font-size: 1.5rem;
  color: #888;
}
.classroom-inactive__link > a {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
}

.classroom-content-sections-section-students-list-item.-assessment a.-unstyled {
  color: #888;
}

.classroom__invite-students-banner {
  border: 1px solid #ddd;
  background-color: white;
  margin: auto;
  max-width: 950px;
  margin-bottom: 50px;
}

.classroom__invite-students-banner-top {
  padding: 50px 100px;
  min-height: 250px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 480px) {
  .classroom__invite-students-banner-top {
    padding: 30px;
  }
}

.classroom__invite-students-banner-title {
  font-size: 1.5rem;
  word-spacing: 0.1rem;
  letter-spacing: 0.05rem;
  font-family: "myriad-pro", sans-serif;
}

.classroom__invite-students-banner-description {
  color: grey;
}
@media screen and (min-width: 769px) {
  .classroom__invite-students-banner-description {
    width: 70%;
    float: left;
  }
}

.classroom__invite-students-banner-bottom {
  background-color: #f0f0f0;
  padding: 50px 100px;
  min-height: 200px;
}
@media screen and (max-width: 480px) {
  .classroom__invite-students-banner-bottom {
    padding: 20px 30px;
  }
}

.classroom__invite-students-banner-heading {
  font-family: "myriad-pro", sans-serif;
  font-size: 1.5rem;
  color: #999;
  margin-bottom: 0;
}
@media screen and (min-width: 901px) {
  .classroom__invite-students-banner-heading {
    width: 25%;
    float: left;
  }
}
@media screen and (max-width: 480px) {
  .classroom__invite-students-banner-heading {
    margin-top: 20px;
  }
}

.classroom__invite-students-banner-text {
  font-family: "myriad-pro", sans-serif;
  font-size: 1.5rem;
  color: #22b7f2;
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (min-width: 901px) {
  .classroom__invite-students-banner-text {
    width: 75%;
    float: left;
  }
}

.classroom__invite-students-banner-link {
  line-height: 2.625rem;
  font-family: "myriad-pro", sans-serif;
  font-size: 1.5rem;
}

.classroom__invite-students-banner-image {
  margin-top: -50px;
  width: 30%;
  float: left;
}
@media screen and (max-width: 768px) {
  .classroom__invite-students-banner-image {
    display: none;
  }
}

.classroom__invite-students-banner-close-wrapper {
  font-size: 0.875rem;
  color: #888;
  display: block;
  float: right;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-right: 75px;
  padding-top: 15px;
  position: relative;
  text-transform: uppercase;
}

.classroom__invite-students-banner-close-container {
  background-color: #888;
  padding: 15px;
  position: absolute;
  right: 0;
  top: -1px;
}

.classroom__invite-students-banner-close-container-icon {
  color: white;
  float: left;
  font-size: 24px;
}

.classroom__invite-students-banner-close-text {
  color: grey;
}

.classroom__infographic-thumbnail {
  object-fit: cover;
}

.content-section-header {
  border-bottom: 1px solid #ddd;
}

.classroom__header-items-count {
  color: unset !important;
  display: unset !important;
  font-weight: unset !important;
  position: unset !important;
  text-align: unset !important;
  text-transform: unset !important;
  top: unset !important;
  width: unset !important;
}

.classroom__presentation-thumbnail {
  max-width: 100%;
}

.classroom__content-list-item--vertically-centered {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  height: 116px;
}

.classroom__quick-quiz-label {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1060px) {
  .classroom__quick-quiz-label {
    width: 100%;
  }
}

.classroom__quick-quiz-label-heading {
  display: inline;
}

.classroom__quick-quiz-label-question-icon {
  margin-left: 5px;
  color: #bbb;
  font-size: 1.2rem;
}

.classroom__modal-dialog-footer {
  padding: 0 40px;
  text-align: left;
  font-size: 1.1rem;
}

@media screen and (min-width: 721px) {
  .classroom__unit-name-above-item-name {
    display: none;
  }
}

.classroom__quizzes, .classroom__quiz {
  background-color: #f4f4f4;
}
@media screen and (max-width: 1060px) {
  .classroom__quizzes, .classroom__quiz {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1060px) {
  .classroom__quizzes .classroom-content-sections, .classroom__quiz .classroom-content-sections {
    padding: 0 16px;
  }
}
.classroom__quizzes .classroom-content-sections-section .scores-header h5, .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .crumb, .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .darken, .classroom__quiz .classroom-content-sections-section .scores-header h5, .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .crumb, .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .darken {
  padding: 0;
  text-transform: capitalize;
}
.classroom__quizzes .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .darken:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .darken:nth-of-type(2) {
  width: 58%;
  text-align: center;
}
@media screen and (max-width: 1041px) {
  .classroom__quizzes .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .darken:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .darken:nth-of-type(2) {
    width: 49%;
  }
}
@media screen and (max-width: 720px) {
  .classroom__quizzes .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quizzes .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section .scores-header .darken:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quiz .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section .scores-header .darken:nth-of-type(2) {
    width: 45%;
  }
}
@media screen and (max-height: 800px) {
  .classroom__quizzes .classroom-content-sections-section .scores-header, .classroom__quiz .classroom-content-sections-section .scores-header {
    padding: 18px 0 0 0;
  }
}
.classroom__quizzes .classroom-content-sections-section-quizzes-item, .classroom__quiz .classroom-content-sections-section-quizzes-item {
  border-top: 1px solid #ddd;
  margin: 0;
  display: table;
  width: 100%;
  padding: 2rem 0;
}
@media screen and (max-width: 480px) {
  .classroom__quizzes .classroom-content-sections-section-quizzes-item, .classroom__quiz .classroom-content-sections-section-quizzes-item {
    padding: 1rem 0;
  }
}
.classroom__quizzes .classroom-content-sections-section-quizzes-list-item, .classroom__quiz .classroom-content-sections-section-quizzes-list-item {
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  text-align: center;
  min-height: 3rem;
}
@media screen and (max-width: 480px) {
  .classroom__quizzes .classroom-content-sections-section-quizzes-list-item, .classroom__quiz .classroom-content-sections-section-quizzes-list-item {
    width: 100% !important;
    text-align: center !important;
    padding: 1.5rem 0 !important;
  }
}
.classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type {
  width: 50%;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  transform: translateY(1rem);
}
.classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type h5, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .crumb, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .darken, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type h5, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .crumb, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .darken {
  color: #22b7f2;
  text-transform: capitalize;
}
@media screen and (max-width: 480px) {
  .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type h5, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .crumb, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:first-of-type .darken, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type h5, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .crumb, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type .darken {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2), .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) {
  width: 37%;
  text-align: center;
  transform: translateY(1rem);
}
@media screen and (max-width: 1041px) {
  .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2), .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) {
    width: 40%;
  }
}
@media screen and (max-width: 720px) {
  .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2), .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) {
    width: 35%;
  }
}
.classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) h5, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .crumb, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .darken, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) h5, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .crumb, .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) .darken {
  color: #bbb;
}
.classroom__quizzes .classroom-content-sections-section-quizzes-list-item h5, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item .crumb, .classroom__quizzes .classroom-content-sections-section-quizzes-list-item .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quizzes .classroom-content-sections-section-quizzes-list-item .darken, .classroom__quiz .classroom-content-sections-section-quizzes-list-item h5, .classroom__quiz .classroom-content-sections-section-quizzes-list-item .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item .crumb, .classroom__quiz .classroom-content-sections-section-quizzes-list-item .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item .darken {
  font-size: 1.5rem;
}

.classroom__quiz {
  background-color: white;
}
@media screen and (max-width: 1060px) {
  .classroom__quiz {
    padding-bottom: 0 !important;
  }
}
.classroom__quiz .page-content.-extra {
  padding-top: 10px;
  padding-bottom: 60px !important;
}
@media screen and (max-width: 1060px) {
  .classroom__quiz .page-content.-extra {
    padding: 0 16px;
  }
}
@media screen and (max-width: 939px) {
  .classroom__quiz .page-content.-extra {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1041px) {
  .classroom__quiz .page-content.-extra {
    padding-bottom: 30px !important;
  }
}
.classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header h5:first-of-type, .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:first-of-type, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .crumb:first-of-type, .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:first-of-type, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .darken:first-of-type {
  width: 39%;
}
.classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header h5:nth-of-type(2), .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .crumb:nth-of-type(2), .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .darken:nth-of-type(2) {
  width: 20%;
}
.classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header h5:nth-of-type(3), .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .crumb:nth-of-type(3), .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .darken:nth-of-type(3) {
  width: 20%;
  text-align: center;
}
.classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header h5:nth-of-type(4), .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(4), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .crumb:nth-of-type(4), .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(4), .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections .classroom-content-sections-section .scores-header .darken:nth-of-type(4) {
  width: 19%;
  text-align: center;
}
.classroom__quiz .classroom-content-sections-section-quizzes-list-item:first-of-type {
  width: 39%;
}
.classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(2) {
  width: 20%;
}
.classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(3) {
  width: 20%;
  text-align: center;
}
.classroom__quiz .classroom-content-sections-section-quizzes-list-item:nth-of-type(4) {
  width: 20%;
  text-align: center;
}
.classroom__quiz .classroom-content-sections-section-quizzes-list-item h5, .classroom__quiz .classroom-content-sections-section-quizzes-list-item .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item .crumb, .classroom__quiz .classroom-content-sections-section-quizzes-list-item .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .classroom__quiz .classroom-content-sections-section-quizzes-list-item .darken {
  font-size: 1rem;
}
.classroom__quiz .classroom__quiz-studnet-username {
  color: #bbb;
  text-transform: uppercase;
  font-weight: bold;
}
.classroom__quiz .classroom__quiz-status {
  color: gray !important;
  font-size: 0.9rem !important;
  line-height: 0.9rem !important;
}
.classroom__quiz .classroom__quiz-status--completed {
  color: #5AC402 !important;
}
.classroom__quiz .classroom__quiz-points-label {
  text-transform: none !important;
}
.classroom__quiz .classroom__quiz-studnet-name {
  font-size: 1.2rem !important;
}
@media screen and (max-width: 1041px) {
  .classroom__quiz .classroom-content-header-actions-back {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1041px) {
  .classroom__quiz .classroom-content-header-actions-back .classroom__quiz-back-icon {
    display: inline-block;
    float: none;
  }
}
@media screen and (max-width: 1041px) {
  .classroom__quiz .classroom-content-header-details-title {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .classroom__quiz .classroom-content-header-details-title {
    white-space: unset;
  }
}
@media screen and (max-width: 480px) {
  .classroom__quiz .classroom-content-sections-section-quizzes-list-item {
    padding: 0.5rem 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .classroom__quiz .classroom__quiz-studnet-percentage-score {
    color: black;
    font-size: 1.2rem !important;
  }
}

@media screen and (min-width: 941px) {
  .classroom__header-cog-icon {
    margin-top: 5px;
  }
}

.classroom__header-cog-button {
  padding: 0 !important;
  background-color: white !important;
  margin-left: 10px;
}
@media screen and (max-width: 1041px) {
  .classroom__header-cog-button {
    margin-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  .classroom__header-cog-button {
    display: inline !important;
  }
}

.classroom__header-classroom-title {
  float: left;
}
@media screen and (max-width: 480px) {
  .classroom__header-classroom-title {
    float: none;
    display: inline-block;
  }
}

.classroom__header-classroom-code {
  color: black;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.3rem;
  font-weight: normal;
}

@media screen and (max-width: 480px) {
  .classroom__header-subtitle:not(.classroom__header-gradebook-subtitle) {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .classroom__header-gradebook-subtitle {
    text-align: center;
  }
}

.classroom-content-header-details-title {
  width: 100% !important;
}
@media screen and (max-width: 480px) {
  .classroom-content-header-details-title {
    text-align: center;
  }
}

.classroom__button-user-icon {
  font-size: 1.35rem;
  line-height: 1.35rem;
  vertical-align: middle;
  margin-right: 10px;
  color: #22b7f2 !important;
  text-shadow: 0px 0px 3px white, 0px 0px 3px white;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.classroom__add-student-button {
  background-color: #22b7f2 !important;
  min-width: 230px;
}
@media screen and (max-width: 1060px) {
  .classroom__add-student-button {
    min-width: unset;
  }
}
@media screen and (max-width: 1041px) {
  .classroom__add-student-button {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .classroom__add-student-button {
    margin-top: 20px;
  }
}
.classroom__add-student-button:hover {
  background-color: #2397c5 !important;
}
.classroom__add-student-button:hover .classroom__button-user-icon {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #2397c5 !important;
}

.classroom__add-student-button-text {
  color: white;
}

.classroom__presentation-mode-button {
  margin-left: 40px !important;
}
@media screen and (max-width: 1060px) {
  .classroom__presentation-mode-button {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 1041px) {
  .classroom__presentation-mode-button {
    display: none !important;
  }
}
.classroom__presentation-mode-button--hidden {
  visibility: hidden;
}

.classroom__mobile-navigation {
  text-align: right;
  z-index: 2;
  border-top: 1px solid #ddd;
  margin: 50px -16px 0 -16px;
  padding: 15px;
  display: none;
  max-height: 0;
  transition: max-height 0.5s ease-in-out;
}
@media screen and (max-width: 1041px) {
  .classroom__mobile-navigation {
    display: block;
  }
}
.classroom__mobile-navigation.menu-opened {
  max-height: 999px;
}
.classroom__mobile-navigation .menu {
  display: block;
  background: #f4f4f4;
  text-align: left;
  margin: 2rem -15px 0 -15px;
  padding-left: 15px;
  width: 100vw;
  border-top: 1px solid #ddd;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.classroom__mobile-navigation .menu ul {
  padding-left: 0;
}
.classroom__mobile-navigation .menu ul li {
  list-style: none;
  width: 100%;
  padding: 10px 0;
}
.classroom__mobile-navigation .menu ul li:last-of-type {
  padding-bottom: 20px;
}
.classroom__mobile-navigation #toggle {
  display: none;
  cursor: pointer;
}
.classroom__mobile-navigation #toggle:checked + .menu {
  display: block;
  max-height: 999px;
  transition: max-height 0.5s ease-in-out;
}
.classroom__mobile-navigation-hamburger-menu-icon {
  float: right;
  margin-top: -5px;
  margin-bottom: 10px;
}
.classroom__mobile-navigation-hamburger-menu-icon div {
  width: 30px;
  height: 4px;
  background-color: #aaa;
  margin: 4px 0;
}
.classroom__mobile-navigation-menu-item-link {
  color: #aaa !important;
  font-family: "myriad-pro", sans-serif !important;
  font-size: 1rem;
}
.classroom__mobile-navigation-menu-item-link--right-aligned {
  float: right;
  padding: 2px 22px;
}
.classroom__mobile-navigation-menu-item {
  color: #22b7f2;
  font-size: 1rem;
  float: left;
  text-transform: uppercase;
  font-weight: bold;
}
.classroom__mobile-navigation-context-menu {
  margin-top: 10rem;
  margin-left: -15px;
  padding: 25px 15px;
  background-color: #ddd;
}
.classroom__mobile-navigation-context-menu--open {
  min-height: 20rem;
}
.classroom__mobile-navigation-context-menu-item:not(.classroom__mobile-navigation-context-menu-item--last) {
  margin-bottom: 1rem;
}
.classroom__mobile-navigation-context-menu-item-link {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #999 !important;
}
.classroom__mobile-navigation-context-menu-item-icon {
  margin-right: 0.5rem;
}
.classroom__mobile-navigation-trash-icon {
  margin-right: 0.5rem;
}
.classroom__mobile-navigation .bar1, .classroom__mobile-navigation .bar2, .classroom__mobile-navigation .bar3 {
  width: 35px !important;
  transition: 0.4s;
}
.classroom__mobile-navigation .opened .bar1 {
  -webkit-transform: rotate(-45deg) translate(-7px, 6px);
  transform: rotate(-45deg) translate(-7px, 6px);
}
.classroom__mobile-navigation .opened .bar2 {
  opacity: 0;
}
.classroom__mobile-navigation .opened .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px);
}

.classroom__my-classrooms-page-content {
  max-width: unset !important;
}
.classroom__my-classrooms-page-content .classroom-header {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}
.classroom__my-classrooms-page-content .classrooms {
  background-color: #f4f4f4;
  padding-left: calc(50vw - 530px);
  padding-right: calc(50vw - 530px);
}
@media screen and (max-width: 1060px) {
  .classroom__my-classrooms-page-content .classrooms {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.classroom__my-classrooms-page-content .classroom__plus-icon {
  margin-right: 1rem;
}
.classroom__my-classrooms-page-content .classroom__my-classrooms-clasroom-link, .classroom__my-classrooms-page-content .classroom__my-classrooms-clasroom-name {
  display: inline;
}
.classroom__my-classrooms-page-content .classroom__my-classrooms-cog-button {
  padding: 0 !important;
  margin-left: 0.5rem;
  display: inline;
}
.classroom__my-classrooms-page-content .classroom__my-classrooms-cog-button:hover {
  background-color: #f4f4f4 !important;
}
@media screen and (max-width: 480px) {
  .classroom__my-classrooms-page-content .classroom__my-classrooms-cog-button {
    margin-bottom: 0.5rem;
  }
}
.classroom__my-classrooms-page-content .classroom__my-classrooms-cog-icon {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #f4f4f4;
}
.classroom__my-classrooms-page-content .classroom__my-classrooms-item-count {
  color: black;
}

.classroom__clear-content-item {
  color: #22b7f2 !important;
  float: left !important;
}

.classroom__context-menu {
  padding-bottom: 10px !important;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 1041px) {
  .classroom__context-menu {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .classroom__context-menu {
    padding-left: 0 !important;
  }
}

.classroom__empty-content-container {
  text-align: center;
}

.classroom__empty-content-heading {
  margin-top: 70px;
}

.classroom__empty-content-text {
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 50px;
  color: gray;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .classroom__empty-content-text {
    min-height: 120px;
  }
}

@media screen and (max-width: 480px) {
  .classroom__content-list-item-dropdown-button {
    min-width: 5rem;
  }
}

.classroom__students-full-name {
  color: #22b7f2;
}

.classroom__students-lexile-levels-button {
  padding-bottom: 0 !important;
  background-color: #e8e8e8 !important;
}
@media screen and (max-width: 1041px) {
  .classroom__students-lexile-levels-button {
    padding-bottom: 15px !important;
  }
}

.classroom__students-lexile-levels-book-icon {
  margin-right: -6px !important;
}

.classroom__students-unlock-icon {
  color: #888 !important;
  font-size: 1.4rem;
}

.classroom__students-trash-icon {
  padding-right: 0 !important;
  font-size: 1.4rem;
}

.classroom__header-item {
  float: none !important;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  margin-right: 2rem;
  color: #22b7f2;
}

.classroom__header-item--right-aligned {
  float: right !important;
  margin-right: 0;
}

.classroom__header-icon {
  margin-right: 0.5rem;
  color: #22b7f2 !important;
  font-size: 1rem;
}

.classroom__students-header-lexile-level-arrow-down-icon {
  float: right !important;
  margin-top: -0.1rem !important;
  margin-left: 0.5rem !important;
}

.classroom__students-header-lexile-levels-button {
  padding: 0 !important;
  margin-bottom: 4px;
}
.classroom__students-header-lexile-levels-button:hover {
  background-color: #f4f4f4 !important;
}

.classroom__students-header-lexile-levels-book-icon {
  font-size: 0.8rem !important;
}

.classroom__students-header-lexile-level-dropdown-heading {
  text-transform: uppercase !important;
  width: auto !important;
}

.classroom__students-header-lexile-level-dropdown-item {
  float: none !important;
}

.classroom__students-header-lexile-level-dropdown-menu {
  left: 0 !important;
}

.classroom__dialog-text--strong {
  font-weight: bold !important;
}

.classroom__dialog-text--disabled {
  color: silver !important;
}

.classroom__header-divider {
  border-top: 1px solid #ddd !important;
  margin: -1rem 0 0 0;
}

@media screen and (max-width: 1041px) {
  .classroom__students-lexile-level-arrow-down-icon {
    display: none !important;
  }
}

@media screen and (max-width: 1041px) {
  .classroom__students-selected-lexile-level {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  .classroom__students-user-name {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .classroom__students-button {
    min-width: 4rem;
  }
}

@media screen and (max-width: 480px) {
  .classroom__students-list-item-link {
    display: inline-block;
  }
}

.classroom__gradebook-header {
  margin: 0 124px !important;
  padding-left: 0 !important;
  max-width: unset;
}
@media screen and (max-width: 768px) {
  .classroom__gradebook-header {
    margin: 0 80px !important;
  }
}
@media screen and (max-width: 480px) {
  .classroom__gradebook-header {
    margin: 0 !important;
    padding-left: 16px !important;
  }
}

.classroom__gradebook-calculator-icon {
  margin-right: 10px;
}

@media screen and (max-width: 480px) {
  .classroom__gradebook-export-button {
    width: 100%;
  }
}

.classroom__add-students__heading {
  margin-bottom: 30px;
}

.classroom__add-students__column-title {
  width: 45%;
  float: left;
}
@media screen and (max-width: 768px) {
  .classroom__add-students__column-title {
    width: 100%;
  }
}

.classroom__add-students__divider {
  width: 10%;
  float: left;
}
@media screen and (max-width: 768px) {
  .classroom__add-students__divider {
    width: 100%;
  }
}

.classroom__add-students__column-text {
  width: 50%;
  float: left;
}
@media screen and (max-width: 768px) {
  .classroom__add-students__column-text {
    width: 100%;
    margin-top: 10px;
  }
}

.classroom__add-students__columns {
  margin-top: 30px;
}
.classroom__add-students__columns--flat {
  margin-top: 0;
  display: flex;
}
@media screen and (max-width: 768px) {
  .classroom__add-students__columns--flat {
    display: block;
  }
}

.classroom__add-students__column-text {
  padding: 0 30px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .classroom__add-students__column-text:first-of-type {
    border-right: 2px solid silver;
  }
}
.classroom__add-students__column-text--flat {
  margin: auto;
}
@media screen and (max-width: 768px) {
  .classroom__add-students__column-text--flat:first-of-type {
    border-bottom: 2px solid silver;
  }
  .classroom__add-students__column-text--flat:last-of-type {
    margin-top: 15px;
  }
}
.classroom__add-students__column-text--centered {
  text-align: center;
}

.classroom__add-students__circle-icon {
  max-height: 5rem;
  margin-bottom: 20px;
}
.classroom__add-students__circle-icon--disabled {
  opacity: 0.5;
}

.classroom__add-students__sync-button {
  max-height: 4rem;
  cursor: pointer;
  vertical-align: middle;
}
.classroom__add-students__sync-button--disabled {
  opacity: 0.5;
  cursor: auto;
}

.classroom__add-students__button-label {
  font-size: 1.3125rem;
  color: #222;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-right: 10px;
  margin-bottom: 15px;
}

.classroom__add-students__arrow-icon {
  color: #22b7f2;
  font-size: 3rem;
  margin-top: 20px;
}
.classroom__add-students__arrow-icon--disabled {
  opacity: 0.5;
}

.classroom__add-students-dialog-footer {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .classroom__add-students-dialog-footer {
    text-align: center;
  }
}

.classroom__add-students-dialog-footer-item {
  padding: 10px 0;
}

.classroom__add-students-dialog-footer-key {
  font-weight: bold;
  text-transform: uppercase;
  color: #aaa;
}

.classroom__add-students-dialog-footer-value {
  font-weight: bold;
  color: #22b7f2;
  font-size: 1rem;
}

.classroom__add-students-dialog-footer-link {
  font-family: "myriad-pro", sans-serif !important;
  font-size: 1rem !important;
}

.classroom__assessment-header-buttons {
  margin-top: 20px;
}

.classroom__header-icons p {
  padding-bottom: 20px;
}

.classroom__assessments-button {
  background-color: #e8e8e8 !important;
}
@media screen and (max-width: 480px) {
  .classroom__assessments-button {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
}

.classroom__assessments-secondary-button {
  background-color: #22b7f2 !important;
}

.classroom__assessments {
  margin-left: 0 !important;
  width: 100% !important;
}

.classroom__assessments-article {
  width: 100% !important;
}

.classroom__assessments-header {
  padding-bottom: 0;
}

.classroom__assessments-container {
  background-color: #f4f4f4;
}

.classroom__assessments-list {
  margin-top: 0;
}

.classroom__assessments-list-item {
  border-top: 1px solid #ddd !important;
  padding: 40px 0 !important;
}

.classroom__assessments-list-item-name {
  color: #22b7f2 !important;
}
@media screen and (max-width: 480px) {
  .classroom__assessments-list-item-name {
    font-size: 1.7rem !important;
  }
}

.classroom__assessments-list-item-metadata {
  margin-top: 0 !important;
}

.classroom__assessments-list-item-text {
  text-transform: uppercase !important;
  font-style: normal;
  font-weight: bold !important;
  color: #aaa;
}

.classroom__assessments-list-item-date {
  font-style: normal;
  font-weight: bold !important;
  color: #333;
}

.classroom__assessment-list-item-details {
  margin-right: 0 !important;
}
@media screen and (max-width: 480px) {
  .classroom__assessment-list-item-details {
    width: 100% !important;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  .classroom__assessments-list-item-actions {
    width: 100% !important;
  }
}

.classroom__assessments-overall-score {
  width: 33%;
  display: inline-block;
  text-align: center;
  color: #333;
}
@media screen and (max-width: 480px) {
  .classroom__assessments-overall-score {
    width: 100%;
    margin-top: 20px;
  }
}

.classroom__assessments-header-assessment {
  width: 40% !important;
  text-transform: capitalize;
  margin-top: 20px;
}

.classroom__assessments-header-status {
  width: 20% !important;
  padding-right: 0 !important;
  text-align: center;
  text-transform: capitalize;
  margin-top: 20px;
}

.classroom__assessments-header-overall-score {
  width: 20% !important;
  text-align: center;
  text-transform: capitalize;
  margin-top: 20px;
}

.classroom__assessments-list-item-status {
  width: 33% !important;
}
@media screen and (max-width: 480px) {
  .classroom__assessments-list-item-status {
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px;
  }
}

.classroom__assessments-list-item-status-name {
  font-weight: bold;
}

.classroom__assessments-list-item-status-description {
  font-style: italic;
  font-weight: normal;
}

.classroom__assessments-list-item-buttons {
  text-align: right;
  display: inline-block;
  width: 32% !important;
}
@media screen and (max-width: 768px) {
  .classroom__assessments-list-item-buttons {
    width: 30% !important;
  }
}
@media screen and (max-width: 480px) {
  .classroom__assessments-list-item-buttons {
    width: 100% !important;
    text-align: center;
  }
}

.classroom__assessments-dropdown-button {
  float: none !important;
  padding: 18px !important;
}
@media screen and (max-width: 480px) {
  .classroom__assessments-dropdown-button {
    display: inline-block !important;
    width: 30% !important;
    margin: 20px !important;
  }
}

.classroom__assessments-content-container {
  padding-top: 0 !important;
}

@media screen and (max-width: 1060px) {
  .classroom-content-sections-section-assessments {
    padding: 0 16px;
  }
}

@media screen and (max-width: 768px) {
  .classroom__assessments-list-item-delete-button {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .classroom__assessments-list-item-delete-button {
    display: inline-block !important;
    width: 30% !important;
    margin: 20px !important;
  }
}

.classroom__student-assessments {
  padding-bottom: 0 !important;
}

.classroom__student-assessments-header {
  display: table;
  width: 100%;
}
@media screen and (max-width: 1041px) {
  .classroom__student-assessments-header {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .classroom__student-assessments-header {
    display: block;
    text-align: center;
  }
}

.classroom__student-assessments-header-cell {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .classroom__student-assessments-header-cell {
    display: inline-block;
    text-align: center;
  }
}

.classroom__student-assessments-student-name {
  padding-right: 50px;
}
@media screen and (max-width: 768px) {
  .classroom__student-assessments-student-name {
    padding-right: 0;
    width: 100%;
  }
}

.classroom__student-name--homeschool {
  display: block;
  margin-bottom: 0;
}

.classroom__student-assessments-student-username {
  color: grey;
  text-transform: uppercase;
}

.classroom__student-assessments-header-button {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .classroom__student-assessments-header-button {
    width: 25%;
  }
}
@media screen and (max-width: 480px) {
  .classroom__student-assessments-header-button {
    width: 32%;
    padding-left: 0;
  }
}

.classroom__student-assessments-header-spacer {
  width: 30%;
}

.classroom__student-assessments-grade {
  float: none;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  .classroom__student-assessments-grade {
    width: 100%;
  }
}
.classroom__student-assessments-grade--missing {
  font-size: 24px !important;
}

@media screen and (max-width: 480px) {
  .classroom__student-assessments-lexile-levels-button-container {
    width: 32%;
  }
}

.classroom__student-assessments-lexile-levels-button {
  min-width: 201px;
}
@media screen and (max-width: 480px) {
  .classroom__student-assessments-lexile-levels-button {
    min-width: calc(1rem + 42px);
    margin-right: 0 !important;
    display: inline-block !important;
    float: none !important;
  }
}

@media screen and (max-width: 480px) {
  .classroom__student-assessments-lexile-level-text {
    display: none !important;
  }
}

.classroom__student-assessments-list-item {
  padding-left: 0;
}

.classroom__student-assessments-list-item-name {
  color: #22b7f2 !important;
}

.classroom__student-assessments-list-item-status {
  font-weight: bold !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
}

.classroom__student-assessments-list-item-status-time {
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
}

.classroom__student-assessments-header-column-caption {
  text-transform: capitalize;
}

@media screen and (max-width: 1060px) {
  .classroom__student-assessments-container {
    padding: 0 16px;
  }
}
.classroom__student-assessments-container .scores-header .classroom__student-assessments-header-column-caption:nth-of-type(3) {
  width: 19%;
}

@media screen and (max-width: 768px) {
  .classroom__student-assessments-list-item-column {
    width: 100% !important;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .classroom__student-assessments--hidden-on-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1060px) {
  .classroom__edit-assessment-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.classroom__edit-assessment-header--hidden {
  display: none;
}

.classroom__edit-assessment-question-topic {
  text-transform: uppercase;
  color: #888 !important;
  font-size: 1rem;
}

.classroom__edit-assessment-question-count-wrapper {
  text-transform: uppercase;
}

.classroom__edit-assessment-question-count-paragraph {
  font-family: "myriad-pro", sans-serif !important;
  font-weight: bold;
  color: silver;
  font-size: 1rem !important;
}

.classroom__edit-assessment-question-count {
  font-style: normal;
  color: black;
}

.classroom__edit-assessment-auto-save {
  font-size: 1rem;
  line-height: 2.5rem !important;
  font-family: myriad-pro, sans-serif;
  display: inline-block;
  margin-top: 0 !important;
}

.classroom__edit-assessment-auto-save-label {
  font-style: normal;
  color: black !important;
}

.classroom__edit-assessment-dates {
  color: silver !important;
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .classroom__edit-assessment-dates {
    display: none !important;
  }
}

.classroom__edit-assessment-dates-date {
  color: black !important;
  font-style: normal !important;
}

.classroom__edit-assessment-name {
  display: inline;
}

.classroom__edit-assessment-cog-button {
  display: inline;
  margin-top: -1rem;
}

@media screen and (max-width: 480px) {
  .classroom__edit-assessment-total-points-container {
    display: none;
  }
}

.classroom__edit-assessment-total-points {
  float: left;
}

.classroom__edit-assessment-toolbar-button {
  margin-top: 15px !important;
}

@media screen and (max-width: 768px) {
  .classroom__edit-assessment-add-question-overlay-container {
    margin-top: 65px;
  }
}

.classroom__edit-assessment-add-questions-select-overlay {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .classroom__edit-assessment-add-questions-select-overlay {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 480px) {
  .classroom__edit-assessment-add-questions-select-overlay {
    margin-bottom: 200px;
  }
}

.classroom__edit-assessment-add-question-overlay-header {
  background-color: #eee;
  height: 74px;
}

.classroom__edit-assessment-add-questions-select-overlay-heading {
  text-align: center;
  text-transform: uppercase;
  padding-top: 25px;
  line-height: 1.5rem;
  font-weight: bold;
  color: #22b7f2;
  margin-left: 9rem;
}
@media screen and (max-width: 768px) {
  .classroom__edit-assessment-add-questions-select-overlay-heading {
    text-align: left;
    margin-left: 1rem;
  }
}

.classroom__edit-assessment-add-question-overlay-text {
  font-size: 1.5rem;
  color: silver;
  font-family: "ff-meta-serif-web-pro", serif;
  line-height: 2rem;
}

.classroom__edit-assessment-add-questions-select-overlay-text {
  max-width: 30rem;
  margin: auto;
}

.classroom__edit-assessment-add-questions-select-overlay-grid {
  max-width: 50rem;
  margin: auto;
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .classroom__edit-assessment-add-questions-select-overlay-grid {
    max-width: 30rem;
  }
}
.classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.1684356888%;
  width: 31.2210428741%;
}
.classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item:last-child {
  margin-right: 0;
}
.classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item {
  margin: 1%;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 25px 50px;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 0.5558761108%;
    width: 97.9888824778%;
  }
  .classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item:last-child {
    margin-right: 0;
  }
}
.classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item:hover {
  background-color: #A6E6FF;
}
.classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item .classroom__edit-assessment-add-questions-select-overlay-grid-item-text {
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
}
.classroom__edit-assessment-add-questions-select-overlay-grid .classroom__edit-assessment-add-questions-select-overlay-grid-item:last-of-type .classroom__edit-assessment-add-questions-select-overlay-grid-item-text {
  margin-top: 10px !important;
}

.classroom__edit-assessment-add-question-overlay-header-icons {
  margin-top: 50px;
  max-width: 1060px;
  margin: auto;
  text-align: left;
  margin-top: 50px;
  border-bottom: 1px solid #eee;
}

.classroom__edit-assessment-add-question-type-dropdown {
  display: inline;
}
.classroom__edit-assessment-add-question-type-dropdown select {
  background: none !important;
  border: none !important;
  outline: none;
  width: 12rem !important;
  text-transform: uppercase;
}

.classroom__edit-assessment-add-question-select-dropdown {
  display: -webkit-inline-box !important;
}

.classroom__edit-assessment-add-question-type-header-icon {
  margin-right: -0.5rem;
}

.classroom__edit-assessment-add-question-overlay-content {
  text-align: left;
}

.classroom__edit-assessment-add-question-overlay-tabs-content {
  background: none !important;
}

.classroom__edit-assessment-add-question-overlay-topic-questions-list {
  margin-left: 0 !important;
}
.classroom__edit-assessment-add-question-overlay-topic-questions-list li:hover {
  background-color: #eee;
}

.classroom__edit-assessment-add-question-overlay-question-type {
  text-transform: uppercase;
  font-family: "myriad-pro", sans-serif !important;
  font-weight: bold;
}

.classroom__edit-assessment-add-question-overlay-footer {
  display: block;
  height: 80px;
}

.classroom__edit-assessment-add-question-selected-question-count {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  color: silver;
}

.classroom__edit-assessment-add-question-selected-question-counter {
  font-size: 1rem !important;
  font-family: "myriad-pro", sans-serif !important;
  color: black;
}

.classroom__saved-questions-content-article {
  width: 100% !important;
}
@media screen and (max-width: 1060px) {
  .classroom__saved-questions-content-article {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 480px) {
  .classroom__saved-questions-content-article {
    padding-right: 0;
  }
}

.classroom__saved-questions-container {
  padding-top: 0 !important;
}

.classroom__saved-questions-container-inset {
  margin-left: 0 !important;
  width: 100% !important;
}

.classroom__saved-question {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.classroom__saved-question-actions {
  text-align: right;
}

.classroom__saved-questions-date-label {
  color: #aaa !important;
  font-family: "ff-meta-serif-web-pro", serif;
}

.classroom__saved-questions-date-created {
  color: #aaa !important;
  font-style: normal;
  font-weight: bold !important;
}

@media screen and (max-width: 768px) {
  .classroom__saved-questions-buttons {
    position: static !important;
  }
}

.classroom__saved-questions-button {
  padding: 16px 30px !important;
}
@media screen and (max-width: 768px) {
  .classroom__saved-questions-button {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 1041px) {
  .classroom__student-header-wrapper--homeschool {
    margin-top: 37px;
  }
}

.classroom__homeschool-quiz-name {
  font-size: 1.3rem !important;
}

.classroom__grade-button {
  background-color: #888 !important;
}

.classroom__total-items-count {
  display: inline;
}

@media screen and (max-width: 980px) {
  .classroom__sort-students-button {
    display: none;
  }
}
.classroom__sort-students-button--inactive {
  color: #7ad3f7 !important;
}
.classroom__sort-students-button--inactive:hover {
  color: #4ec5f4 !important;
}

.classroom__students-count {
  display: inline;
}

.desk .content-sidebar .custom-units {
  margin: 66px 30px 0 0;
}
.desk .content-sidebar .custom-units h3 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
  padding-bottom: 14px;
}
.desk .content-sidebar .custom-units .sub-nav {
  margin-right: -30px;
}
.desk .content-sidebar .custom-units-actions {
  margin-top: 28px;
}
.desk .content-sidebar .custom-units-actions [class^=icon-] {
  margin-top: 0;
}
.desk .content-section-header h5, .desk .content-section-header .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .desk .content-section-header .crumb, .desk .content-section-header .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .desk .content-section-header .darken {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.desk .content-section-header h5 span, .desk .content-section-header .discover-map .nav-controls .breadcrumbs .crumb span, .discover-map .nav-controls .breadcrumbs .desk .content-section-header .crumb span, .desk .content-section-header .discover-map .nav-controls .breadcrumbs .darken span, .discover-map .nav-controls .breadcrumbs .desk .content-section-header .darken span {
  color: #888;
}
.desk-restricted {
  margin: 0 auto;
  text-align: center;
  width: 700px;
}
@media screen and (max-width: 768px) {
  .desk-restricted {
    padding-top: 95px !important;
    width: 100%;
  }
}
.desk-restricted-background {
  background: url(../images/desk/desk-browser.jpg) no-repeat top center;
}
@media screen and (max-width: 768px) {
  .desk-restricted-background {
    background-size: contain;
  }
}
.desk-restricted-overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,1+47 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(47%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 47%, rgb(255, 255, 255) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
  padding: 308px 0 100px 0;
}
@media screen and (max-width: 768px) {
  .desk-restricted-overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,1+25 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    padding: 200px 0;
  }
}
.desk-restricted [class^=icon-] {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #bbb;
  display: block;
  margin-bottom: 30px;
}
.desk-restricted h3 {
  margin-bottom: 11px;
}
.theme-1 .desk-restricted h3 span {
  color: #22b7f2;
}
.theme-2 .desk-restricted h3 span {
  color: #8240ca;
}
.theme-3 .desk-restricted h3 span {
  color: #bd1118;
}
.theme-4 .desk-restricted h3 span {
  color: #cc5302;
}
.theme-5 .desk-restricted h3 span {
  color: #f43b5f;
}
.theme-6 .desk-restricted h3 span {
  color: #0cd2de;
}
.theme-7 .desk-restricted h3 span {
  color: #fba90b;
}
.theme-8 .desk-restricted h3 span {
  color: #13a104;
}
.theme-9 .desk-restricted h3 span {
  color: #07696a;
}
.theme-10 .desk-restricted h3 span {
  color: #005a9d;
}
.theme-11 .desk-restricted h3 span {
  color: #8acb01;
}
.desk-restricted h3 span {
  font-weight: bold;
}
.desk-restricted-actions {
  margin-top: 34px;
}
.desk-index h1 {
  margin-bottom: 42px;
}
.desk-unit-header h2 {
  margin-bottom: 45px;
}
.desk-unit-header-actions {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.desk-unit-header-actions:last-child {
  margin-right: 0;
}
.desk-unit-header-actions [class^=button-] {
  float: right;
}
.desk-unit-title {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 74.1053340983%;
}
.desk-unit-title:last-child {
  margin-right: 0;
}
.desk-item {
  list-style: none;
  padding: 38px 0 44px 0;
}
.desk-item-title {
  color: #333;
  margin-bottom: 6px;
}
.desk-item--first {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 7.4416729867%;
}
.desk-item--first:last-child {
  margin-right: 0;
}
.desk-item--first {
  text-align: left;
  min-width: 116px;
}
@media screen and (max-width: 1240px) {
  .desk-item--first {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 4.1109178249%;
    width: 10.7620704358%;
  }
  .desk-item--first:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 940px) {
  .desk-item--first {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 5.8515051827%;
    width: 15.3187958539%;
  }
  .desk-item--first:last-child {
    margin-right: 0;
  }
  .desk-item--first {
    margin-right: 1%;
  }
}
@media screen and (max-width: 360px) {
  .desk-item--first {
    display: none;
  }
}
.desk-item--first img {
  border: 1px solid #f4f4f4;
  height: 100px;
  width: 100px;
}
.desk-item--second {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.desk-item--second:last-child {
  margin-right: 0;
}
.desk-item--second {
  text-align: left;
}
@media screen and (max-width: 1240px) {
  .desk-item--second {
    margin-right: 0;
  }
}
@media screen and (max-width: 940px) {
  .desk-item--second {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 5.8515051827%;
    width: 57.6593979269%;
  }
  .desk-item--second:last-child {
    margin-right: 0;
  }
  .desk-item--second {
    margin-right: 1%;
  }
}
@media screen and (max-width: 720px) {
  .desk-item--second {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 16.0363113405%;
    width: 41.9818443298%;
  }
  .desk-item--second:last-child {
    margin-right: 0;
  }
  .desk-item--second {
    margin-right: 0;
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    height: 116px;
  }
}
@media screen and (max-width: 480px) {
  .desk-item--second {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 5.8515051827%;
    width: 57.6593979269%;
  }
  .desk-item--second:last-child {
    margin-right: 0;
  }
  .desk-item--second {
    margin-right: 0;
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .desk-item--second {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 38.1982059067%;
    width: 100%;
  }
  .desk-item--second:last-child {
    margin-right: 0;
  }
}
.desk-item--second p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #777;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
}
.desk-item--third {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 5.8515051827%;
  width: 15.3187958539%;
}
.desk-item--third:last-child {
  margin-right: 0;
}
.desk-item--third {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-right: 0;
}
.desk-item--third strong {
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
@media screen and (max-width: 720px) {
  .desk-item--third {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 7.4229703521%;
    width: 19.432772236%;
  }
  .desk-item--third:last-child {
    margin-right: 0;
  }
  .desk-item--third {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .desk-item--third {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .desk-item--third:last-child {
    margin-right: 0;
  }
  .desk-item--third {
    height: 1rem;
  }
}
.desk-item--last {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 1.877269384%;
  width: 4.9145485749%;
}
.desk-item--last:last-child {
  margin-right: 0;
}
.desk-item--last {
  text-align: right;
}
@media screen and (max-width: 940px) {
  .desk-item--last {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .desk-item--last {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .desk-item--last:last-child {
    margin-right: 0;
  }
}
.desk-lexile {
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
}
.desk-lexile-item {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-left: 16px;
}
.desk-lexile-item:nth-child(1) {
  padding-left: 0;
}
@media screen and (max-width: 480px) {
  .desk-lexile-item:nth-child(1) {
    margin-bottom: 30px;
  }
}
.desk-lexile-item:nth-child(1) i {
  color: #bbb;
  display: block;
  font-size: 21px;
  margin-top: 2px;
}
.theme-1 .desk-lexile-item:nth-child(2) {
  color: rgb(82.1666666667, 198.6923076923, 244.8333333333);
}
.theme-2 .desk-lexile-item:nth-child(2) {
  color: rgb(182.2540983607, 143.8442622951, 224.1557377049);
}
.theme-3 .desk-lexile-item:nth-child(2) {
  color: rgb(238.3300970874, 69.6699029126, 76.5339805825);
}
.theme-4 .desk-lexile-item:nth-child(2) {
  color: rgb(253.0388349515, 134.3883495146, 54.9611650485);
}
.theme-5 .desk-lexile-item:nth-child(2) {
  color: rgb(249.4202898551, 155.5797101449, 173.8405797101);
}
.theme-6 .desk-lexile-item:nth-child(2) {
  color: rgb(89.9230769231, 237.1538461538, 246.0769230769);
}
.theme-7 .desk-lexile-item:nth-child(2) {
  color: rgb(252.6451612903, 204.3709677419, 111.3548387097);
}
.theme-8 .desk-lexile-item:nth-child(2) {
  color: rgb(39.9818181818, 249.1090909091, 17.8909090909);
}
.theme-9 .desk-lexile-item:nth-child(2) {
  color: rgb(13.3185840708, 199.7787610619, 201.6814159292);
}
.theme-10 .desk-lexile-item:nth-child(2) {
  color: rgb(4, 147.8853503185, 255);
}
.theme-11 .desk-lexile-item:nth-child(2) {
  color: #bdfe34;
}
.theme-1 .desk-lexile-item:nth-child(3) {
  color: #22b7f2;
}
.theme-2 .desk-lexile-item:nth-child(3) {
  color: #8240ca;
}
.theme-3 .desk-lexile-item:nth-child(3) {
  color: #bd1118;
}
.theme-4 .desk-lexile-item:nth-child(3) {
  color: #cc5302;
}
.theme-5 .desk-lexile-item:nth-child(3) {
  color: #f43b5f;
}
.theme-6 .desk-lexile-item:nth-child(3) {
  color: #0cd2de;
}
.theme-7 .desk-lexile-item:nth-child(3) {
  color: #fba90b;
}
.theme-8 .desk-lexile-item:nth-child(3) {
  color: #13a104;
}
.theme-9 .desk-lexile-item:nth-child(3) {
  color: #07696a;
}
.theme-10 .desk-lexile-item:nth-child(3) {
  color: #005a9d;
}
.theme-11 .desk-lexile-item:nth-child(3) {
  color: #8acb01;
}
.theme-1 .desk-lexile-item:nth-child(4) {
  color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .desk-lexile-item:nth-child(4) {
  color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .desk-lexile-item:nth-child(4) {
  color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .desk-lexile-item:nth-child(4) {
  color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .desk-lexile-item:nth-child(4) {
  color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .desk-lexile-item:nth-child(4) {
  color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .desk-lexile-item:nth-child(4) {
  color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .desk-lexile-item:nth-child(4) {
  color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .desk-lexile-item:nth-child(4) {
  color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .desk-lexile-item:nth-child(4) {
  color: rgb(0, 31.5286624204, 55);
}
.theme-11 .desk-lexile-item:nth-child(4) {
  color: rgb(69, 101.5, 0.5);
}

.desk__infographic-thumbnail {
  object-fit: cover;
}

.folder__dialog-text--strong {
  font-weight: bold !important;
}

.folders__header {
  min-height: 100px;
  margin: auto;
  max-width: 1060px;
}
@media screen and (max-width: 940px) {
  .folders__header {
    text-align: center;
    margin: auto;
  }
}
@media screen and (min-width: 941px) {
  .folders__header {
    min-height: 200px;
    padding: 0 15px;
  }
}

.folders__heading {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 940px) {
  .folders__heading {
    width: 100%;
  }
}
@media screen and (min-width: 941px) {
  .folders__heading {
    float: left;
    text-align: left;
    margin-top: 100px;
  }
}
@media screen and (max-width: 480px) {
  .folders__heading {
    font-size: 2rem;
  }
}

.folders__create-button, .folders__send-to-classroom-button {
  float: right;
  margin-top: 100px;
}
@media screen and (max-width: 940px) {
  .folders__create-button, .folders__send-to-classroom-button {
    float: none;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.folders__container-wrapper {
  background-color: #f4f4f4;
  text-align: center;
  overflow: visible;
}
@media screen and (max-width: 480px) {
  .folders__container-wrapper {
    padding: 40px 0;
  }
}

.folders__container {
  max-width: 1060px;
  margin: auto;
  min-height: 450px;
  padding-top: 30px;
}
@media screen and (min-width: 941px) {
  .folders__container {
    padding: 30px 15px 0 15px;
  }
}
@media screen and (max-width: 480px) {
  .folders__container {
    min-height: unset;
  }
}

.folders__folder {
  min-height: 100px;
}
.folders__folder:first-child {
  margin-bottom: 0px;
}
.folders__folder:not(:first-child) {
  border-top: 1px solid lightgray;
  padding-top: 40px;
  padding-bottom: 100px;
}
@media screen and (max-width: 940px) {
  .folders__folder {
    min-height: 150px;
  }
  .folders__folder:last-child {
    min-height: 250px;
  }
  .folders__folder:not(:first-child) {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 540px) {
  .folders__folder:last-child {
    min-height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .folders__folder {
    min-height: 100px;
  }
}

.folders__title--empty {
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .folders__title--empty {
    margin-top: 10px;
  }
}

.folders__folder-name {
  font-family: myriad-pro, sans-serif;
  font-weight: bold;
  font-size: 2rem;
}

.folders__folder-metadata {
  float: left;
  text-align: left;
}
@media screen and (max-width: 940px) {
  .folders__folder-metadata {
    width: 100%;
    text-align: center;
    float: none;
  }
}

.folders__folder-menu {
  float: right;
}
@media screen and (max-width: 940px) {
  .folders__folder-menu {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    float: none;
  }
}

.folders__button {
  background-color: #e8e8e8 !important;
}
.folders__button:hover {
  background-color: #dbdbdb !important;
}
@media screen and (max-width: 480px) {
  .folders__button {
    width: calc(100% - 40px);
    margin: 20px;
    font-size: 1.2rem !important;
  }
}

@media screen and (max-width: 480px) {
  .folders__counts {
    font-size: 1.3rem;
    margin-top: 20px;
  }
}

.folders__folder-item-count {
  color: gray;
}

.folders__cog-button {
  background: #f4f4f4 !important;
  padding: 0 !important;
  margin-top: -5px !important;
  margin-left: 5px !important;
}

.folders__folder-cog-button {
  background: white !important;
  margin-bottom: 1rem !important;
  padding-left: 10px !important;
}

.folders__cog-icon {
  height: 1rem !important;
}

.folders__folder-cog-icon {
  height: 1.5rem !important;
}

.folders__send-to-classroom-description {
  text-align: center;
  text-transform: capitalize;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 20px;
  color: darkgray;
  font-size: 1rem;
}

.desk-item-link:not(:last-child) {
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 940px) {
  .desk-item-link {
    padding: 0 20px;
  }
}
.desk-item-link:last-child .desk-item {
  min-height: 200px;
}

.folders__folder-context-menu {
  padding-bottom: 10px !important;
  border-bottom: 1px solid #ddd;
  text-align: left;
  margin-bottom: 20px;
}
@media screen and (max-width: 940px) {
  .folders__folder-context-menu {
    padding-left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .folders__folder-context-menu {
    display: none;
  }
}

.folders__folder-name {
  display: inline-block;
}

.folders__icon {
  margin-right: 0.5rem;
}

.folders__folder-descriptor {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  font-weight: 500;
  text-transform: lowercase;
  display: inline;
}

.folders__folder-unit {
  display: inline;
  font-weight: bold;
}

@media screen and (max-width: 720px) {
  .folders__folder-into {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .error-padding {
    padding-top: 65px;
  }
}
.error-wrapper {
  background: url(/Assets/Images/finalAstro.jpg) no-repeat;
  min-height: 600px;
  padding-top: 85px;
}
@media screen and (max-width: 768px) {
  .error-wrapper {
    background-size: cover;
  }
}
.error-content {
  margin-left: 470px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .error-content {
    margin-left: 0;
  }
}
.error-content-message {
  max-width: 820px;
}
@media screen and (max-width: 768px) {
  .error-content-message {
    margin-top: 140px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 480px) {
  .error-content-message .intro {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}

.site #classroom-dropdown {
  margin-top: 59px !important;
}
.site .shortcut-login-mobile {
  position: absolute;
  right: 0;
  margin-right: 100px;
  color: black;
  font-size: 23px;
  margin-top: 20px;
  display: none;
}
.site .shortcut-login-mobile:hover {
  color: black !important;
}
@media screen and (max-width: 1041px) {
  .site .shortcut-login-mobile {
    display: block;
  }
}
.site .menu-trigger {
  font-size: x-large !important;
  color: black !important;
}
.site .menu-trigger:hover {
  color: black !important;
}
.site .menu-trigger .icon-icon_medium-menu-new:before {
  content: "\e910";
}
.site .menu-trigger.active .icon-icon_medium-menu-new:before {
  content: "\e619";
}
.site .mobile-classrooms-tab {
  display: none;
  align-content: start;
}
@media screen and (max-width: 1041px) {
  .site .mobile-classrooms-tab {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    align-content: start;
  }
  .site .mobile-classrooms-tab .back-button-menu-classroom {
    display: block !important;
    font-family: "Manrope", sans-serif;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    cursor: pointer;
    width: 80%;
    padding-left: 20px;
  }
}
.site .mobile-classrooms-tab #classroom-dropdown {
  display: none !important;
  width: 80%;
  border: 0px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px !important;
  display: block;
  position: relative;
}
@media screen and (max-width: 1041px) {
  .site .mobile-classrooms-tab #classroom-dropdown {
    display: block !important;
  }
}
.site .mobile-classrooms-button {
  display: none !important;
}
@media screen and (max-width: 1041px) {
  .site .mobile-classrooms-button {
    display: block !important;
  }
}
.site .web-classrooms-button {
  display: block;
}
@media screen and (max-width: 1041px) {
  .site .web-classrooms-button {
    display: none !important;
  }
}
.site .additional-menu-mobile {
  display: none;
}
@media screen and (max-width: 1041px) {
  .site .additional-menu-mobile {
    display: block;
  }
}
.site .additional-menu-mobile .dropdown-link {
  color: black;
  width: 282px;
  font-family: "Manrope", sans-serif;
  text-align: center;
  padding-top: 10px;
}
.site .additional-menu-mobile .dropdown-link:hover {
  background-color: #FEF1AE;
}
.site .divider-additional-menu {
  border-bottom: 0.5px solid #BEBEBE !important;
  width: 80%;
  display: none;
}
@media screen and (max-width: 1041px) {
  .site .divider-additional-menu {
    display: block;
  }
}
.site .mobile_about {
  display: none !important;
}
@media screen and (max-width: 1041px) {
  .site .mobile_about {
    display: block !important;
    height: auto !important;
    text-align: center;
  }
}
@media screen and (max-width: 1041px) {
  .site #about-link {
    display: none !important;
  }
}
.site .mobile_about-container {
  display: none !important;
  margin-bottom: 0px !important;
}
@media screen and (max-width: 1041px) {
  .site .mobile_about-container {
    display: block !important;
  }
}
.site .mobile_about-body {
  display: none;
  flex-direction: column;
  gap: 15px;
  width: 220px;
  text-align: center;
  margin-top: -14px;
}
.site .mobile_about-body.active {
  display: flex;
  margin-bottom: 40px;
}
.site .mobile_about-item {
  color: black !important;
  font-family: "Manrope", sans-serif;
  padding-top: 6px;
  padding-bottom: 6px;
}
.site .mobile_about-item:hover {
  background-color: #FEF1AE !important;
}
.site .zoom-button-upgrade {
  display: flex !important;
  height: 41px;
  border-color: black;
  color: black !important;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 1241px) {
  .site .zoom-button-upgrade {
    display: none !important;
  }
}
.site .zoom-button-upgrade .text {
  text-transform: none;
  margin-top: -4px !important;
  font-weight: normal;
}
.site .zoom-button-upgrade .decrease-icon {
  font-size: 8px !important;
  padding-right: 10px !important;
  cursor: pointer;
}
.site .zoom-button-upgrade .increase-icon {
  font-size: 8px !important;
  padding-right: 0px !important;
  padding-left: 10px !important;
  cursor: pointer;
}
.site .zoom-button-upgrade:hover {
  color: black !important;
}
@media print {
  .site .print-logo {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  .theme-1 .site .print-logo:before {
    content: url("/Assets/Images/logo-mobile.jpg");
  }
  .theme-2 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-2-mobile.jpg");
  }
  .theme-3 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-3-mobile.jpg");
  }
  .theme-4 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-4-mobile.jpg");
  }
  .theme-5 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-5-mobile.jpg");
  }
  .theme-6 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-6-mobile.jpg");
  }
  .theme-7 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-7-mobile.jpg");
  }
  .theme-8 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-8-mobile.jpg");
  }
  .theme-9 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-9-mobile.jpg");
  }
  .theme-10 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-10-mobile.jpg");
  }
  .theme-11 .site .print-logo:before {
    content: url("/Assets/Images/logo-theme-11-mobile.jpg");
  }
}
.site > header {
  border-bottom: 1px solid #ddd;
  background-color: #FFFFFF;
  height: 80px;
  position: relative;
  left: 0;
  top: 0;
  z-index: 102;
  width: 100%;
}
.site > header.header--trial {
  height: 124px;
}
.site > header.header--trial .logo {
  top: 44px;
}
@media screen and (max-width: 1041px) {
  .site > header.header--trial nav.expanded {
    top: 109px;
    margin-top: -1px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header.header--trial {
    height: 109px;
    margin-top: -1px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header {
    height: 65px;
  }
}
@media print {
  .site > header {
    display: none;
  }
}
.theme-1 .site > header .logo {
  background: url("/Assets/Images/logo.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-1 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-1 .site > header .logo {
    background: url("/Assets/Images/logo-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-2 .site > header .logo {
  background: url("/Assets/Images/logo-theme-2.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-2 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-2-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-2 .site > header .logo {
    background: url("/Assets/Images/logo-theme-2-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-3 .site > header .logo {
  background: url("/Assets/Images/logo-theme-3.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-3 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-3-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-3 .site > header .logo {
    background: url("/Assets/Images/logo-theme-3-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-4 .site > header .logo {
  background: url("/Assets/Images/logo-theme-4.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-4 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-4-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-4 .site > header .logo {
    background: url("/Assets/Images/logo-theme-4-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-5 .site > header .logo {
  background: url("/Assets/Images/logo-theme-5.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-5 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-5-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-5 .site > header .logo {
    background: url("/Assets/Images/logo-theme-5-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-6 .site > header .logo {
  background: url("/Assets/Images/logo-theme-6.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-6 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-6-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-6 .site > header .logo {
    background: url("/Assets/Images/logo-theme-6-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-7 .site > header .logo {
  background: url("/Assets/Images/logo-theme-7.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-7 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-7-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-7 .site > header .logo {
    background: url("/Assets/Images/logo-theme-7-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-8 .site > header .logo {
  background: url("/Assets/Images/logo-theme-8.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-8 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-8-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-8 .site > header .logo {
    background: url("/Assets/Images/logo-theme-8-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-9 .site > header .logo {
  background: url("/Assets/Images/logo-theme-9.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-9 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-9-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-9 .site > header .logo {
    background: url("/Assets/Images/logo-theme-9-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-10 .site > header .logo {
  background: url("/Assets/Images/logo-theme-10.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-10 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-10-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-10 .site > header .logo {
    background: url("/Assets/Images/logo-theme-10-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.theme-11 .site > header .logo {
  background: url("/Assets/Images/logo-theme-11.jpg") no-repeat center center;
}
@media screen and (max-width: 1041px) {
  .theme-11 .site > header .logo {
    z-index: 5;
    background: url("/Assets/Images/logo-theme-11-mobile.jpg") no-repeat center center;
  }
}
@media only screen and (max-width: 1041px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 1041px) and (min-device-pixel-ratio: 2), only screen and (max-width: 1041px) and (min-resolution: 192dpi), only screen and (max-width: 1041px) and (min-resolution: 2dppx) {
  .theme-11 .site > header .logo {
    background: url("/Assets/Images/logo-theme-11-mobile@2x.jpg") no-repeat center center;
    background-size: 80px 75px;
  }
}
.site > header .logo {
  display: block;
  height: 98px;
  left: 0;
  position: absolute;
  top: 0;
  width: 104px;
}
@media screen and (max-width: 1041px) {
  .site > header .logo {
    width: 80px;
    height: 75px;
  }
}
.site > header .logo-hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.theme-1 .site > header .logo-hover {
  background-color: #22b7f2;
}
.theme-2 .site > header .logo-hover {
  background-color: #8240ca;
}
.theme-3 .site > header .logo-hover {
  background-color: #bd1118;
}
.theme-4 .site > header .logo-hover {
  background-color: #cc5302;
}
.theme-5 .site > header .logo-hover {
  background-color: #f43b5f;
}
.theme-6 .site > header .logo-hover {
  background-color: #0cd2de;
}
.theme-7 .site > header .logo-hover {
  background-color: #fba90b;
}
.theme-8 .site > header .logo-hover {
  background-color: #13a104;
}
.theme-9 .site > header .logo-hover {
  background-color: #07696a;
}
.theme-10 .site > header .logo-hover {
  background-color: #005a9d;
}
.theme-11 .site > header .logo-hover {
  background-color: #8acb01;
}
.site > header .logo-hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 98px;
  left: 0;
  position: absolute;
  top: 0;
  width: 104px;
  z-index: 1;
  display: flex;
}
@media screen and (max-width: 1041px) {
  .site > header .logo-hover {
    height: 75px;
    width: 80px;
  }
}
.site > header .logo-hover img {
  display: block;
  height: 28px;
  margin: auto;
  width: 31px;
}
@media screen and (max-width: 1041px) {
  .site > header .logo-hover img {
    height: 28px;
    margin: 24px auto 0 auto;
    width: 31px;
  }
}
.site > header .logo:hover .logo-hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.site > header .search {
  font-size: 19px;
  font-size: 1.1875rem;
}
.theme-1 .site > header .search {
  background-color: #FEF1AE;
}
.theme-2 .site > header .search {
  background-color: #3cfdf2;
}
.theme-3 .site > header .search {
  background-color: #eee7cb;
}
.theme-4 .site > header .search {
  background-color: #efc416;
}
.theme-5 .site > header .search {
  background-color: #0cd2de;
}
.theme-6 .site > header .search {
  background-color: #fceb92;
}
.theme-7 .site > header .search {
  background-color: #ffefb5;
}
.theme-8 .site > header .search {
  background-color: #8df5f9;
}
.theme-9 .site > header .search {
  background-color: #e6eaa7;
}
.theme-10 .site > header .search {
  background-color: #94e1fe;
}
.theme-11 .site > header .search {
  background-color: #e0f18f;
}
.theme-3 .site > header .search {
  background-color: #bd1118;
}
.theme-8 .site > header .search {
  background-color: #13a104;
}
.theme-10 .site > header .search {
  background-color: #005a9d;
}
.site > header .search {
  color: #888;
  float: left;
  height: 80px;
  margin-left: 104px;
  width: 73px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
}
@media screen and (max-width: 1041px) {
  .site > header .search {
    height: 65px;
    width: 70px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header .search {
    margin-left: 80px;
  }
}
.site > header .search:hover {
  color: #888;
}
.site > header .search i {
  color: #222;
}
.theme-3 .site > header .search i, .theme-8 .site > header .search i, .theme-10 .site > header .search i {
  color: #fff;
}
@media screen and (max-width: 1041px) {
  .search-open .site > header .search i {
    color: #222;
  }
}
@media screen and (max-width: 1041px) {
  .site > header .search i {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.site > header .search span {
  font-family: "Manrope", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  color: #222;
  font-weight: bold;
  text-transform: none;
  position: relative;
}
.theme-3 .site > header .search span, .theme-8 .site > header .search span, .theme-10 .site > header .search span {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .search-open .site > header .search span {
    color: #222;
  }
}
@media screen and (max-width: 1041px) {
  .site > header .search span {
    display: none;
  }
}
.site > header .menu-trigger {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  font-size: 12px;
  font-size: 0.75rem;
  float: right;
  color: black;
  cursor: pointer;
  display: none;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  letter-spacing: 1.5px;
  padding: 20px 18px 21px 18px;
  position: relative;
  text-transform: uppercase;
  background-color: #FBD20B !important;
}
@media screen and (max-width: 360px) {
  .site > header .menu-trigger {
    padding: 20px 4px 21px 4px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header .menu-trigger {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    height: 65px;
  }
}
.site > header .menu-trigger.active, .site > header .menu-trigger:hover {
  background-color: #222;
  color: #fff;
}
.site > header .menu-trigger.active span, .site > header .menu-trigger:hover span {
  width: 100%;
}
.site > header .menu-trigger div {
  position: relative;
}
.site > header .menu-trigger span {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.theme-1 .site > header .menu-trigger span {
  background-color: #22b7f2;
}
.theme-2 .site > header .menu-trigger span {
  background-color: #8240ca;
}
.theme-3 .site > header .menu-trigger span {
  background-color: #bd1118;
}
.theme-4 .site > header .menu-trigger span {
  background-color: #cc5302;
}
.theme-5 .site > header .menu-trigger span {
  background-color: #f43b5f;
}
.theme-6 .site > header .menu-trigger span {
  background-color: #0cd2de;
}
.theme-7 .site > header .menu-trigger span {
  background-color: #fba90b;
}
.theme-8 .site > header .menu-trigger span {
  background-color: #13a104;
}
.theme-9 .site > header .menu-trigger span {
  background-color: #07696a;
}
.theme-10 .site > header .menu-trigger span {
  background-color: #005a9d;
}
.theme-11 .site > header .menu-trigger span {
  background-color: #8acb01;
}
.site > header .menu-trigger span {
  height: 3px;
  left: 0;
  position: absolute;
  top: -6px;
  width: 0;
}
.site > header .account-trigger {
  display: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.9);
  -moz-box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.9);
  box-shadow: 0px 0px 6px 0px rgba(34, 34, 34, 0.9);
  /*background-color: palette("gray", "dark");*/
  background-color: #444;
  width: 45px;
  height: 45px;
  float: right;
  position: relative;
  margin-top: 9px;
  margin-right: 16px;
  padding-top: 14px;
  padding-left: 14px;
}
@media screen and (max-width: 1041px) {
  .site > header .account-trigger {
    display: none;
  }
}
.site > header .account-trigger [class^=icon-] {
  color: #888;
}
.site > header nav {
  float: left;
  align-items: center;
  height: 80px;
  display: flex;
  margin-left: 24px;
}
@media screen and (max-width: 1300px) {
  .site > header nav {
    margin-left: 4px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header nav {
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
    filter: alpha(opacity=0);
    float: none;
    margin: 0;
    position: absolute;
    top: -9999px;
    width: 100%;
    background-color: white;
    padding: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
  }
  .site > header nav > * {
    margin-bottom: 40px !important;
    align-content: center;
  }
  .site > header nav > *:last-child {
    margin-bottom: 0 !important;
  }
  .site > header nav #pricing-link {
    margin-bottom: 54px !important;
  }
}
@media screen and (max-width: 1041px) {
  .site > header nav.expanded {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 63px;
    min-height: 1400px;
  }
}
.site > header nav .mobile-buttons {
  display: none;
}
@media screen and (max-width: 1041px) {
  .site > header nav .mobile-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
.site > header nav .mobile-buttons .login-button {
  background-color: #FBD20B !important;
  color: black !important;
  font-family: "Manrope", sans-serif;
  text-transform: none;
  width: 280px;
}
.site > header nav .mobile-buttons .login-button .icon-icon_medium-account-new {
  color: black !important;
  font-size: 14px !important;
}
.site > header nav .mobile-buttons .login-button:hover {
  background-color: #d0ad03 !important;
}
.site > header nav .mobile-buttons .sign-up {
  background-color: #FEF1AE !important;
  color: black !important;
  font-family: "Manrope", sans-serif;
  text-transform: none;
  width: 280px;
  margin-left: 0px !important;
}
.site > header nav .mobile-buttons .sign-up:hover {
  background-color: #FCE77D !important;
}
.site > header aside {
  float: right;
  height: 80px;
  align-content: center;
  margin-right: 72px;
}
@media screen and (max-width: 1300px) {
  .site > header aside {
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 1440px) {
  .site > header aside {
    margin-right: 50px;
  }
}
.site > header aside .login-button {
  background-color: #FBD20B !important;
  color: black !important;
  font-family: "Manrope", sans-serif;
  text-transform: none;
}
@media screen and (max-width: 1041px) {
  .site > header aside .login-button {
    display: none !important;
  }
}
.site > header aside .login-button .icon-icon_medium-account-new {
  color: black !important;
  font-size: 14px !important;
}
.site > header aside .login-button:hover {
  background-color: #d0ad03 !important;
}
.site > header aside .sign-up {
  background-color: #FEF1AE !important;
  color: black !important;
  font-family: "Manrope", sans-serif;
  text-transform: none;
}
@media screen and (max-width: 1085px) {
  .site > header aside .sign-up {
    display: none !important;
  }
}
.site > header aside .sign-up:hover {
  background-color: #FCE77D !important;
}
@media screen and (max-width: 1114px) {
  .site > header aside {
    margin-right: 0;
  }
}
@media screen and (max-width: 1241px) {
  .site > header aside.-authenticated {
    display: block;
  }
}
@media screen and (max-width: 1041px) {
  .site > header aside.-authenticated {
    height: 65px;
  }
}
.site > header aside .tutorial-trigger {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 2px solid #454545;
  display: block;
  float: right;
  height: 36px;
  margin-right: 16px;
  margin-top: 9px;
  text-align: center;
  width: 36px;
}
.site > header aside .tutorial-trigger.disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.theme-1 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #22b7f2;
  border-color: #22b7f2;
}
.theme-2 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #8240ca;
  border-color: #8240ca;
}
.theme-3 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #bd1118;
  border-color: #bd1118;
}
.theme-4 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #cc5302;
  border-color: #cc5302;
}
.theme-5 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #f43b5f;
  border-color: #f43b5f;
}
.theme-6 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #0cd2de;
  border-color: #0cd2de;
}
.theme-7 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #fba90b;
  border-color: #fba90b;
}
.theme-8 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #13a104;
  border-color: #13a104;
}
.theme-9 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #07696a;
  border-color: #07696a;
}
.theme-10 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #005a9d;
  border-color: #005a9d;
}
.theme-11 .site > header aside .tutorial-trigger:not(.disabled):hover {
  background-color: #8acb01;
  border-color: #8acb01;
}
.site > header aside .tutorial-trigger:not(.disabled):hover [class^=icon] {
  color: #fff;
}
.site > header aside .tutorial-trigger [class^=icon] {
  color: #888;
  display: block;
  font-size: 18px;
  margin-top: 6px;
}
@media screen and (max-width: 1024px) {
  .site > header aside .tutorial-trigger {
    display: none;
  }
}
.site > header aside .profile {
  cursor: pointer;
  display: block;
  float: right;
  font-family: "Manrope", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  background-color: #fbd20b;
  color: black !important;
  border-radius: 4px;
  margin-left: 8px;
  height: 41px;
}
.site > header aside .profile .profile-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  float: left;
  height: 32px;
  width: 32px;
  border-radius: 50% !important;
  margin-top: 5px;
  margin-left: 15px;
}
@media screen and (max-width: 1041px) {
  .site > header aside .profile .profile-image {
    margin-right: 15px;
  }
}
.site > header aside .profile label {
  -webkit-transition: color 0.6s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
  cursor: pointer;
  display: block;
  float: left;
  margin-top: 12.5px;
  padding-left: 10px;
  padding-right: 15px;
}
@media screen and (max-width: 2560px) {
  .site > header aside .profile label {
    max-width: 208px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1500px) {
  .site > header aside .profile label {
    max-width: 150px;
  }
}
@media screen and (max-width: 1440px) {
  .site > header aside .profile label {
    max-width: 128px;
  }
}
@media screen and (max-width: 1300px) {
  .site > header aside .profile label {
    max-width: 110px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header aside .profile label {
    display: none;
  }
}
.site > header aside [class^=button] {
  display: block;
  float: right;
}
@media screen and (max-width: 900px) {
  .site > header aside [class^=button] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.site > header aside [class^=button] + [class^=button] {
  margin-left: 0;
  margin-right: 8px;
}
.site > header .main-nav-link {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  text-transform: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 40px;
}
@media screen and (max-width: 1440px) {
  .site > header .main-nav-link {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0.5px;
  }
}
@media screen and (max-width: 1440px) {
  .site > header .main-nav-link {
    margin-left: 1.5px;
    margin-right: 1.5px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header .main-nav-link {
    font-size: 26px;
    font-size: 1.625rem;
    display: block;
    padding: 0 29px;
    font-weight: 900;
    width: 282px;
    text-align: center;
  }
  .site > header .main-nav-link:first-child {
    margin-top: 56px;
  }
  .site > header .main-nav-link:last-child {
    margin-bottom: 71px;
  }
  .site > header .main-nav-link > .mobile-glyph:after {
    font-size: 14px;
    font-size: 0.875rem;
    font-style: normal;
    font-family: "kdi-icons";
    content: "\e625";
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px) {
  .site > header .main-nav-link#classroom-link {
    display: none;
  }
}
.site > header .main-nav-link#scavenger-link .left-close {
  position: absolute;
  left: unset !important;
  right: unset !important;
  margin-left: -16px;
  margin-top: -3px;
  width: 48px !important;
  height: 36px !important;
}
.site > header .main-nav-link#scavenger-link .right-glass {
  position: absolute;
  margin-right: 2px;
  margin-top: 5px;
  right: 0;
  width: 62px !important;
  height: 35px !important;
  left: unset;
}
.site > header .main-nav-link#scavenger-link .svgimage {
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute !important;
  padding: 0 !important;
}
@media screen and (max-width: 1041px) {
  .site > header .main-nav-link#scavenger-link .svgimage {
    display: none !important;
  }
}
.site > header .main-nav-link#scavenger-link.active .svgimage, .site > header .main-nav-link#scavenger-link:hover .svgimage {
  opacity: 1;
}
.site > header .main-nav-link#discover-link .left {
  margin-left: -12px !important;
  height: 36px !important;
  width: 13px !important;
  left: unset !important;
  right: unset !important;
}
.site > header .main-nav-link#discover-link .right {
  right: 0 !important;
  left: unset !important;
  margin-right: 3px !important;
  height: 31px !important;
  width: 24px !important;
}
.site > header .main-nav-link#discover-link .svgimage {
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute !important;
  padding: 0 !important;
}
@media screen and (max-width: 1041px) {
  .site > header .main-nav-link#discover-link .svgimage {
    display: none !important;
  }
}
.site > header .main-nav-link#discover-link.active .svgimage, .site > header .main-nav-link#discover-link:hover .svgimage {
  opacity: 1;
}
.site > header .main-nav-link.active {
  background-color: #FEF1AE;
}
.site > header .main-nav-link:hover {
  background-color: #FEF1AE;
}
.site > header .main-nav-link.mobile_about:hover {
  background-color: none;
}
.site > header .main-nav-link span {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.theme-1 .site > header .main-nav-link span {
  background-color: #22b7f2;
}
.theme-2 .site > header .main-nav-link span {
  background-color: #8240ca;
}
.theme-3 .site > header .main-nav-link span {
  background-color: #bd1118;
}
.theme-4 .site > header .main-nav-link span {
  background-color: #cc5302;
}
.theme-5 .site > header .main-nav-link span {
  background-color: #f43b5f;
}
.theme-6 .site > header .main-nav-link span {
  background-color: #0cd2de;
}
.theme-7 .site > header .main-nav-link span {
  background-color: #fba90b;
}
.theme-8 .site > header .main-nav-link span {
  background-color: #13a104;
}
.theme-9 .site > header .main-nav-link span {
  background-color: #07696a;
}
.theme-10 .site > header .main-nav-link span {
  background-color: #005a9d;
}
.theme-11 .site > header .main-nav-link span {
  background-color: #8acb01;
}
.site > header .main-nav-link span {
  height: 3px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 0;
}
@media screen and (max-width: 768px) {
  .site > header .main-nav-link span {
    display: none;
  }
}
.site > header .main-nav-link > [class^=icon] {
  font-size: 14px;
  padding-left: 5px;
  padding-top: 1px;
}
.site > header .main-nav-red {
  background-color: red; /* Green */
  border-radius: 5px;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.site > header .main-nav .mobile-menu-item {
  display: none;
}
@media screen and (max-width: 768px) {
  .site > header .main-nav .mobile-menu-item {
    display: block;
  }
}
.site > header .main-nav .mobile-menu-item .dropdown-menu--dark.header-dropdown-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #111;
  display: block;
  min-height: 600px;
  position: relative;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .site > header .main-nav .mobile-menu-item .dropdown-menu--dark.header-dropdown-menu {
    min-height: unset;
  }
}
.site > header .main-nav .mobile-menu-item .dropdown-menu--dark.header-dropdown-menu:before, .site > header .main-nav .mobile-menu-item .dropdown-menu--dark.header-dropdown-menu:after {
  content: none;
}
.site > header .main-nav .mobile-menu-item .dropdown-menu--dark.header-dropdown-menu .dropdown-menu-body,
.site > header .main-nav .mobile-menu-item .dropdown-menu--dark.header-dropdown-menu .dropdown-menu-footer {
  padding-left: 25px;
}
.site > header.empty {
  background: none;
}
.site > header.stripped-header {
  height: 48px;
}
.theme-1 .site > header.stripped-header {
  background-color: rgb(226.6666666667, 245.7692307692, 253.3333333333);
}
.theme-2 .site > header.stripped-header {
  background-color: rgb(234.5081967213, 223.6885245902, 246.3114754098);
}
.theme-3 .site > header.stripped-header {
  background-color: rgb(246.7475728155, 163.2524271845, 166.6504854369);
}
.theme-4 .site > header.stripped-header {
  background-color: rgb(254.0291262136, 195.2912621359, 155.9708737864);
}
.theme-5 .site > header.stripped-header {
  background-color: rgb(254.8405797101, 252.1594202899, 252.6811594203);
}
.theme-6 .site > header.stripped-header {
  background-color: rgb(186.6923076923, 247.6153846154, 251.3076923077);
}
.theme-7 .site > header.stripped-header {
  background-color: rgb(254.2903225806, 239.7419354839, 211.7096774194);
}
.theme-8 .site > header.stripped-header {
  background-color: rgb(130.2363636364, 251.5818181818, 117.4181818182);
}
.theme-9 .site > header.stripped-header {
  background-color: rgb(73.9557522124, 241.3362831858, 243.0442477876);
}
.theme-10 .site > header.stripped-header {
  background-color: rgb(106, 191.4140127389, 255);
}
.theme-11 .site > header.stripped-header {
  background-color: rgb(222, 254.5, 153.5);
}
.site > header.stripped-header.-gradebook {
  background-color: #eee;
}
.site > header.stripped-header.-gradebook .header-container p {
  color: #888 !important;
}
.site > header.stripped-header.-gradebook .header-container p i {
  margin-right: 26px;
}
.site > header.stripped-header.-gradebook .header-container .save-and-close {
  background-color: #bbb !important;
}
.site > header.stripped-header.-grade {
  background-color: rgb(232.0794979079, 243.3661087866, 225.1338912134);
}
.site > header.stripped-header.-grade .header-container p {
  color: #6bac43 !important;
}
.site > header.stripped-header.-grade .header-container p i {
  margin-right: 26px;
}
.site > header.stripped-header.-grade .header-container .save-and-close {
  background-color: rgb(133.4937238494, 193.3263598326, 96.6736401674) !important;
}
.site > header.stripped-header.-preview {
  background-color: #fef6ce;
}
.site > header.stripped-header.-preview .header-container p {
  color: #888 !important;
}
.site > header.stripped-header.-preview .header-container p i {
  margin-right: 26px;
}
.site > header.stripped-header.-preview .header-container .save-and-close {
  background-color: #fdefa7 !important;
}
.site > header.stripped-header .header-container p {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 174px;
}
.theme-1 .site > header.stripped-header .header-container p {
  color: #22b7f2;
}
.theme-2 .site > header.stripped-header .header-container p {
  color: #8240ca;
}
.theme-3 .site > header.stripped-header .header-container p {
  color: #bd1118;
}
.theme-4 .site > header.stripped-header .header-container p {
  color: #cc5302;
}
.theme-5 .site > header.stripped-header .header-container p {
  color: #f43b5f;
}
.theme-6 .site > header.stripped-header .header-container p {
  color: #0cd2de;
}
.theme-7 .site > header.stripped-header .header-container p {
  color: #fba90b;
}
.theme-8 .site > header.stripped-header .header-container p {
  color: #13a104;
}
.theme-9 .site > header.stripped-header .header-container p {
  color: #07696a;
}
.theme-10 .site > header.stripped-header .header-container p {
  color: #005a9d;
}
.theme-11 .site > header.stripped-header .header-container p {
  color: #8acb01;
}
@media screen and (max-width: 768px) {
  .site > header.stripped-header .header-container p {
    display: none;
  }
}
.site > header.stripped-header .header-container p,
.site > header.stripped-header .header-container a {
  line-height: 48px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}
.site > header.stripped-header .header-container .save-and-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 50px;
  color: black;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.theme-1 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(178.5, 230.0769230769, 250.5);
}
.theme-2 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(208.381147541, 183.7663934426, 235.2336065574);
}
.theme-3 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(242.5388349515, 116.4611650485, 121.5922330097);
}
.theme-4 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(253.5339805825, 164.8398058252, 105.4660194175);
}
.theme-5 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(252.1304347826, 203.8695652174, 213.2608695652);
}
.theme-6 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(138.3076923077, 242.3846153846, 248.6923076923);
}
.theme-7 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(253.4677419355, 222.0564516129, 161.5322580645);
}
.theme-8 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(85.1090909091, 250.3454545455, 67.6545454545);
}
.theme-9 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(26.1150442478, 237.7256637168, 239.8849557522);
}
.theme-10 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(55, 169.6496815287, 255);
}
.theme-11 .site > header.stripped-header .header-container .save-and-close {
  background-color: rgb(205.5, 254.25, 102.75);
}
@media screen and (max-width: 768px) {
  .site > header.stripped-header .header-container .save-and-close {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .theme-1 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(226.6666666667, 245.7692307692, 253.3333333333);
  }
  .theme-2 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(234.5081967213, 223.6885245902, 246.3114754098);
  }
  .theme-3 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(246.7475728155, 163.2524271845, 166.6504854369);
  }
  .theme-4 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(254.0291262136, 195.2912621359, 155.9708737864);
  }
  .theme-5 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(254.8405797101, 252.1594202899, 252.6811594203);
  }
  .theme-6 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(186.6923076923, 247.6153846154, 251.3076923077);
  }
  .theme-7 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(254.2903225806, 239.7419354839, 211.7096774194);
  }
  .theme-8 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(130.2363636364, 251.5818181818, 117.4181818182);
  }
  .theme-9 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(73.9557522124, 241.3362831858, 243.0442477876);
  }
  .theme-10 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(106, 191.4140127389, 255);
  }
  .theme-11 .site > header.stripped-header .header-container .save-and-close {
    background-color: rgb(222, 254.5, 153.5);
  }
  .site > header.stripped-header .header-container .save-and-close {
    padding: 0 20px;
  }
}
.site > header.stripped-header .header-container .save-and-close i {
  margin-left: 26px;
}
.site > header.unauthenticated .login-trigger {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "Manrope", sans-serif;
  text-transform: none !important;
  background-color: #FBD20B;
  color: black;
  display: none;
  float: right;
  font-weight: 900;
  letter-spacing: 1.6px;
  margin-top: 9px;
  margin-right: 16px;
  padding: 10px 21px 11px 22px;
}
@media screen and (max-width: 1041px) {
  .site > header.unauthenticated .login-trigger {
    margin-top: 9px;
  }
}
@media screen and (max-width: 1114px) {
  .site > header.unauthenticated nav {
    margin-left: 0;
  }
}
.site > header.unauthenticated .main-nav-link {
  height: 40px;
  font-weight: 600;
}
@media screen and (max-width: 1082px) {
  .site > header.unauthenticated .main-nav-link {
    margin-left: 5px;
    margin-right: 5px;
    max-width: 282px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 1041px) {
  .site > header.unauthenticated .main-nav-link {
    width: 282px;
  }
}
@media screen and (max-width: 768px) {
  .site > header.unauthenticated .main-nav-link {
    margin-left: 0;
    margin-right: 0;
  }
}
.site > header.unauthenticated .main-nav-link#learn-more-link {
  line-height: 18px;
  line-height: 1.125rem;
  margin-left: 20px;
  margin-right: 0;
  padding-top: 10px;
  position: relative;
}
@media screen and (max-width: 1082px) {
  .site > header.unauthenticated .main-nav-link#learn-more-link {
    margin-left: 5px;
  }
}
@media screen and (max-width: 1271px) {
  .site > header.unauthenticated .main-nav-link#learn-more-link {
    max-width: 200px;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .site > header.unauthenticated .main-nav-link#learn-more-link {
    line-height: 24px;
    margin-left: 0;
    padding-top: 10px;
    max-width: none;
  }
}
@media screen and (max-width: 940px) {
  .site > header.unauthenticated .main-nav-link#learn-more-link i[class^=icon] {
    position: absolute;
    right: 6px;
    top: 12px;
  }
}
.site > header.unauthenticated aside [class^=button]:first-child {
  margin-right: 0;
}
.site > header.unauthenticated [class^=button-tertiary] {
  background-color: #fff;
}
.site > header.unauthenticated [class^=button-tertiary]:hover {
  background-color: #f4f4f4;
}
.site > header.how-it-works {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-bottom: #f2f2f2 solid 3px;
  position: fixed;
}
.site > header.register {
  background-color: rgba(244, 244, 244, 0.93);
}
.site > header.register nav {
  margin-left: 184px;
  margin-top: 34px;
}
.site > header.register nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site > header.register nav ul .step {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #bbb;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  height: 60px;
  text-transform: uppercase;
  width: 220px;
}
.site > header.register nav ul .step [class^=icon-] {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bbb;
  color: #fff;
  display: block;
  float: left;
  height: 35px;
  margin-right: 18px;
  padding-left: 10px;
  padding-top: 10px;
  width: 35px;
}
.site > header.register nav ul .step div {
  float: left;
  height: 100%;
  padding-right: 8px;
}
.site > header.register nav ul .step div span {
  display: block;
  float: left;
  padding-top: 8px;
}
.theme-1 .site > header.register nav ul .step.active {
  color: #22b7f2;
}
.theme-2 .site > header.register nav ul .step.active {
  color: #8240ca;
}
.theme-3 .site > header.register nav ul .step.active {
  color: #bd1118;
}
.theme-4 .site > header.register nav ul .step.active {
  color: #cc5302;
}
.theme-5 .site > header.register nav ul .step.active {
  color: #f43b5f;
}
.theme-6 .site > header.register nav ul .step.active {
  color: #0cd2de;
}
.theme-7 .site > header.register nav ul .step.active {
  color: #fba90b;
}
.theme-8 .site > header.register nav ul .step.active {
  color: #13a104;
}
.theme-9 .site > header.register nav ul .step.active {
  color: #07696a;
}
.theme-10 .site > header.register nav ul .step.active {
  color: #005a9d;
}
.theme-11 .site > header.register nav ul .step.active {
  color: #8acb01;
}
.theme-1 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #22b7f2;
}
.theme-2 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #8240ca;
}
.theme-3 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #bd1118;
}
.theme-4 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #cc5302;
}
.theme-5 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #f43b5f;
}
.theme-6 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #0cd2de;
}
.theme-7 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #fba90b;
}
.theme-8 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #13a104;
}
.theme-9 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #07696a;
}
.theme-10 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #005a9d;
}
.theme-11 .site > header.register nav ul .step.active [class^=icon-] {
  background-color: #8acb01;
}
.theme-1 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #22b7f2;
}
.theme-2 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #8240ca;
}
.theme-3 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #bd1118;
}
.theme-4 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #cc5302;
}
.theme-5 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #f43b5f;
}
.theme-6 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #0cd2de;
}
.theme-7 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #fba90b;
}
.theme-8 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #13a104;
}
.theme-9 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #07696a;
}
.theme-10 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #005a9d;
}
.theme-11 .site > header.register nav ul .step.active div {
  border-bottom: 3px solid #8acb01;
}
.site > header.register nav ul .step.complete {
  color: #6bac43;
}
.site > header.register nav ul .step.complete [class^=icon-] {
  background-color: #6bac43;
}
.site > header.register aside {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  width: 120px;
}
.site > header.register aside a {
  font-family: "myriad-pro", sans-serif;
}

.dropdown-menu--dark:after {
  display: none !important;
}

.dropdown-menu--dark:before {
  display: none !important;
}

.classroom-header-text {
  margin-left: 20px;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
}

.dropdown-menu-body-profile {
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  width: 219px;
}
.dropdown-menu-body-profile .dropdown-link {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px !important;
  padding-bottom: 8px;
  border-radius: 4px;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}

.header-dropdown-menu .divider {
  margin-left: -8px;
  margin-right: -8px;
  border-bottom: 0.5px solid #BEBEBE !important;
  margin-bottom: 8px;
}
.header-dropdown-menu .dropdown-menu-footer {
  border-color: white !important;
  padding: 8px !important;
  padding-top: 0px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header-dropdown-menu .dropdown-menu-footer:not(:last-child) {
  border-bottom: 0.5px solid #BEBEBE !important;
  padding-top: 8px !important;
}
.header-dropdown-menu .dropdown-menu-footer:last-child:not(.no-top-padding) {
  padding-top: 8px !important;
}
.header-dropdown-menu {
  width: max-content;
  min-width: unset !important;
  z-index: 200;
  background-color: white !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  margin-top: 59px !important;
}
.header-dropdown-menu .dropdown-menu-body > .dropdown-link {
  color: black;
}
.theme-1 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-2 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-3 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-4 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-5 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-6 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-7 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-8 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-9 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-10 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.theme-11 .header-dropdown-menu .dropdown-menu-body > .dropdown-link:hover {
  background-color: #FEF1AE;
}
.header-dropdown-menu .dropdown-menu-footer > .dropdown-link {
  width: 100%;
  white-space: nowrap;
  font-family: "Manrope", sans-serif;
  color: black !important;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  font-size: 14px;
  font-size: 0.875rem;
}
.header-dropdown-menu .dropdown-menu-footer > .dropdown-link [class^=icon] {
  padding-top: 2px;
  color: black;
}
.header-dropdown-menu .dropdown-menu-footer > .dropdown-link [class^=icon]:hover {
  color: black !important;
}
.header-dropdown-menu .dropdown-menu-footer > .dropdown-link [class^=button] {
  float: none;
  width: 60%;
}
.theme-1 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-2 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-3 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-4 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-5 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-6 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-7 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-8 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-9 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-10 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-11 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover {
  border-radius: 4px;
  background-color: #FEF1AE;
}
.theme-1 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-2 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-3 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-4 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-5 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-6 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-7 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-8 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-9 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-10 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}
.theme-11 .header-dropdown-menu .dropdown-menu-footer > .dropdown-link:hover [class^=icon] {
  color: black !important;
}

.header__impersonation-bar {
  background: red;
  width: 100%;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 101;
  padding: 1rem;
}

.header__impersonation-bar-note {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
}

@media screen and (min-width: 721px) {
  .header__impersonation-bar-button {
    position: absolute;
    right: 1rem;
    top: 0.7rem;
  }
}
@media screen and (max-width: 720px) {
  .header__impersonation-bar-button {
    text-align: center;
    margin-top: 1rem;
  }
}

.header__upgrade-button--authenticated {
  margin-right: 20px;
  margin-top: 0 !important;
}
@media screen and (max-width: 1114px) {
  .header__upgrade-button--authenticated {
    padding: 16px 10px !important;
  }
}
@media screen and (max-width: 1060px) {
  .header__upgrade-button--authenticated {
    display: none !important;
  }
}

.header__button {
  width: auto !important;
  height: auto !important;
  font-size: 1rem !important;
  margin: auto !important;
  padding: 15px 20px !important;
  float: none !important;
  min-width: 200px;
  display: inline-block !important;
  margin-right: 20px !important;
}
@media screen and (max-width: 900px) {
  .header__button {
    min-width: 100px;
  }
}

.header-dropdown-menu__button {
  margin-top: 0 !important;
  float: none !important;
  display: inline-block !important;
}

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

.header__trial-time-remaining {
  width: 100%;
  background: #fff6d5;
  text-align: center;
  padding: 10px 0;
  font-size: 1rem;
  font-family: "ff-meta-serif-web-pro", serif;
}

.header__trial-time-remaining-count {
  font-weight: bold;
}

.header__trial-time-remaining-link {
  font-size: 1rem !important;
}

.header__zoom-buttons {
  display: inline-block;
  margin-right: 20px;
}

.adjust-to-right {
  left: -50px !important;
  margin-top: 59px !important;
}
@media screen and (max-width: 1041px) {
  .adjust-to-right {
    left: -80px !important;
    margin-top: 52px !important;
  }
}

.reviews-page {
  padding: 35px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.reviews-page .page-content {
  padding-bottom: 25px;
}
.reviews-page .button-container {
  display: flex;
  justify-content: center;
  padding: 35px;
  margin-top: 0px;
}
.reviews-page .description-reviews {
  font-size: 31px;
}
@media screen and (max-width: 768px) {
  .reviews-page .description-reviews {
    font-size: 26px;
  }
}
@media screen and (max-width: mobile) {
  .reviews-page .description-reviews {
    font-size: 18px;
  }
}

.modal-dark {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.content-home-modal {
  width: auto !important;
  max-width: 1100px !important;
  padding-bottom: 75px;
}
.content-home-modal .modal-dialog-header {
  padding-top: 15px !important;
}
.content-home-modal .modal-dialog-header .title-modal-type {
  margin-top: 18px;
}
.content-home-modal .modal-dialog-header .close-modal-button {
  position: absolute;
  background-color: #888;
  color: white;
  top: 0;
  right: 0;
  padding: 30px;
  font-size: 30px;
}
.content-home-modal .home-content {
  margin-top: 30px;
}
.content-home-modal .home-content .content-items {
  margin: 0 auto;
}
.content-home-modal .content-item-video .content-item-video-image {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .content-home-modal .content-item-video .content-item-video-body {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .content-home-modal .content-item-video .content-item-video-label,
  .content-home-modal .content-item-video .video-header-categor-name {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .content-home-modal .content-item-video .content-item-video-title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin-bottom: 4px;
  }
}
.content-home-modal .button-tertiary {
  background-color: #fbd20b;
  color: #222 !important;
}

.footer-home-page {
  position: relative !important;
  margin-top: 60px;
  display: none;
}

.home-page-not-authenticated-intro {
  margin-bottom: 0px !important;
}

.home-content .wrapper {
  overflow: hidden;
  width: 100%;
}
.home-content .wrapper .owl-stage-outer {
  overflow: visible !important;
}
.home-content .wrapper .content-item {
  margin-bottom: 0px !important;
}
.home-content .wrapper .content-item-more-true {
  width: 180px !important;
  background-color: #f4f4f4 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  padding-left: 15px;
  padding-right: 15px;
}
.home-content .wrapper .card-view-all {
  color: #adadad;
  text-align: center;
  pointer-events: all !important;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  background-color: red;
  display: flex;
  background-color: white;
  justify-content: center;
  flex-direction: column;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
}
.home-content .wrapper .card-view-all h3 {
  font-size: max(1.45vw, 1.9rem);
  line-height: 130%;
  color: #757575;
}
.home-content .wrapper .card-view-all p {
  color: #9a9a99;
  text-align: center;
  font-size: 2.75rem;
  font-family: "myriad-pro", sans-serif;
}
.home-content .wrapper .videoheader {
  background-attachment: unset;
  width: 75vw;
  height: clamp(360px, 45vmax, 500px);
}
@media screen and (max-width: 1400px) {
  .home-content .wrapper .videoheader {
    height: clamp(360px, 50vmax, 460px);
  }
}
@media screen and (max-width: 1100px) {
  .home-content .wrapper .videoheader {
    height: clamp(360px, 50vmax, 460px);
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader {
    height: clamp(360px, 45vmax, 460px);
  }
}
.home-content .wrapper .videoheader-title-section {
  bottom: 35px;
  color: #fff;
  float: left;
  margin-top: 361px;
  position: absolute;
  width: 85%;
}
.home-content .wrapper .videoheader-title-section h1 {
  color: #fff;
  font-size: 64px;
  font-size: 4rem;
  line-height: 66px;
  line-height: 4.125rem;
  font-family: "superclarendon", serif;
  letter-spacing: 0.9px;
}
@media screen and (max-width: 1100px) {
  .home-content .wrapper .videoheader-title-section h1 {
    font-size: 54px;
    font-size: 3.375rem;
    line-height: 56px;
    line-height: 3.5rem;
  }
}
@media screen and (max-width: 940px) {
  .home-content .wrapper .videoheader-title-section h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
.home-content .wrapper .videoheader-title-section h4 {
  color: #fff;
}
.home-content .wrapper .videoheader-title-section h4 {
  margin-top: 12px;
}
.home-content .wrapper .videoheader-title-description {
  padding-bottom: 3%;
}
.home-content .wrapper .videoheader-title-description p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 480px) {
  .home-content .wrapper .videoheader-title-description p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-title-description p {
    display: none;
  }
}
.home-content .wrapper .videoheader-title-section {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .home-content .wrapper .videoheader-title-section {
    width: 85%;
  }
}
@media screen and (max-width: 1000px) {
  .home-content .wrapper .videoheader-title-section {
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .videoheader-title-section {
    width: 85%;
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-title-section {
    width: 85%;
  }
}
.home-content .wrapper .videoheader-title-description p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1100px) {
  .home-content .wrapper .videoheader-title-description p {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
@media screen and (max-width: 940px) {
  .home-content .wrapper .videoheader-title-description p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .videoheader-title-description p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-title-description p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
.home-content .wrapper .videoheader-wrapper {
  max-width: 860px;
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-wrapper {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.home-content .wrapper .videoheader-toolbar {
  display: flex;
  width: auto !important;
}
@media screen and (max-width: 940px) {
  .home-content .wrapper .videoheader-toolbar button,
  .home-content .wrapper .videoheader-toolbar .button {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-toolbar button,
  .home-content .wrapper .videoheader-toolbar .button {
    padding: 11px;
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-toolbar a {
    padding: 11px;
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .videoheader-toolbar {
    margin-top: 23px;
  }
}
.home-content .wrapper .arrow-button {
  pointer-events: auto;
  border-radius: 50%;
  height: 65px;
  width: 65px;
  display: flex;
  background-color: rgba(34, 34, 34, 0.3);
}
.home-content .wrapper .arrow-button:hover {
  background-color: rgba(34, 34, 34, 0.9);
}
.home-content .wrapper .arrow-button-new {
  margin-top: 20px;
  pointer-events: auto;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  display: flex;
  background-color: rgba(34, 34, 34, 0.3);
}
.home-content .wrapper .arrow-button-new .fa-angle-left {
  margin-left: 10px;
}
.home-content .wrapper .arrow-button-new .fa-angle-right {
  margin-right: 10px;
}
.home-content .wrapper .arrow-button-new:hover {
  background-color: rgba(34, 34, 34, 0.9) !important;
}
.home-content .wrapper .arrow-button-new i {
  font-size: 2rem !important;
}
.home-content .wrapper .section-arrow {
  display: flex;
}
.home-content .wrapper .section-arrow-content {
  display: flex;
}
.home-content .wrapper .section-arrow-content-new {
  flex-direction: column;
  margin-left: 50px;
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .section-arrow-content-new {
    margin-left: 20px;
  }
}
.home-content .wrapper .section-header {
  display: flex;
}
.home-content .wrapper .arrow-next {
  right: 0px;
}
.home-content .wrapper .arrow-prev {
  left: 0px;
}
.home-content .wrapper .arrow-content {
  z-index: unset !important;
  position: unset !important;
  height: unset !important;
  width: 50px !important;
  cursor: pointer;
}
.home-content .wrapper .view-all-button {
  font-weight: 700;
  margin-top: 20px;
  margin-right: 50px;
  right: 0;
  position: absolute;
  align-self: center;
  color: #767676;
  cursor: pointer;
  display: flex;
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .view-all-button {
    margin-right: 15px;
  }
}
.home-content .wrapper .view-all-button .icon {
  width: 20px;
  height: 20px;
  color: white;
  justify-content: center;
  background-color: #767676;
  align-content: center;
  display: grid;
  border-radius: 50px;
  margin-left: 5px;
}
.home-content .wrapper .view-all-button:hover {
  color: black;
}
.home-content .wrapper .view-all-button:hover .icon {
  background-color: black;
}
.home-content .wrapper .arrow {
  pointer-events: none;
  width: 100px;
  position: absolute;
  z-index: 10;
  opacity: 1;
  align-content: center;
  justify-content: center;
  display: inline-grid;
}
.home-content .wrapper .arrow i {
  font-size: 4rem;
  color: white;
  margin: auto;
}
.home-content .wrapper .arrow-first-section {
  height: clamp(360px, 45vmax, 500px);
}
.home-content .wrapper .arrow-first-section:hover {
  opacity: 1 !important;
}
@media screen and (max-width: 1400px) {
  .home-content .wrapper .arrow-first-section {
    height: clamp(360px, 50vmax, 460px);
  }
}
@media screen and (max-width: 1100px) {
  .home-content .wrapper .arrow-first-section {
    height: clamp(360px, 50vmax, 460px);
  }
}
@media screen and (max-width: 600px) {
  .home-content .wrapper .arrow-first-section {
    height: clamp(360px, 45vmax, 460px);
  }
}
.home-content .wrapper .carousel-categories {
  display: none;
}
@media screen and (max-width: 1710px) {
  .home-content .wrapper .carousel-categories {
    display: flex;
  }
}
.home-content .wrapper .arrow-categories {
  display: none;
  height: 110px;
}
.home-content .wrapper .arrow-categories:hover {
  opacity: 1 !important;
}
@media screen and (max-width: 1710px) {
  .home-content .wrapper .arrow-categories {
    display: grid;
  }
}
.home-content .wrapper .arrow-unit {
  height: clamp(445px, 45vh, 560px);
}
.home-content .wrapper .arrow-unit:hover {
  opacity: 1 !important;
}
.home-content .wrapper .arrow-video {
  height: clamp(180px, 25vh, 240px);
}
.home-content .wrapper .arrow-video:hover {
  opacity: 1 !important;
}
.home-content .wrapper .arrow-topic {
  height: clamp(340px, 45vh, 460px);
}
.home-content .wrapper .arrow-topic:hover {
  opacity: 1 !important;
}
.home-content .wrapper .arrow-infographic {
  height: clamp(200px, 25vh, 240px);
}
.home-content .wrapper .arrow-infographic:hover {
  opacity: 1 !important;
}
.home-content .wrapper .arrow-resource {
  height: clamp(200px, 25vh, 240px);
}
.home-content .wrapper .arrow-resource:hover {
  opacity: 1 !important;
}
.home-content .wrapper .content-item {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  background-color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.home-content .wrapper .content-item:hover, .home-content .wrapper .content-item:focus-within {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(34, 34, 34, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(34, 34, 34, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(34, 34, 34, 0.15);
}
.home-content .wrapper .content-item:hover .content-item-topic-image-overlay, .home-content .wrapper .content-item:focus-within .content-item-topic-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}
.home-content .wrapper .content-item:hover .content-item-unit-overlay, .home-content .wrapper .content-item:focus-within .content-item-unit-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.home-content .wrapper .content-item:hover .content-item-resource-image-overlay, .home-content .wrapper .content-item:focus-within .content-item-resource-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}
.home-content .wrapper .content-item:hover .content-item-video-image-overlay, .home-content .wrapper .content-item:focus-within .content-item-video-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}
.home-content .wrapper .content-item:hover .content-item-add, .home-content .wrapper .content-item:focus-within .content-item-add {
  opacity: 1;
}
.home-content .wrapper .content-item.content-item-unit:hover .content-item-add {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item.content-item-unit:hover .content-item-add {
    opacity: 1;
  }
}
.home-content .wrapper .content-item.content-item-unit:hover .content-item-add.added {
  opacity: 1;
}
.home-content .wrapper .content-item:nth-child(3n) {
  margin-right: 0 !important;
}
.home-content .wrapper .content-item-link {
  display: block;
}
.home-content .wrapper .content-item-offer {
  background-size: cover;
  background-repeat: no-repeat;
  height: 460px;
  width: 255px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-offer {
    width: 290px;
  }
}
.home-content .wrapper .content-item-offer .content-item-offer-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-top: 10px;
}
.home-content .wrapper .content-item-offer .content-item-offer-text p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
}
.home-content .wrapper .content-item-offer .content-item-body {
  padding: 36px 30px 0 30px;
}
.home-content .wrapper .content-item-offer .content-item-body [class*=button] {
  margin-top: 20px;
}
.home-content .wrapper .content-item-offer .content-item-body h3 {
  color: #fff;
}
.home-content .wrapper .content-item-resource {
  height: auto;
  display: -webkit-box;
  width: clamp(330px, 30vw, 440px);
}
.home-content .wrapper .content-item-resource-image {
  background-size: cover;
  float: left;
  height: 100%;
  position: relative;
  width: 127px;
}
.home-content .wrapper .content-item-resource-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .wrapper .content-item-resource-details {
  width: 60%;
  float: none;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-resource-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .wrapper .content-item-resource-body {
  padding: 30px 31px 0 31px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-resource-body {
    height: 100%;
    padding: 30px 15px 0 15px;
  }
}
.home-content .wrapper .content-item-resource-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
}
.home-content .wrapper .content-item-resource-actions a {
  float: left;
  position: relative;
  width: 100%;
}
.home-content .wrapper .content-item-resource-actions a.home-feed__infographic-link {
  color: #757575 !important;
}
@media screen and (min-width: 769px) {
  .home-content .wrapper .content-item-resource-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-resource-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .wrapper .content-item-resource.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .wrapper .content-item-resource.theme-1:hover .content-item-body-textinfo {
  background-color: #22b7f2;
  color: #000000;
}
.home-content .wrapper .content-item-resource.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .wrapper .content-item-resource.theme-2:hover .content-item-body-textinfo {
  background-color: #8240ca;
  color: #ffffff;
}
.home-content .wrapper .content-item-resource.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .wrapper .content-item-resource.theme-3:hover .content-item-body-textinfo {
  background-color: #bd1118;
  color: #ffffff;
}
.home-content .wrapper .content-item-resource.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .wrapper .content-item-resource.theme-4:hover .content-item-body-textinfo {
  background-color: #cc5302;
  color: #000000;
}
.home-content .wrapper .content-item-resource.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .wrapper .content-item-resource.theme-5:hover .content-item-body-textinfo {
  background-color: #f43b5f;
  color: #000000;
}
.home-content .wrapper .content-item-resource.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .wrapper .content-item-resource.theme-6:hover .content-item-body-textinfo {
  background-color: #0cd2de;
  color: #000000;
}
.home-content .wrapper .content-item-resource.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .wrapper .content-item-resource.theme-7:hover .content-item-body-textinfo {
  background-color: #fba90b;
  color: #000000;
}
.home-content .wrapper .content-item-resource.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .wrapper .content-item-resource.theme-8:hover .content-item-body-textinfo {
  background-color: #13a104;
  color: #000000;
}
.home-content .wrapper .content-item-resource.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .wrapper .content-item-resource.theme-9:hover .content-item-body-textinfo {
  background-color: #07696a;
  color: #ffffff;
}
.home-content .wrapper .content-item-resource.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .wrapper .content-item-resource.theme-10:hover .content-item-body-textinfo {
  background-color: #005a9d;
  color: #ffffff;
}
.home-content .wrapper .content-item-resource.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .wrapper .content-item-resource.theme-11:hover .content-item-body-textinfo {
  background-color: #8acb01;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource {
  display: -webkit-box;
  width: clamp(330px, 30vw, 440px);
  height: auto;
}
.home-content .wrapper .content-item-new-resource-image {
  background-size: cover;
  float: left;
  height: 100%;
  position: relative;
  width: 127px;
}
.home-content .wrapper .content-item-new-resource-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .wrapper .content-item-new-resource-details {
  width: 60%;
  float: none;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-new-resource-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .wrapper .content-item-new-resource-body {
  padding: 30px 31px 0 31px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-new-resource-body {
    height: 100%;
    padding: 30px 15px 0 15px;
  }
}
.home-content .wrapper .content-item-new-resource-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
}
.home-content .wrapper .content-item-new-resource-actions a {
  float: left;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-content .wrapper .content-item-new-resource-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-new-resource-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .wrapper .content-item-new-resource.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .wrapper .content-item-new-resource.theme-1:hover .content-item-body-textinfo {
  background-color: #22b7f2;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .wrapper .content-item-new-resource.theme-2:hover .content-item-body-textinfo {
  background-color: #8240ca;
  color: #ffffff;
}
.home-content .wrapper .content-item-new-resource.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .wrapper .content-item-new-resource.theme-3:hover .content-item-body-textinfo {
  background-color: #bd1118;
  color: #ffffff;
}
.home-content .wrapper .content-item-new-resource.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .wrapper .content-item-new-resource.theme-4:hover .content-item-body-textinfo {
  background-color: #cc5302;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .wrapper .content-item-new-resource.theme-5:hover .content-item-body-textinfo {
  background-color: #f43b5f;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .wrapper .content-item-new-resource.theme-6:hover .content-item-body-textinfo {
  background-color: #0cd2de;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .wrapper .content-item-new-resource.theme-7:hover .content-item-body-textinfo {
  background-color: #fba90b;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .wrapper .content-item-new-resource.theme-8:hover .content-item-body-textinfo {
  background-color: #13a104;
  color: #000000;
}
.home-content .wrapper .content-item-new-resource.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .wrapper .content-item-new-resource.theme-9:hover .content-item-body-textinfo {
  background-color: #07696a;
  color: #ffffff;
}
.home-content .wrapper .content-item-new-resource.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .wrapper .content-item-new-resource.theme-10:hover .content-item-body-textinfo {
  background-color: #005a9d;
  color: #ffffff;
}
.home-content .wrapper .content-item-new-resource.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .wrapper .content-item-new-resource.theme-11:hover .content-item-body-textinfo {
  background-color: #8acb01;
  color: #000000;
}
.home-content .wrapper .content-item-newvideo {
  height: 320px;
  width: 825px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-newvideo {
    width: 325px;
    height: 160px;
  }
}
.home-content .wrapper .content-item-newvideo-image {
  background-size: cover;
  float: left;
  height: 320px;
  position: relative;
  width: 100%;
}
.home-content .wrapper .content-item-newvideo-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .wrapper .content-item-newvideo-details {
  float: left;
  width: 393px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-newvideo-details {
    width: 150px;
  }
}
.home-content .wrapper .content-item-newvideo-label {
  color: #fff;
  z-index: 2;
}
.home-content .wrapper .content-item-newvideo-title {
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-newvideo-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .wrapper .content-item-newvideo-body {
  padding: 0 31px 10px 31px;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-newvideo-body {
    padding: 0 15px 0 15px;
  }
}
.home-content .wrapper .content-item-newvideo-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.home-content .wrapper .content-item-newvideo-actions a {
  float: right;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-content .wrapper .content-item-newvideo-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-newvideo-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .wrapper .content-item-newvideo.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .wrapper .content-item-newvideo.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .wrapper .content-item-newvideo.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .wrapper .content-item-newvideo.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .wrapper .content-item-newvideo.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .wrapper .content-item-newvideo.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .wrapper .content-item-newvideo.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .wrapper .content-item-newvideo.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .wrapper .content-item-newvideo.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .wrapper .content-item-newvideo.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .wrapper .content-item-newvideo.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .wrapper .content-item-video {
  width: clamp(330px, 30vw, 440px);
  height: auto;
}
.home-content .wrapper .content-item-video-image {
  background-size: cover;
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
}
.home-content .wrapper .content-item-video-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .wrapper .content-item-video-details {
  float: left;
  width: 393px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-video-details {
    width: 150px;
  }
}
.home-content .wrapper .content-item-video-label {
  color: #fff;
  z-index: 2;
}
.home-content .wrapper .content-item-video-title {
  font-size: clamp(16px, 2vmax, 36px);
  line-height: 115%;
  margin-bottom: 3.2%;
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-video-title {
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .wrapper .content-item-video-body {
  padding: 0 31px 10px 31px;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-video-body {
    padding: 0 15px 0 15px;
  }
}
.home-content .wrapper .content-item-video-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.home-content .wrapper .content-item-video-actions a {
  float: right;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-content .wrapper .content-item-video-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-video-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .wrapper .content-item-video.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .wrapper .content-item-video.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .wrapper .content-item-video.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .wrapper .content-item-video.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .wrapper .content-item-video.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .wrapper .content-item-video.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .wrapper .content-item-video.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .wrapper .content-item-video.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .wrapper .content-item-video.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .wrapper .content-item-video.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .wrapper .content-item-video.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .wrapper .content-item-topic {
  width: clamp(180px, 12vw, 230px);
  height: auto;
}
.home-content .wrapper .content-item-topic .free-badge.theme-1 {
  border-bottom-color: rgba(34, 183, 242, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-2 {
  border-bottom-color: rgba(130, 64, 202, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-3 {
  border-bottom-color: rgba(189, 17, 24, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-4 {
  border-bottom-color: rgba(204, 83, 2, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-5 {
  border-bottom-color: rgba(244, 59, 95, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-6 {
  border-bottom-color: rgba(12, 210, 222, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-7 {
  border-bottom-color: rgba(251, 169, 11, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-8 {
  border-bottom-color: rgba(19, 161, 4, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-9 {
  border-bottom-color: rgba(7, 105, 106, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-10 {
  border-bottom-color: rgba(0, 90, 157, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge.theme-11 {
  border-bottom-color: rgba(138, 203, 1, 0.88);
}
.home-content .wrapper .content-item-topic .free-badge {
  right: -32.5px;
}
.home-content .wrapper .content-item-topic-image {
  background-size: cover;
  position: relative;
  height: 33%;
}
.home-content .wrapper .content-item-topic-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .wrapper .content-item-topic-image h5, .home-content .wrapper .content-item-topic-image .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .home-content .wrapper .content-item-topic-image .crumb, .home-content .wrapper .content-item-topic-image .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .home-content .wrapper .content-item-topic-image .darken {
  padding-left: 30px;
  padding-top: 27px;
  position: relative;
  width: 130px;
  z-index: 2;
}
.home-content .wrapper .content-item-topic.theme-1 .content-item-topic-title {
  background-color: #22b7f2;
}
.home-content .wrapper .content-item-topic.theme-1:hover .content-item-body-textinfo {
  background-color: #22b7f2;
  color: #000000;
}
.home-content .wrapper .content-item-topic.theme-2 .content-item-topic-title {
  background-color: #8240ca;
}
.home-content .wrapper .content-item-topic.theme-2:hover .content-item-body-textinfo {
  background-color: #8240ca;
  color: #ffffff;
}
.home-content .wrapper .content-item-topic.theme-3 .content-item-topic-title {
  background-color: #bd1118;
}
.home-content .wrapper .content-item-topic.theme-3:hover .content-item-body-textinfo {
  background-color: #bd1118;
  color: #ffffff;
}
.home-content .wrapper .content-item-topic.theme-4 .content-item-topic-title {
  background-color: #cc5302;
}
.home-content .wrapper .content-item-topic.theme-4:hover .content-item-body-textinfo {
  background-color: #cc5302;
  color: #000000;
}
.home-content .wrapper .content-item-topic.theme-5 .content-item-topic-title {
  background-color: #f43b5f;
}
.home-content .wrapper .content-item-topic.theme-5:hover .content-item-body-textinfo {
  background-color: #f43b5f;
  color: #000000;
}
.home-content .wrapper .content-item-topic.theme-6 .content-item-topic-title {
  background-color: #0cd2de;
}
.home-content .wrapper .content-item-topic.theme-6:hover .content-item-body-textinfo {
  background-color: #0cd2de;
  color: #000000;
}
.home-content .wrapper .content-item-topic.theme-7 .content-item-topic-title {
  background-color: #fba90b;
}
.home-content .wrapper .content-item-topic.theme-7:hover .content-item-body-textinfo {
  background-color: #fba90b;
  color: #000000;
}
.home-content .wrapper .content-item-topic.theme-8 .content-item-topic-title {
  background-color: #13a104;
}
.home-content .wrapper .content-item-topic.theme-8:hover .content-item-body-textinfo {
  background-color: #13a104;
  color: #000000;
}
.home-content .wrapper .content-item-topic.theme-9 .content-item-topic-title {
  background-color: #07696a;
}
.home-content .wrapper .content-item-topic.theme-9:hover .content-item-body-textinfo {
  background-color: #07696a;
  color: #ffffff;
}
.home-content .wrapper .content-item-topic.theme-10 .content-item-topic-title {
  background-color: #005a9d;
}
.home-content .wrapper .content-item-topic.theme-10:hover .content-item-body-textinfo {
  background-color: #005a9d;
  color: #ffffff;
}
.home-content .wrapper .content-item-topic.theme-11 .content-item-topic-title {
  background-color: #8acb01;
}
.home-content .wrapper .content-item-topic.theme-11:hover .content-item-body-textinfo {
  background-color: #8acb01;
  color: #000000;
}
.home-content .wrapper .content-item-topic-title {
  font-size: 16px;
  font-size: 1rem;
  bottom: 0;
  color: #f9f9f9;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  padding: 0px !important;
  padding: 13px 27px 13px 30px;
  position: absolute;
  text-transform: uppercase;
  height: 16px;
  width: 100%;
  z-index: 2;
}
.home-content .wrapper .content-item-topic-body {
  height: 66%;
  padding-top: 15% !important;
  padding-left: 15% !important;
  padding-right: 15% !important;
}
.home-content .wrapper .content-item-unit {
  background-size: cover;
  height: auto;
  width: clamp(370px, 25.2vw, 520px);
}
.home-content .wrapper .content-item-unit:hover .content-item-unit-buttoninfo {
  height: 50px;
  font-size: 16px;
  z-index: 10;
}
.home-content .wrapper .content-item-unit-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  position: absolute;
  width: 100%;
}
.home-content .wrapper .content-item-unit-topic-list {
  display: block;
  height: 100%;
  padding-left: 6%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
.home-content .wrapper .content-item-unit-topic-list-overlay {
  display: none;
  position: absolute;
}
.home-content .wrapper .content-item-unit-topic-list-overlay.active {
  right: 0;
  top: 0;
}
@media screen and (max-width: 480px) {
  .home-content .wrapper .content-item-unit-topic-list-overlay.active {
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    position: fixed;
    z-index: 105;
  }
}
@media screen and (max-width: 480px) {
  .home-content .wrapper .content-item-unit-topic-list {
    height: 100%;
    margin-top: 0;
    position: relative;
  }
}
@media screen and (max-width: 1000px) {
  .home-content .wrapper .content-item-unit-topic-list {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.home-content .wrapper .content-item-unit-topic-list-header {
  display: none;
}
.home-content .wrapper .content-item-unit-topic-list-label {
  font-size: 18px;
  font-size: 1.125rem;
  color: rgb(255, 255, 255);
  float: left;
  margin-top: 25px;
  margin-right: 100px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-unit-topic-list-label span {
    display: none;
  }
}
.home-content .wrapper .content-item-unit-topic-list-close {
  color: #fff !important;
  display: none;
  font-size: 20px;
  padding: 21px 24px 16px 24px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.home-content .wrapper .content-item-unit-topic-list-links {
  display: none;
  width: 95%;
  padding-top: 5px;
}
@media screen and (max-width: 480px) {
  .home-content .wrapper .content-item-unit-topic-list-links {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-unit-topic-list-links {
    width: 100%;
    margin-top: 20px;
  }
}
.home-content .wrapper .content-item-unit-topic-list-links a {
  font-size: clamp(13.5px, 1.2vw, 19px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  clear: left;
  color: #fff;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  margin-top: 0.5vw;
}
.home-content .wrapper .content-item-unit-topic-list-links a:hover {
  transform: scale(1.2);
  opacity: 1;
}
.home-content .wrapper .content-item-unit-topic-list-links a .free {
  font-size: 75%;
  color: #fff;
  display: block;
  float: right;
  font-family: "myriad-pro", sans-serif;
  font-weight: 800;
  margin-left: 0.75vw;
  padding-left: 0.75vw !important;
  padding-right: 0.75vw !important;
  padding-bottom: 0px;
  padding-top: 0px;
  text-transform: uppercase;
}
.home-content .wrapper .content-item-unit.theme-1 .content-item-unit-topic-list {
  background-color: #22b7f2;
}
.home-content .wrapper .content-item-unit.theme-1 .content-item-unit-topic-list-close {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.home-content .wrapper .content-item-unit.theme-1 .free {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.home-content .wrapper .content-item-unit.theme-2 .content-item-unit-topic-list {
  background-color: #8240ca;
}
.home-content .wrapper .content-item-unit.theme-2 .content-item-unit-topic-list-close {
  background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.home-content .wrapper .content-item-unit.theme-2 .free {
  background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.home-content .wrapper .content-item-unit.theme-3 .content-item-unit-topic-list {
  background-color: #bd1118;
}
.home-content .wrapper .content-item-unit.theme-3 .content-item-unit-topic-list-close {
  background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.home-content .wrapper .content-item-unit.theme-3 .free {
  background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.home-content .wrapper .content-item-unit.theme-4 .content-item-unit-topic-list {
  background-color: #cc5302;
}
.home-content .wrapper .content-item-unit.theme-4 .content-item-unit-topic-list-close {
  background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.home-content .wrapper .content-item-unit.theme-4 .free {
  background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.home-content .wrapper .content-item-unit.theme-5 .content-item-unit-topic-list {
  background-color: #f43b5f;
}
.home-content .wrapper .content-item-unit.theme-5 .content-item-unit-topic-list-close {
  background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.home-content .wrapper .content-item-unit.theme-5 .free {
  background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.home-content .wrapper .content-item-unit.theme-6 .content-item-unit-topic-list {
  background-color: #0cd2de;
}
.home-content .wrapper .content-item-unit.theme-6 .content-item-unit-topic-list-close {
  background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.home-content .wrapper .content-item-unit.theme-6 .free {
  background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.home-content .wrapper .content-item-unit.theme-7 .content-item-unit-topic-list {
  background-color: #fba90b;
}
.home-content .wrapper .content-item-unit.theme-7 .content-item-unit-topic-list-close {
  background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.home-content .wrapper .content-item-unit.theme-7 .free {
  background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.home-content .wrapper .content-item-unit.theme-8 .content-item-unit-topic-list {
  background-color: #13a104;
}
.home-content .wrapper .content-item-unit.theme-8 .content-item-unit-topic-list-close {
  background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.home-content .wrapper .content-item-unit.theme-8 .free {
  background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.home-content .wrapper .content-item-unit.theme-9 .content-item-unit-topic-list {
  background-color: #07696a;
}
.home-content .wrapper .content-item-unit.theme-9 .content-item-unit-topic-list-close {
  background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.home-content .wrapper .content-item-unit.theme-9 .free {
  background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.home-content .wrapper .content-item-unit.theme-10 .content-item-unit-topic-list {
  background-color: #005a9d;
}
.home-content .wrapper .content-item-unit.theme-10 .content-item-unit-topic-list-close {
  background-color: rgb(0, 31.5286624204, 55);
}
.home-content .wrapper .content-item-unit.theme-10 .free {
  background-color: rgb(0, 31.5286624204, 55);
}
.home-content .wrapper .content-item-unit.theme-11 .content-item-unit-topic-list {
  background-color: #8acb01;
}
.home-content .wrapper .content-item-unit.theme-11 .content-item-unit-topic-list-close {
  background-color: rgb(69, 101.5, 0.5);
}
.home-content .wrapper .content-item-unit.theme-11 .free {
  background-color: rgb(69, 101.5, 0.5);
}
.home-content .wrapper .content-item-unit-body {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 15%;
  position: relative;
  z-index: 1;
  width: auto;
}
.home-content .wrapper .content-item-unit-body h2 {
  font-size: max(1.7vw, 1.4rem);
  margin-bottom: 5%;
  line-height: 140%;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-unit-body {
    padding-left: 20px;
    width: 280px;
  }
  .home-content .wrapper .content-item-unit-body:before {
    font-size: 14px;
    font-size: 0.875rem;
    content: "Unit";
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 28px;
    left: 20px;
    font-weight: 900;
  }
}
.home-content .wrapper .content-item-unit-body.unit-of-the-day {
  padding-top: 28px;
}
.home-content .wrapper .content-item-unit-body.unit-of-the-day h5, .home-content .wrapper .content-item-unit-body.unit-of-the-day .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .home-content .wrapper .content-item-unit-body.unit-of-the-day .crumb, .home-content .wrapper .content-item-unit-body.unit-of-the-day .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .home-content .wrapper .content-item-unit-body.unit-of-the-day .darken {
  padding-bottom: 64px;
}
.home-content .wrapper .content-item-unit-title {
  color: #fff;
  position: relative;
}
.home-content .wrapper .content-item-unit-popular {
  font-size: clamp(19px, 1.35vw, 21px);
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  font-weight: 500;
  position: relative;
}
.home-content .wrapper .content-item-unit-topics {
  margin-top: 2%;
  position: relative;
}
.home-content .wrapper .content-item-unit-topics-item {
  font-size: clamp(18px, 1.25vw, 20px);
  clear: left;
  color: #fff !important;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  margin-top: 2%;
  padding: 2% 4% 2% 2%;
}
.home-content .wrapper .content-item-unit-buttoninfo {
  height: 16px;
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 0px;
  color: white;
  font-weight: 700;
  font-family: "myriad-pro", sans-serif;
  padding-left: 20px;
  align-content: center;
}
.home-content .wrapper .content-item-unit.theme-1 .content-item-unit-topics-item {
  background-color: rgba(34, 183, 242, 0.88);
}
.home-content .wrapper .content-item-unit.theme-1 .content-item-unit-buttoninfo {
  background-color: #22b7f2;
}
.home-content .wrapper .content-item-unit.theme-2 .content-item-unit-topics-item {
  background-color: rgba(130, 64, 202, 0.88);
}
.home-content .wrapper .content-item-unit.theme-2 .content-item-unit-buttoninfo {
  background-color: #8240ca;
}
.home-content .wrapper .content-item-unit.theme-3 .content-item-unit-topics-item {
  background-color: rgba(189, 17, 24, 0.88);
}
.home-content .wrapper .content-item-unit.theme-3 .content-item-unit-buttoninfo {
  background-color: #bd1118;
}
.home-content .wrapper .content-item-unit.theme-4 .content-item-unit-topics-item {
  background-color: rgba(204, 83, 2, 0.88);
}
.home-content .wrapper .content-item-unit.theme-4 .content-item-unit-buttoninfo {
  background-color: #cc5302;
}
.home-content .wrapper .content-item-unit.theme-5 .content-item-unit-topics-item {
  background-color: rgba(244, 59, 95, 0.88);
}
.home-content .wrapper .content-item-unit.theme-5 .content-item-unit-buttoninfo {
  background-color: #f43b5f;
}
.home-content .wrapper .content-item-unit.theme-6 .content-item-unit-topics-item {
  background-color: rgba(12, 210, 222, 0.88);
}
.home-content .wrapper .content-item-unit.theme-6 .content-item-unit-buttoninfo {
  background-color: #0cd2de;
}
.home-content .wrapper .content-item-unit.theme-7 .content-item-unit-topics-item {
  background-color: rgba(251, 169, 11, 0.88);
}
.home-content .wrapper .content-item-unit.theme-7 .content-item-unit-buttoninfo {
  background-color: #fba90b;
}
.home-content .wrapper .content-item-unit.theme-8 .content-item-unit-topics-item {
  background-color: rgba(19, 161, 4, 0.88);
}
.home-content .wrapper .content-item-unit.theme-8 .content-item-unit-buttoninfo {
  background-color: #13a104;
}
.home-content .wrapper .content-item-unit.theme-9 .content-item-unit-topics-item {
  background-color: rgba(7, 105, 106, 0.88);
}
.home-content .wrapper .content-item-unit.theme-9 .content-item-unit-buttoninfo {
  background-color: #07696a;
}
.home-content .wrapper .content-item-unit.theme-10 .content-item-unit-topics-item {
  background-color: rgba(0, 90, 157, 0.88);
}
.home-content .wrapper .content-item-unit.theme-10 .content-item-unit-buttoninfo {
  background-color: #005a9d;
}
.home-content .wrapper .content-item-unit.theme-11 .content-item-unit-topics-item {
  background-color: rgba(138, 203, 1, 0.88);
}
.home-content .wrapper .content-item-unit.theme-11 .content-item-unit-buttoninfo {
  background-color: #8acb01;
}
.home-content .wrapper .content-item-unit-list {
  color: #fff;
  cursor: pointer;
  padding: 21px 17px 19px 17px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.home-content .wrapper .content-item-unit-list [class^=icon] {
  font-size: 18px;
}
.home-content .wrapper .content-item-unit.theme-1 .content-item-unit-list {
  background-color: #22b7f2;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-2 .content-item-unit-list {
  background-color: #8240ca;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-3 .content-item-unit-list {
  background-color: #bd1118;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-4 .content-item-unit-list {
  background-color: #cc5302;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-5 .content-item-unit-list {
  background-color: #f43b5f;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-6 .content-item-unit-list {
  background-color: #0cd2de;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-7 .content-item-unit-list {
  background-color: #fba90b;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-8 .content-item-unit-list {
  background-color: #13a104;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-9 .content-item-unit-list {
  background-color: #07696a;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-10 .content-item-unit-list {
  background-color: #005a9d;
  display: none;
}
.home-content .wrapper .content-item-unit.theme-11 .content-item-unit-list {
  background-color: #8acb01;
  display: none;
}
.home-content .wrapper .content-item-unit .content-item-add {
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-unit .content-item-add {
    border-top: none;
    padding-bottom: 20px;
  }
}
.home-content .wrapper .content-item-body h3 {
  font-size: clamp(21px, 2vw, 24px);
  line-height: 120%;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-content .wrapper .content-item-body-textinfo {
  font-weight: 900;
  color: #767676;
  position: absolute;
  bottom: 0;
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "myriad-pro", sans-serif;
  padding: 1px 5px;
}
.home-content .wrapper .content-item-body-textinfo-topic {
  margin-left: 15% !important;
  margin-right: 15% !important;
  width: min-content;
  min-width: fit-content;
}
.home-content .wrapper .content-item-body-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  content: "";
  font-family: "ff-meta-serif-web-pro", serif;
  height: 130px;
  line-height: 24px;
  margin-top: 11%;
  max-height: 130px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}
.home-content .wrapper .content-item-body-text.home-feed__infographic-text {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-body-text.home-feed__infographic-text {
    display: none;
  }
}
.home-content .wrapper .content-item-body-text:before {
  background: -wekit-linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-content .wrapper .content-item-body-text p {
  font-size: 18px;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  line-height: 24px;
}
@media screen and (max-width: 1300px) {
  .home-content .wrapper .content-item-body-text p {
    font-size: clamp(14px, 1.5vw, 17px);
  }
}
.home-content .wrapper .content-item-add {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  bottom: 0;
  color: #bbb !important;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0.7px;
  opacity: 0;
  padding: 10px 0 10px 24px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.home-content .wrapper .content-item-add [class^=icon] {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  float: left;
  padding-right: 16px;
  padding-top: 4px;
}
@media screen and (max-width: 768px) {
  .home-content .wrapper .content-item-add {
    opacity: 1;
  }
}
.home-content .wrapper .content-item-add.added.theme-1 {
  color: #22b7f2 !important;
}
.home-content .wrapper .content-item-add.added.theme-2 {
  color: #8240ca !important;
}
.home-content .wrapper .content-item-add.added.theme-3 {
  color: #bd1118 !important;
}
.home-content .wrapper .content-item-add.added.theme-4 {
  color: #cc5302 !important;
}
.home-content .wrapper .content-item-add.added.theme-5 {
  color: #f43b5f !important;
}
.home-content .wrapper .content-item-add.added.theme-6 {
  color: #0cd2de !important;
}
.home-content .wrapper .content-item-add.added.theme-7 {
  color: #fba90b !important;
}
.home-content .wrapper .content-item-add.added.theme-8 {
  color: #13a104 !important;
}
.home-content .wrapper .content-item-add.added.theme-9 {
  color: #07696a !important;
}
.home-content .wrapper .content-item-add.added.theme-10 {
  color: #005a9d !important;
}
.home-content .wrapper .content-item-add.added.theme-11 {
  color: #8acb01 !important;
}
.home-content .wrapper .content-item-add.added {
  opacity: 1;
}
.home-content .carusel-first-section {
  display: none;
  margin-top: 44px;
}
@media screen and (max-width: 1041px) {
  .home-content .carusel-first-section {
    margin-top: 22px;
  }
}
.home-content .title-feed-row {
  margin-top: 40px;
  margin-bottom: 20px;
}
.home-content .categories-title {
  text-align: left;
  margin-left: 0px;
}
.home-content .categories {
  width: 100%;
  position: relative;
  justify-content: center;
  padding-left: 50px;
  display: none;
}
@media screen and (max-width: 600px) {
  .home-content .categories {
    padding-left: 20px;
  }
}
.home-content .categories .list-home {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.home-content .categories .arrow-categories {
  display: none;
}
@media screen and (max-width: 951px) {
  .home-content .categories .arrow-categories {
    display: block;
  }
}
.home-content .categories .mobile-carousel {
  display: none;
}
@media screen and (max-width: 951px) {
  .home-content .categories .mobile-carousel {
    display: block;
  }
}
.home-content .categories .desktop-carousel {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
  width: auto;
  padding-right: 50px;
}
@media screen and (max-width: 951px) {
  .home-content .categories .desktop-carousel {
    display: none;
  }
}
.home-content .categories .desktop-carousel::before {
  content: unset;
}
.home-content .categories .desktop-carousel .category-item {
  margin-left: 0px;
  max-width: 280px;
  height: 130px;
  width: unset;
}
.home-content .categories .desktop-carousel .category-item .name {
  width: 100%;
  left: 0px;
}
.home-content .categories .desktop-carousel .category-item .icon {
  margin-top: 10px;
}
.home-content .categories .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
@media screen and (max-width: 768px) {
  .home-content .categories.active {
    left: 0;
  }
}
.home-content .categories-list {
  list-style: none;
  padding: 0px;
}
.home-content .categories-list .category-item.theme-3 {
  margin-left: 0;
}
.home-content .categories-list .category-item {
  background-size: 150px 110px;
  width: 150px;
  height: 110px;
  display: block;
  float: left;
  text-align: center;
  padding: 13px 20px;
  padding-top: 12px;
  margin-left: 18px;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
}
.home-content .categories-list .category-item:hover .category-item-overlay {
  opacity: 0.5;
}
.home-content .categories-list .category-item.theme-1 {
  border: solid 2px #22b7f2;
}
.home-content .categories-list .category-item.theme-2 {
  border: solid 2px #8240ca;
}
.home-content .categories-list .category-item.theme-3 {
  border: solid 2px #bd1118;
}
.home-content .categories-list .category-item.theme-4 {
  border: solid 2px #cc5302;
}
.home-content .categories-list .category-item.theme-5 {
  border: solid 2px #f43b5f;
}
.home-content .categories-list .category-item.theme-6 {
  border: solid 2px #0cd2de;
}
.home-content .categories-list .category-item.theme-7 {
  border: solid 2px #fba90b;
}
.home-content .categories-list .category-item.theme-8 {
  border: solid 2px #13a104;
}
.home-content .categories-list .category-item.theme-9 {
  border: solid 2px #07696a;
}
.home-content .categories-list .category-item.theme-10 {
  border: solid 2px #005a9d;
}
.home-content .categories-list .category-item.theme-11 {
  border: solid 2px #8acb01;
}
.home-content .categories-list .category-item .icon {
  z-index: 1;
  position: relative;
}
.home-content .categories-list .category-item .icon.-shrink {
  max-width: 40px;
  max-height: 45px;
}
.home-content .categories-list .category-item .name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  position: inherit;
  font-weight: bold;
  color: white;
}
@media screen and (min-width: 951px) {
  .home-content .categories-list .category-item .name {
    position: absolute;
    bottom: 0;
    height: 44px;
    width: 128px;
    left: 11px;
  }
}
@media screen and (max-width: 480px) {
  .home-content .categories-list .category-item .name {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 950px) {
  .home-content .categories-list .category-item {
    width: 200px;
  }
}
.home-content .categories-list .category-item-overlay {
  padding-top: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  opacity: 0.7;
}
.home-content .categories-list .category-item-overlay.theme-1 {
  background-color: #22b7f2;
}
.home-content .categories-list .category-item-overlay.theme-2 {
  background-color: #8240ca;
}
.home-content .categories-list .category-item-overlay.theme-3 {
  background-color: #bd1118;
}
.home-content .categories-list .category-item-overlay.theme-4 {
  background-color: #cc5302;
}
.home-content .categories-list .category-item-overlay.theme-5 {
  background-color: #f43b5f;
}
.home-content .categories-list .category-item-overlay.theme-6 {
  background-color: #0cd2de;
}
.home-content .categories-list .category-item-overlay.theme-7 {
  background-color: #fba90b;
}
.home-content .categories-list .category-item-overlay.theme-8 {
  background-color: #13a104;
}
.home-content .categories-list .category-item-overlay.theme-9 {
  background-color: #07696a;
}
.home-content .categories-list .category-item-overlay.theme-10 {
  background-color: #005a9d;
}
.home-content .categories-list .category-item-overlay.theme-11 {
  background-color: #8acb01;
}
.home-content .categories-list .category-item.-inactive.theme-1 {
  border: solid 2px rgb(12.5, 155.7692307692, 212.5);
}
.home-content .categories-list .category-item.-inactive.theme-2 {
  border: solid 2px rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.home-content .categories-list .category-item.-inactive.theme-3 {
  border: solid 2px rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.home-content .categories-list .category-item.-inactive.theme-4 {
  border: solid 2px rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.home-content .categories-list .category-item.-inactive.theme-5 {
  border: solid 2px rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.home-content .categories-list .category-item.-inactive.theme-6 {
  border: solid 2px rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.home-content .categories-list .category-item.-inactive.theme-7 {
  border: solid 2px rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.home-content .categories-list .category-item.-inactive.theme-8 {
  border: solid 2px rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.home-content .categories-list .category-item.-inactive.theme-9 {
  border: solid 2px rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.home-content .categories-list .category-item.-inactive.theme-10 {
  border: solid 2px rgb(0, 31.5286624204, 55);
}
.home-content .categories-list .category-item.-inactive.theme-11 {
  border: solid 2px rgb(69, 101.5, 0.5);
}
.home-content .categories-list .category-item.-inactive .category-item-overlay {
  z-index: 2;
  opacity: 0.8;
  background-color: #333;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.new-home-page-carousel {
  margin-top: 4vw;
  margin-left: 0vw;
  margin-right: 0vw;
}
.new-home-page-carousel-items {
  height: 500px;
  width: 18vw !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: white;
  padding-right: 3vw;
  border-left-style: solid;
  border-left-color: #f8f8f8;
  border-left-width: 0.1px;
}
.new-home-page-carousel-images {
  width: 18vw;
  padding-left: 5vw;
  background-repeat: no-repeat;
  height: 15vw;
  background-size: contain;
}
.new-home-page-carousel-title-theme-1 {
  background-color: #22b7f2;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-2 {
  background-color: #8240ca;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-3 {
  background-color: #bd1118;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-4 {
  background-color: #cc5302;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-5 {
  background-color: #f43b5f;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-6 {
  background-color: #0cd2de;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-7 {
  background-color: #fba90b;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-8 {
  background-color: #13a104;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-9 {
  background-color: #07696a;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-10 {
  background-color: #005a9d;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-title-theme-11 {
  background-color: #8acb01;
  margin-top: 8.5vw;
  position: absolute;
  width: auto;
  padding: 0.7vw 1.5vw;
  color: white;
  text-transform: uppercase;
  margin-left: -5vw;
  font-size: 0.7vw;
  max-width: 18vw;
}
.new-home-page-carousel-topic-name {
  font-size: 1.3rem;
  line-height: 1.4rem;
}
.new-home-page-carousel-content-body {
  margin-left: 2vw;
  color: black;
  line-height: 1.5rem !important;
}
.new-home-page-carousel-details {
  color: #888;
  height: 300px;
  margin-top: 19px;
  max-height: 300px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}
.new-home-page-carousel-details-paragraph {
  font-size: 1rem;
  line-height: 1.5rem;
}
.new-home-page-carousel-buttons-prev {
  font-size: 2rem;
  position: absolute;
  color: #22b7f2;
  margin-left: -7vw;
  top: 200px;
}
.new-home-page-carousel-buttons-next {
  font-size: 2rem;
  position: absolute;
  color: #22b7f2;
  margin-left: 80vw;
  top: 200px;
}

.registration {
  background-color: #f5edc5;
  position: relative;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .registration[id^=trial-banner] {
    display: none !important;
  }
}
.registration__container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: hidden;
  padding: 42px 0 31px 0;
  position: relative;
}
.registration__container.-large {
  overflow: visible;
  padding-bottom: 52px;
}
@media screen and (max-width: 1024px) {
  .registration__container.-large {
    float: left;
    margin-left: 54px;
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .registration__container.-large {
    margin-left: 30px;
    margin-top: 8px;
  }
}
.registration__container img {
  display: block;
  left: 0;
  position: absolute;
  top: -55px;
}
.registration__container img.left {
  display: block;
  position: absolute;
  width: 234px;
  top: 24px;
  left: 24px;
}
.registration__container img.right {
  display: block;
  position: absolute;
  width: 365px;
  top: 45px;
  left: unset;
  right: -100px;
}
@media screen and (max-width: 1024px) {
  .registration__container img.left {
    display: none;
  }
  .registration__container img.right {
    width: 230px;
    top: 0;
    right: -168px;
  }
}
@media screen and (max-width: 980px) {
  .registration__container img.right {
    width: 185px;
    top: 26px;
  }
}
@media screen and (max-width: 960px) {
  .registration__container img.right {
    right: -134px;
  }
}
@media screen and (max-width: 940px) {
  .registration__container img.right {
    display: none;
  }
}
.registration__message {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.registration__message:last-child {
  margin-right: 0;
}
.registration__message .large {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  line-height: 42px;
  line-height: 2.625rem;
  font-size: 40px;
  font-size: 2.5rem;
}
.registration__message p {
  font-family: "ff-meta-serif-web-pro", serif;
  margin: 10px auto 0 auto;
  width: 75%;
}
.registration__message p.small-message {
  width: 58%;
}
@media screen and (max-width: 1024px) {
  .registration__message .large {
    float: left;
    margin-left: 54px;
    margin-top: 10px;
  }
  .registration__message p.small-message {
    display: none;
  }
  .registration__message .button {
    margin-top: 12px;
  }
  .registration__message br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .registration__message .large {
    float: left;
    margin-left: 0;
    font-size: 30px;
    font-size: 1.875rem;
  }
  .registration__message .button {
    margin-left: 30px;
  }
}
.registration__reminder {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
  background-color: #f6e8a0;
  color: #222 !important;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding: 13px 27px 11px 35px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
}
.registration__reminder:hover {
  background-color: #fbd20b !important;
}
.registration__reminder .mobile-only {
  display: none;
}
@media screen and (max-width: 1024px) {
  .registration__reminder .desktop-only {
    display: none;
  }
  .registration__reminder .mobile-only {
    display: block;
  }
}
.registration__question__container {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  display: none;
  padding-bottom: 60px;
  width: 100%;
}
.registration__questions {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 170px;
}
.registration__questions__display {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.registration__questions__display:last-child {
  margin-right: 0;
}
.registration__questions__display h5, .registration__questions__display .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .registration__questions__display .crumb, .registration__questions__display .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .registration__questions__display .darken {
  color: #888;
}
.registration__questions__display .field-label-checkbox {
  text-transform: none;
}

.theme-1 .not-authenticated-intro {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .not-authenticated-intro {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .not-authenticated-intro {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .not-authenticated-intro {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .not-authenticated-intro {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .not-authenticated-intro {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .not-authenticated-intro {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .not-authenticated-intro {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .not-authenticated-intro {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .not-authenticated-intro {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .not-authenticated-intro {
  background-color: rgba(224, 241, 143, 0.2);
}
.not-authenticated-intro {
  display: none;
  margin-bottom: 54px;
}
@media screen and (max-width: 480px) {
  .not-authenticated-intro {
    display: block;
    padding-top: 65px;
    padding-bottom: 45px;
  }
}
.not-authenticated-intro-content {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.not-authenticated-intro-signup {
  padding: 40px 0 28px 0;
  text-align: center;
}
@media screen and (max-width: 1241px) {
  .not-authenticated-intro-signup {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .not-authenticated-intro-signup:last-child {
    margin-right: 0;
  }
  .not-authenticated-intro-signup {
    border-right: 1px solid #e7da9f;
  }
}
@media screen and (max-width: 480px) {
  .not-authenticated-intro-signup {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .not-authenticated-intro-signup:last-child {
    margin-right: 0;
  }
  .not-authenticated-intro-signup {
    border-bottom: 1px solid #e7da9f;
    border-right: none;
  }
}
.not-authenticated-intro-signup h3 {
  line-height: 28px;
  line-height: 1.75rem;
  margin-bottom: 22px;
}
.not-authenticated-intro-signup .button-secondary {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 1.6px;
  margin-bottom: 26px;
}
.not-authenticated-intro-signup .not-ready {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  color: #92895e;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.not-authenticated-intro-signup .not-ready a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-decoration: underline;
}
.not-authenticated-intro-student {
  padding: 32px 0 36px 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .not-authenticated-intro-student {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .not-authenticated-intro-student:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .not-authenticated-intro-student {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .not-authenticated-intro-student:last-child {
    margin-right: 0;
  }
}
.not-authenticated-intro-student h3 {
  margin-bottom: 12px;
}
.not-authenticated-intro-student .button-primary {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 768px) {
  .home .page-content {
    padding-top: 102px;
  }
}
@media screen and (max-width: 1060px) {
  .home .page-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .home .page-content.not-authenticated {
    padding-top: 0;
  }
}

.home-header-title {
  float: left;
}
@media screen and (max-width: 480px) {
  .home-header-title {
    float: none;
  }
}
.home-header-title .button-refine {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: #fff;
  border: none;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-left: 16px;
  outline: 0;
  padding: 2px 21px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.theme-1 .home-header-title .button-refine:hover {
  background-color: #22b7f2;
}
.theme-2 .home-header-title .button-refine:hover {
  background-color: #8240ca;
}
.theme-3 .home-header-title .button-refine:hover {
  background-color: #bd1118;
}
.theme-4 .home-header-title .button-refine:hover {
  background-color: #cc5302;
}
.theme-5 .home-header-title .button-refine:hover {
  background-color: #f43b5f;
}
.theme-6 .home-header-title .button-refine:hover {
  background-color: #0cd2de;
}
.theme-7 .home-header-title .button-refine:hover {
  background-color: #fba90b;
}
.theme-8 .home-header-title .button-refine:hover {
  background-color: #13a104;
}
.theme-9 .home-header-title .button-refine:hover {
  background-color: #07696a;
}
.theme-10 .home-header-title .button-refine:hover {
  background-color: #005a9d;
}
.theme-11 .home-header-title .button-refine:hover {
  background-color: #8acb01;
}
.home-header-title .button-refine:hover {
  color: #fff;
}
.home-header-nav {
  float: right;
  margin-top: 12px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .home-header-nav {
    margin-right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .home-header-nav {
    clear: both;
    position: static;
    float: none;
    display: -webkit-flex;
    display: flex;
  }
}
.home-header-nav-link {
  cursor: pointer;
  display: block;
  float: left;
  margin-right: 50px;
}
@media screen and (max-width: 480px) {
  .home-header-nav-link {
    background: #fff;
    padding: 12px 10px;
    margin-right: 12px;
    text-align: center;
    vertical-align: middle;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (max-width: 480px) {
  .home-header-nav-link.dropdown h5, .home-header-nav-link.dropdown .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .home-header-nav-link.dropdown .crumb, .home-header-nav-link.dropdown .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .home-header-nav-link.dropdown .darken {
    margin: 0;
  }
}
.home-header-nav-link:last-child {
  margin-right: 0;
}
.home-header-nav-link [class^=icon] {
  display: block;
  padding-left: 15px;
  padding-top: 2px;
  float: right;
}
@media screen and (max-width: 480px) {
  .home-header-nav-link [class^=icon] {
    display: none;
  }
}
.theme-1 .home-header-nav-link:hover h5, .theme-1 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-1 .home-header-nav-link:hover .crumb, .theme-1 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-1 .home-header-nav-link:hover .darken {
  color: #22b7f2;
}
.theme-2 .home-header-nav-link:hover h5, .theme-2 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-2 .home-header-nav-link:hover .crumb, .theme-2 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-2 .home-header-nav-link:hover .darken {
  color: #8240ca;
}
.theme-3 .home-header-nav-link:hover h5, .theme-3 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-3 .home-header-nav-link:hover .crumb, .theme-3 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-3 .home-header-nav-link:hover .darken {
  color: #bd1118;
}
.theme-4 .home-header-nav-link:hover h5, .theme-4 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-4 .home-header-nav-link:hover .crumb, .theme-4 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-4 .home-header-nav-link:hover .darken {
  color: #cc5302;
}
.theme-5 .home-header-nav-link:hover h5, .theme-5 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-5 .home-header-nav-link:hover .crumb, .theme-5 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-5 .home-header-nav-link:hover .darken {
  color: #f43b5f;
}
.theme-6 .home-header-nav-link:hover h5, .theme-6 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-6 .home-header-nav-link:hover .crumb, .theme-6 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-6 .home-header-nav-link:hover .darken {
  color: #0cd2de;
}
.theme-7 .home-header-nav-link:hover h5, .theme-7 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-7 .home-header-nav-link:hover .crumb, .theme-7 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-7 .home-header-nav-link:hover .darken {
  color: #fba90b;
}
.theme-8 .home-header-nav-link:hover h5, .theme-8 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-8 .home-header-nav-link:hover .crumb, .theme-8 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-8 .home-header-nav-link:hover .darken {
  color: #13a104;
}
.theme-9 .home-header-nav-link:hover h5, .theme-9 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-9 .home-header-nav-link:hover .crumb, .theme-9 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-9 .home-header-nav-link:hover .darken {
  color: #07696a;
}
.theme-10 .home-header-nav-link:hover h5, .theme-10 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-10 .home-header-nav-link:hover .crumb, .theme-10 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-10 .home-header-nav-link:hover .darken {
  color: #005a9d;
}
.theme-11 .home-header-nav-link:hover h5, .theme-11 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .theme-11 .home-header-nav-link:hover .crumb, .theme-11 .home-header-nav-link:hover .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .theme-11 .home-header-nav-link:hover .darken {
  color: #8acb01;
}
.home-header-nav-link .dropdown-link {
  color: #bbb !important;
}
.theme-1 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-1 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #22b7f2 !important;
}
.theme-2 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-2 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #8240ca !important;
}
.theme-3 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-3 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #bd1118 !important;
}
.theme-4 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-4 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #cc5302 !important;
}
.theme-5 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-5 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #f43b5f !important;
}
.theme-6 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-6 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #0cd2de !important;
}
.theme-7 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-7 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #fba90b !important;
}
.theme-8 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-8 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #13a104 !important;
}
.theme-9 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-9 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #07696a !important;
}
.theme-10 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-10 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #005a9d !important;
}
.theme-11 .home-header-nav-link .dropdown-link.active:not(.radio-link), .theme-11 .home-header-nav-link .dropdown-link:hover:not(.radio-link) {
  color: #8acb01 !important;
}
.home-header-nav-link .dropdown-link [type=checkbox]:not(:checked) ~ label:after,
.home-header-nav-link .dropdown-link [type=checkbox]:checked ~ label:after {
  top: -1px;
}
.home-header-nav-link .subject-dropdown-menu {
  min-width: 235px !important;
}

.home-content .content-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.home-content .content-item {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(104, 103, 103, 0.2);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  background-color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.home-content .content-item:hover, .home-content .content-item:focus-within {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(34, 34, 34, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(34, 34, 34, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(34, 34, 34, 0.15);
}
.home-content .content-item:hover .content-item-topic-image-overlay, .home-content .content-item:focus-within .content-item-topic-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}
.home-content .content-item:hover .content-item-unit-overlay, .home-content .content-item:focus-within .content-item-unit-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.home-content .content-item:hover .content-item-resource-image-overlay, .home-content .content-item:focus-within .content-item-resource-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}
.home-content .content-item:hover .content-item-video-image-overlay, .home-content .content-item:focus-within .content-item-video-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}
.home-content .content-item:hover .content-item-add, .home-content .content-item:focus-within .content-item-add {
  opacity: 1;
}
.home-content .content-item.content-item-unit:hover .content-item-add {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .home-content .content-item.content-item-unit:hover .content-item-add {
    opacity: 1;
  }
}
.home-content .content-item.content-item-unit:hover .content-item-add.added {
  opacity: 1;
}
.home-content .content-item:nth-child(3n) {
  margin-right: 0 !important;
}
.home-content .content-item-link {
  display: block;
}
.home-content .content-item-offer {
  background-size: cover;
  background-repeat: no-repeat;
  height: 460px;
  width: 255px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-offer {
    width: 290px;
  }
}
.home-content .content-item-offer .content-item-offer-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-top: 10px;
}
.home-content .content-item-offer .content-item-offer-text p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
}
.home-content .content-item-offer .content-item-body {
  padding: 36px 30px 0 30px;
}
.home-content .content-item-offer .content-item-body [class*=button] {
  margin-top: 20px;
}
.home-content .content-item-offer .content-item-body h3 {
  color: #fff;
}
.home-content .content-item-resource {
  height: 220px;
  width: 525px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-resource {
    width: 290px;
  }
}
.home-content .content-item-resource-image {
  background-size: cover;
  float: left;
  height: 220px;
  position: relative;
  width: 127px;
}
.home-content .content-item-resource-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .content-item-resource-details {
  float: left;
  width: 393px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-resource-details {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-resource-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .content-item-resource-body {
  padding: 30px 31px 0 31px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-resource-body {
    padding: 30px 15px 0 15px;
  }
}
.home-content .content-item-resource-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
}
.home-content .content-item-resource-actions a {
  float: left;
  position: relative;
  width: 100%;
}
.home-content .content-item-resource-actions a.home-feed__infographic-link {
  color: #757575 !important;
}
@media screen and (min-width: 769px) {
  .home-content .content-item-resource-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-resource-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .content-item-resource.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .content-item-resource.theme-1:hover .content-item-body-textinfo {
  background-color: #22b7f2;
  color: #000000;
}
.home-content .content-item-resource.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .content-item-resource.theme-2:hover .content-item-body-textinfo {
  background-color: #8240ca;
  color: #ffffff;
}
.home-content .content-item-resource.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .content-item-resource.theme-3:hover .content-item-body-textinfo {
  background-color: #bd1118;
  color: #ffffff;
}
.home-content .content-item-resource.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .content-item-resource.theme-4:hover .content-item-body-textinfo {
  background-color: #cc5302;
  color: #000000;
}
.home-content .content-item-resource.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .content-item-resource.theme-5:hover .content-item-body-textinfo {
  background-color: #f43b5f;
  color: #000000;
}
.home-content .content-item-resource.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .content-item-resource.theme-6:hover .content-item-body-textinfo {
  background-color: #0cd2de;
  color: #000000;
}
.home-content .content-item-resource.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .content-item-resource.theme-7:hover .content-item-body-textinfo {
  background-color: #fba90b;
  color: #000000;
}
.home-content .content-item-resource.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .content-item-resource.theme-8:hover .content-item-body-textinfo {
  background-color: #13a104;
  color: #000000;
}
.home-content .content-item-resource.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .content-item-resource.theme-9:hover .content-item-body-textinfo {
  background-color: #07696a;
  color: #ffffff;
}
.home-content .content-item-resource.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .content-item-resource.theme-10:hover .content-item-body-textinfo {
  background-color: #005a9d;
  color: #ffffff;
}
.home-content .content-item-resource.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .content-item-resource.theme-11:hover .content-item-body-textinfo {
  background-color: #8acb01;
  color: #000000;
}
.home-content .content-item-new-resource {
  height: 220px;
  width: 525px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-new-resource {
    width: 290px;
  }
}
.home-content .content-item-new-resource-image {
  background-size: cover;
  float: left;
  height: 220px;
  position: relative;
  width: 127px;
}
.home-content .content-item-new-resource-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .content-item-new-resource-details {
  float: left;
  width: 393px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-new-resource-details {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-new-resource-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .content-item-new-resource-body {
  padding: 30px 31px 0 31px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-new-resource-body {
    padding: 30px 15px 0 15px;
  }
}
.home-content .content-item-new-resource-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
}
.home-content .content-item-new-resource-actions a {
  float: left;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-content .content-item-new-resource-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-new-resource-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .content-item-new-resource.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .content-item-new-resource.theme-1:hover .content-item-body-textinfo {
  background-color: #22b7f2;
  color: #000000;
}
.home-content .content-item-new-resource.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .content-item-new-resource.theme-2:hover .content-item-body-textinfo {
  background-color: #8240ca;
  color: #ffffff;
}
.home-content .content-item-new-resource.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .content-item-new-resource.theme-3:hover .content-item-body-textinfo {
  background-color: #bd1118;
  color: #ffffff;
}
.home-content .content-item-new-resource.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .content-item-new-resource.theme-4:hover .content-item-body-textinfo {
  background-color: #cc5302;
  color: #000000;
}
.home-content .content-item-new-resource.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .content-item-new-resource.theme-5:hover .content-item-body-textinfo {
  background-color: #f43b5f;
  color: #000000;
}
.home-content .content-item-new-resource.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .content-item-new-resource.theme-6:hover .content-item-body-textinfo {
  background-color: #0cd2de;
  color: #000000;
}
.home-content .content-item-new-resource.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .content-item-new-resource.theme-7:hover .content-item-body-textinfo {
  background-color: #fba90b;
  color: #000000;
}
.home-content .content-item-new-resource.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .content-item-new-resource.theme-8:hover .content-item-body-textinfo {
  background-color: #13a104;
  color: #000000;
}
.home-content .content-item-new-resource.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .content-item-new-resource.theme-9:hover .content-item-body-textinfo {
  background-color: #07696a;
  color: #ffffff;
}
.home-content .content-item-new-resource.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .content-item-new-resource.theme-10:hover .content-item-body-textinfo {
  background-color: #005a9d;
  color: #ffffff;
}
.home-content .content-item-new-resource.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .content-item-new-resource.theme-11:hover .content-item-body-textinfo {
  background-color: #8acb01;
  color: #000000;
}
.home-content .content-item-newvideo {
  height: 320px;
  width: 825px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-newvideo {
    width: 325px;
    height: 160px;
  }
}
.home-content .content-item-newvideo-image {
  background-size: cover;
  float: left;
  height: 320px;
  position: relative;
  width: 100%;
}
.home-content .content-item-newvideo-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .content-item-newvideo-details {
  float: left;
  width: 393px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-newvideo-details {
    width: 150px;
  }
}
.home-content .content-item-newvideo-label {
  color: #fff;
  z-index: 2;
}
.home-content .content-item-newvideo-title {
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-newvideo-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .content-item-newvideo-body {
  padding: 0 31px 10px 31px;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-newvideo-body {
    padding: 0 15px 0 15px;
  }
}
.home-content .content-item-newvideo-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.home-content .content-item-newvideo-actions a {
  float: right;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-content .content-item-newvideo-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-newvideo-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .content-item-newvideo.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .content-item-newvideo.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .content-item-newvideo.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .content-item-newvideo.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .content-item-newvideo.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .content-item-newvideo.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .content-item-newvideo.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .content-item-newvideo.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .content-item-newvideo.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .content-item-newvideo.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .content-item-newvideo.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .content-item-video {
  height: 220px;
  width: 525px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-video {
    width: 290px;
  }
}
.home-content .content-item-video-image {
  background-size: cover;
  float: left;
  height: 220px;
  position: relative;
  width: 100%;
}
.home-content .content-item-video-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .content-item-video-details {
  float: left;
  width: 393px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-video-details {
    width: 150px;
  }
}
.home-content .content-item-video-label {
  color: #fff;
  z-index: 2;
}
.home-content .content-item-video-title {
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-video-title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.home-content .content-item-video-body {
  padding: 0 31px 10px 31px;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-video-body {
    padding: 0 15px 0 15px;
  }
}
.home-content .content-item-video-actions {
  bottom: 0;
  padding-left: 127px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.home-content .content-item-video-actions a {
  float: right;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-content .content-item-video-actions a.home-feed__infographic-link {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-video-actions a.home-feed__infographic-link {
    padding: 0 10px 0 24px;
  }
}
.home-content .content-item-video.theme-1 .content-item-resource-label {
  color: #22b7f2;
}
.home-content .content-item-video.theme-2 .content-item-resource-label {
  color: #8240ca;
}
.home-content .content-item-video.theme-3 .content-item-resource-label {
  color: #bd1118;
}
.home-content .content-item-video.theme-4 .content-item-resource-label {
  color: #cc5302;
}
.home-content .content-item-video.theme-5 .content-item-resource-label {
  color: #f43b5f;
}
.home-content .content-item-video.theme-6 .content-item-resource-label {
  color: #0cd2de;
}
.home-content .content-item-video.theme-7 .content-item-resource-label {
  color: #fba90b;
}
.home-content .content-item-video.theme-8 .content-item-resource-label {
  color: #13a104;
}
.home-content .content-item-video.theme-9 .content-item-resource-label {
  color: #07696a;
}
.home-content .content-item-video.theme-10 .content-item-resource-label {
  color: #005a9d;
}
.home-content .content-item-video.theme-11 .content-item-resource-label {
  color: #8acb01;
}
.home-content .content-item-topic {
  height: 460px;
  width: 255px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-topic {
    width: 290px;
  }
}
.home-content .content-item-topic .free-badge.theme-1 {
  border-bottom-color: rgba(34, 183, 242, 0.75);
}
.home-content .content-item-topic .free-badge.theme-2 {
  border-bottom-color: rgba(130, 64, 202, 0.75);
}
.home-content .content-item-topic .free-badge.theme-3 {
  border-bottom-color: rgba(189, 17, 24, 0.75);
}
.home-content .content-item-topic .free-badge.theme-4 {
  border-bottom-color: rgba(204, 83, 2, 0.75);
}
.home-content .content-item-topic .free-badge.theme-5 {
  border-bottom-color: rgba(244, 59, 95, 0.75);
}
.home-content .content-item-topic .free-badge.theme-6 {
  border-bottom-color: rgba(12, 210, 222, 0.75);
}
.home-content .content-item-topic .free-badge.theme-7 {
  border-bottom-color: rgba(251, 169, 11, 0.75);
}
.home-content .content-item-topic .free-badge.theme-8 {
  border-bottom-color: rgba(19, 161, 4, 0.75);
}
.home-content .content-item-topic .free-badge.theme-9 {
  border-bottom-color: rgba(7, 105, 106, 0.75);
}
.home-content .content-item-topic .free-badge.theme-10 {
  border-bottom-color: rgba(0, 90, 157, 0.75);
}
.home-content .content-item-topic .free-badge.theme-11 {
  border-bottom-color: rgba(138, 203, 1, 0.75);
}
.home-content .content-item-topic .free-badge {
  right: -32.5px;
}
.home-content .content-item-topic-image {
  background-size: cover;
  height: 160px;
  position: relative;
}
.home-content .content-item-topic-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.home-content .content-item-topic-image h5, .home-content .content-item-topic-image .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .home-content .content-item-topic-image .crumb, .home-content .content-item-topic-image .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .home-content .content-item-topic-image .darken {
  padding-left: 30px;
  padding-top: 27px;
  position: relative;
  width: 130px;
  z-index: 2;
}
.home-content .content-item-topic.theme-1 .content-item-topic-title {
  background-color: #22b7f2;
}
.home-content .content-item-topic.theme-1:hover .content-item-body-textinfo {
  background-color: #22b7f2;
  color: #000000;
}
.home-content .content-item-topic.theme-2 .content-item-topic-title {
  background-color: #8240ca;
}
.home-content .content-item-topic.theme-2:hover .content-item-body-textinfo {
  background-color: #8240ca;
  color: #ffffff;
}
.home-content .content-item-topic.theme-3 .content-item-topic-title {
  background-color: #bd1118;
}
.home-content .content-item-topic.theme-3:hover .content-item-body-textinfo {
  background-color: #bd1118;
  color: #ffffff;
}
.home-content .content-item-topic.theme-4 .content-item-topic-title {
  background-color: #cc5302;
}
.home-content .content-item-topic.theme-4:hover .content-item-body-textinfo {
  background-color: #cc5302;
  color: #000000;
}
.home-content .content-item-topic.theme-5 .content-item-topic-title {
  background-color: #f43b5f;
}
.home-content .content-item-topic.theme-5:hover .content-item-body-textinfo {
  background-color: #f43b5f;
  color: #000000;
}
.home-content .content-item-topic.theme-6 .content-item-topic-title {
  background-color: #0cd2de;
}
.home-content .content-item-topic.theme-6:hover .content-item-body-textinfo {
  background-color: #0cd2de;
  color: #000000;
}
.home-content .content-item-topic.theme-7 .content-item-topic-title {
  background-color: #fba90b;
}
.home-content .content-item-topic.theme-7:hover .content-item-body-textinfo {
  background-color: #fba90b;
  color: #000000;
}
.home-content .content-item-topic.theme-8 .content-item-topic-title {
  background-color: #13a104;
}
.home-content .content-item-topic.theme-8:hover .content-item-body-textinfo {
  background-color: #13a104;
  color: #000000;
}
.home-content .content-item-topic.theme-9 .content-item-topic-title {
  background-color: #07696a;
}
.home-content .content-item-topic.theme-9:hover .content-item-body-textinfo {
  background-color: #07696a;
  color: #ffffff;
}
.home-content .content-item-topic.theme-10 .content-item-topic-title {
  background-color: #005a9d;
}
.home-content .content-item-topic.theme-10:hover .content-item-body-textinfo {
  background-color: #005a9d;
  color: #ffffff;
}
.home-content .content-item-topic.theme-11 .content-item-topic-title {
  background-color: #8acb01;
}
.home-content .content-item-topic.theme-11:hover .content-item-body-textinfo {
  background-color: #8acb01;
  color: #000000;
}
.home-content .content-item-topic-title {
  font-size: 16px;
  font-size: 1rem;
  bottom: 0;
  color: #f9f9f9;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  padding: 0px !important;
  padding: 13px 27px 13px 30px;
  position: absolute;
  text-transform: uppercase;
  height: 16px;
  width: 100%;
  z-index: 2;
}
.home-content .content-item-topic-body {
  padding: 36px 30px 0 30px;
  height: 66%;
  padding-top: 15% !important;
  padding-left: 15% !important;
  padding-right: 15% !important;
}
.home-content .content-item-unit {
  background-size: cover;
  height: 460px;
  width: 525px;
}
.home-content .content-item-unit:hover .content-item-unit-buttoninfo {
  height: 50px;
  font-size: 16px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-unit {
    width: 290px;
  }
}
.home-content .content-item-unit-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  position: absolute;
  width: 100%;
}
.home-content .content-item-unit-topic-list {
  display: block;
  height: 100%;
  padding-left: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}
.home-content .content-item-unit-topic-list-overlay {
  display: none;
  position: absolute;
}
.home-content .content-item-unit-topic-list-overlay.active {
  right: 0;
  top: 0;
}
@media screen and (max-width: 480px) {
  .home-content .content-item-unit-topic-list-overlay.active {
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    position: fixed;
    z-index: 105;
  }
}
@media screen and (max-width: 480px) {
  .home-content .content-item-unit-topic-list {
    height: 100%;
    margin-top: 0;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-unit-topic-list {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.home-content .content-item-unit-topic-list-header {
  display: none;
}
.home-content .content-item-unit-topic-list-label {
  font-size: 18px;
  font-size: 1.125rem;
  color: rgb(255, 255, 255);
  float: left;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-unit-topic-list-label span {
    display: none;
  }
}
.home-content .content-item-unit-topic-list-close {
  color: #fff !important;
  display: none;
  font-size: 20px;
  padding: 21px 24px 16px 24px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.home-content .content-item-unit-topic-list-links {
  display: none;
  width: 325px;
}
@media screen and (max-width: 480px) {
  .home-content .content-item-unit-topic-list-links {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .home-content .content-item-unit-topic-list-links {
    width: 100%;
    margin-top: 20px;
  }
}
.home-content .content-item-unit-topic-list-links a {
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  clear: left;
  color: #fff;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  margin-top: 15px;
}
.home-content .content-item-unit-topic-list-links a:hover {
  transform: scale(1.2);
  opacity: 1;
}
.home-content .content-item-unit-topic-list-links a .free {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  display: block;
  float: right;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  margin-left: 10px;
  padding: 3px 15px;
  text-transform: uppercase;
}
.home-content .content-item-unit.theme-1 .content-item-unit-topic-list {
  background-color: #22b7f2;
}
.home-content .content-item-unit.theme-1 .content-item-unit-topic-list-close {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.home-content .content-item-unit.theme-1 .free {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.home-content .content-item-unit.theme-2 .content-item-unit-topic-list {
  background-color: #8240ca;
}
.home-content .content-item-unit.theme-2 .content-item-unit-topic-list-close {
  background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.home-content .content-item-unit.theme-2 .free {
  background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.home-content .content-item-unit.theme-3 .content-item-unit-topic-list {
  background-color: #bd1118;
}
.home-content .content-item-unit.theme-3 .content-item-unit-topic-list-close {
  background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.home-content .content-item-unit.theme-3 .free {
  background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.home-content .content-item-unit.theme-4 .content-item-unit-topic-list {
  background-color: #cc5302;
}
.home-content .content-item-unit.theme-4 .content-item-unit-topic-list-close {
  background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.home-content .content-item-unit.theme-4 .free {
  background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.home-content .content-item-unit.theme-5 .content-item-unit-topic-list {
  background-color: #f43b5f;
}
.home-content .content-item-unit.theme-5 .content-item-unit-topic-list-close {
  background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.home-content .content-item-unit.theme-5 .free {
  background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.home-content .content-item-unit.theme-6 .content-item-unit-topic-list {
  background-color: #0cd2de;
}
.home-content .content-item-unit.theme-6 .content-item-unit-topic-list-close {
  background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.home-content .content-item-unit.theme-6 .free {
  background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.home-content .content-item-unit.theme-7 .content-item-unit-topic-list {
  background-color: #fba90b;
}
.home-content .content-item-unit.theme-7 .content-item-unit-topic-list-close {
  background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.home-content .content-item-unit.theme-7 .free {
  background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.home-content .content-item-unit.theme-8 .content-item-unit-topic-list {
  background-color: #13a104;
}
.home-content .content-item-unit.theme-8 .content-item-unit-topic-list-close {
  background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.home-content .content-item-unit.theme-8 .free {
  background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.home-content .content-item-unit.theme-9 .content-item-unit-topic-list {
  background-color: #07696a;
}
.home-content .content-item-unit.theme-9 .content-item-unit-topic-list-close {
  background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.home-content .content-item-unit.theme-9 .free {
  background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.home-content .content-item-unit.theme-10 .content-item-unit-topic-list {
  background-color: #005a9d;
}
.home-content .content-item-unit.theme-10 .content-item-unit-topic-list-close {
  background-color: rgb(0, 31.5286624204, 55);
}
.home-content .content-item-unit.theme-10 .free {
  background-color: rgb(0, 31.5286624204, 55);
}
.home-content .content-item-unit.theme-11 .content-item-unit-topic-list {
  background-color: #8acb01;
}
.home-content .content-item-unit.theme-11 .content-item-unit-topic-list-close {
  background-color: rgb(69, 101.5, 0.5);
}
.home-content .content-item-unit.theme-11 .free {
  background-color: rgb(69, 101.5, 0.5);
}
.home-content .content-item-unit-body {
  padding-left: 40px;
  padding-top: 80px;
  position: relative;
  z-index: 1;
  width: 320px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-unit-body {
    padding-left: 20px;
    width: 280px;
  }
  .home-content .content-item-unit-body:before {
    font-size: 14px;
    font-size: 0.875rem;
    content: "Unit";
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 28px;
    left: 20px;
    font-weight: 900;
  }
}
.home-content .content-item-unit-body.unit-of-the-day {
  padding-top: 28px;
}
.home-content .content-item-unit-body.unit-of-the-day h5, .home-content .content-item-unit-body.unit-of-the-day .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .home-content .content-item-unit-body.unit-of-the-day .crumb, .home-content .content-item-unit-body.unit-of-the-day .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .home-content .content-item-unit-body.unit-of-the-day .darken {
  padding-bottom: 64px;
}
.home-content .content-item-unit-title {
  color: #fff;
  position: relative;
}
.home-content .content-item-unit-popular {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  font-weight: 500;
  position: relative;
}
.home-content .content-item-unit-topics {
  margin-top: 10px;
  position: relative;
}
.home-content .content-item-unit-topics-item {
  font-size: 20px;
  font-size: 1.25rem;
  clear: left;
  color: #fff !important;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  margin-top: 8px;
  padding: 7px 20px 7px 9px;
}
.home-content .content-item-unit-buttoninfo {
  height: 16px;
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 0px;
  color: white;
  font-weight: 700;
  font-family: "myriad-pro", sans-serif;
  padding-left: 20px;
  align-content: center;
}
.home-content .content-item-unit.theme-1 .content-item-unit-topics-item {
  background-color: rgba(34, 183, 242, 0.88);
}
.home-content .content-item-unit.theme-1 .content-item-unit-buttoninfo {
  background-color: #22b7f2;
}
.home-content .content-item-unit.theme-2 .content-item-unit-topics-item {
  background-color: rgba(130, 64, 202, 0.88);
}
.home-content .content-item-unit.theme-2 .content-item-unit-buttoninfo {
  background-color: #8240ca;
}
.home-content .content-item-unit.theme-3 .content-item-unit-topics-item {
  background-color: rgba(189, 17, 24, 0.88);
}
.home-content .content-item-unit.theme-3 .content-item-unit-buttoninfo {
  background-color: #bd1118;
}
.home-content .content-item-unit.theme-4 .content-item-unit-topics-item {
  background-color: rgba(204, 83, 2, 0.88);
}
.home-content .content-item-unit.theme-4 .content-item-unit-buttoninfo {
  background-color: #cc5302;
}
.home-content .content-item-unit.theme-5 .content-item-unit-topics-item {
  background-color: rgba(244, 59, 95, 0.88);
}
.home-content .content-item-unit.theme-5 .content-item-unit-buttoninfo {
  background-color: #f43b5f;
}
.home-content .content-item-unit.theme-6 .content-item-unit-topics-item {
  background-color: rgba(12, 210, 222, 0.88);
}
.home-content .content-item-unit.theme-6 .content-item-unit-buttoninfo {
  background-color: #0cd2de;
}
.home-content .content-item-unit.theme-7 .content-item-unit-topics-item {
  background-color: rgba(251, 169, 11, 0.88);
}
.home-content .content-item-unit.theme-7 .content-item-unit-buttoninfo {
  background-color: #fba90b;
}
.home-content .content-item-unit.theme-8 .content-item-unit-topics-item {
  background-color: rgba(19, 161, 4, 0.88);
}
.home-content .content-item-unit.theme-8 .content-item-unit-buttoninfo {
  background-color: #13a104;
}
.home-content .content-item-unit.theme-9 .content-item-unit-topics-item {
  background-color: rgba(7, 105, 106, 0.88);
}
.home-content .content-item-unit.theme-9 .content-item-unit-buttoninfo {
  background-color: #07696a;
}
.home-content .content-item-unit.theme-10 .content-item-unit-topics-item {
  background-color: rgba(0, 90, 157, 0.88);
}
.home-content .content-item-unit.theme-10 .content-item-unit-buttoninfo {
  background-color: #005a9d;
}
.home-content .content-item-unit.theme-11 .content-item-unit-topics-item {
  background-color: rgba(138, 203, 1, 0.88);
}
.home-content .content-item-unit.theme-11 .content-item-unit-buttoninfo {
  background-color: #8acb01;
}
.home-content .content-item-unit-list {
  color: #fff;
  cursor: pointer;
  padding: 21px 17px 19px 17px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.home-content .content-item-unit-list [class^=icon] {
  font-size: 18px;
}
.home-content .content-item-unit.theme-1 .content-item-unit-list {
  background-color: #22b7f2;
  display: none;
}
.home-content .content-item-unit.theme-2 .content-item-unit-list {
  background-color: #8240ca;
  display: none;
}
.home-content .content-item-unit.theme-3 .content-item-unit-list {
  background-color: #bd1118;
  display: none;
}
.home-content .content-item-unit.theme-4 .content-item-unit-list {
  background-color: #cc5302;
  display: none;
}
.home-content .content-item-unit.theme-5 .content-item-unit-list {
  background-color: #f43b5f;
  display: none;
}
.home-content .content-item-unit.theme-6 .content-item-unit-list {
  background-color: #0cd2de;
  display: none;
}
.home-content .content-item-unit.theme-7 .content-item-unit-list {
  background-color: #fba90b;
  display: none;
}
.home-content .content-item-unit.theme-8 .content-item-unit-list {
  background-color: #13a104;
  display: none;
}
.home-content .content-item-unit.theme-9 .content-item-unit-list {
  background-color: #07696a;
  display: none;
}
.home-content .content-item-unit.theme-10 .content-item-unit-list {
  background-color: #005a9d;
  display: none;
}
.home-content .content-item-unit.theme-11 .content-item-unit-list {
  background-color: #8acb01;
  display: none;
}
.home-content .content-item-unit .content-item-add {
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-unit .content-item-add {
    border-top: none;
    padding-bottom: 20px;
  }
}
.home-content .content-item-body h3 {
  color: #222;
}
.home-content .content-item-body-textinfo {
  font-weight: 900;
  color: #767676;
  position: absolute;
  bottom: 0;
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "myriad-pro", sans-serif;
  padding: 1px 5px;
}
.home-content .content-item-body-textinfo-topic {
  margin-left: 15% !important;
  margin-right: 15% !important;
  width: min-content;
  min-width: fit-content;
}
.home-content .content-item-body-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  content: "";
  font-family: "ff-meta-serif-web-pro", serif;
  height: 130px;
  line-height: 24px;
  margin-top: 19px;
  max-height: 130px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
}
.home-content .content-item-body-text.home-feed__infographic-text {
  height: 50px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-body-text.home-feed__infographic-text {
    display: none;
  }
}
.home-content .content-item-body-text:before {
  background: -wekit-linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-content .content-item-body-text p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  line-height: 24px;
}
.home-content .content-item-add {
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  bottom: 0;
  color: #bbb !important;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0.7px;
  opacity: 0;
  padding: 10px 0 10px 24px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.home-content .content-item-add [class^=icon] {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  float: left;
  padding-right: 16px;
  padding-top: 4px;
}
@media screen and (max-width: 768px) {
  .home-content .content-item-add {
    opacity: 1;
  }
}
.home-content .content-item-add.added.theme-1 {
  color: #22b7f2 !important;
}
.home-content .content-item-add.added.theme-2 {
  color: #8240ca !important;
}
.home-content .content-item-add.added.theme-3 {
  color: #bd1118 !important;
}
.home-content .content-item-add.added.theme-4 {
  color: #cc5302 !important;
}
.home-content .content-item-add.added.theme-5 {
  color: #f43b5f !important;
}
.home-content .content-item-add.added.theme-6 {
  color: #0cd2de !important;
}
.home-content .content-item-add.added.theme-7 {
  color: #fba90b !important;
}
.home-content .content-item-add.added.theme-8 {
  color: #13a104 !important;
}
.home-content .content-item-add.added.theme-9 {
  color: #07696a !important;
}
.home-content .content-item-add.added.theme-10 {
  color: #005a9d !important;
}
.home-content .content-item-add.added.theme-11 {
  color: #8acb01 !important;
}
.home-content .content-item-add.added {
  opacity: 1;
}

.finish-profile-modal {
  width: 880px !important;
}
@media screen and (max-width: 768px) {
  .finish-profile-modal {
    width: 100% !important;
  }
}
.finish-profile-modal .form-panel-header {
  margin-bottom: 20px;
}
.finish-profile-modal .form-panel-header.school {
  margin-bottom: 6px;
}
.finish-profile-modal .form-panel-section .fieldset {
  margin-top: 0;
}
.finish-profile-modal .form-panel-section .fieldset.grades {
  float: left;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .finish-profile-modal .form-panel-section .fieldset.grades {
    float: none;
    width: 100%;
  }
}
.finish-profile-modal .form-panel-section .fieldset.grades .field-details {
  margin-bottom: 10px;
}
.finish-profile-modal .form-panel-section .fieldset.grades .grade-checkboxes {
  float: left;
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
  width: 50%;
}
.finish-profile-modal .form-panel-section .fieldset.grades .grade-checkboxes li + li {
  margin-top: 9px;
}
.finish-profile-modal .form-panel-section .fieldset.subjects {
  float: left;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .finish-profile-modal .form-panel-section .fieldset.subjects {
    float: none;
    width: 100%;
  }
}
.finish-profile-modal .form-panel-section .fieldset.subjects .field-details {
  margin-bottom: 10px;
}
.finish-profile-modal .form-panel-section .fieldset.subjects .subject-checkboxes {
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
}
.finish-profile-modal .form-panel-section .fieldset.subjects .subject-checkboxes li + li {
  margin-top: 9px;
}
.finish-profile-modal .form-panel-section .fieldset.details {
  margin-bottom: 34px;
}
.finish-profile-modal .form-panel-section .fieldset.details .field-details {
  margin-bottom: 0;
}
.finish-profile-modal .form-panel-section .fieldset.zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.finish-profile-modal .form-panel-section .fieldset.zipcode:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .finish-profile-modal .form-panel-section .fieldset.zipcode {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .finish-profile-modal .form-panel-section .fieldset.zipcode:last-child {
    margin-right: 0;
  }
}
.finish-profile-modal .form-panel-section .fieldset.school {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 74.1053340983%;
}
.finish-profile-modal .form-panel-section .fieldset.school:last-child {
  margin-right: 0;
}
.finish-profile-modal .form-panel-section .fieldset.school {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .finish-profile-modal .form-panel-section .fieldset.school {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .finish-profile-modal .form-panel-section .fieldset.school:last-child {
    margin-right: 0;
  }
}
.finish-profile-modal .form-panel-section .fieldset.school-other {
  clear: both;
}
.finish-profile-modal .fieldset.send-updates > div {
  margin: auto;
  width: 570px;
}
@media screen and (max-width: 480px) {
  .finish-profile-modal .fieldset.send-updates > div {
    width: 100%;
  }
}
.finish-profile-modal .fieldset.send-updates > div label {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: none;
}
@media screen and (max-width: 480px) {
  .finish-profile-modal .modal-dialog-footer .button-primary {
    top: 0;
  }
}

.footer {
  padding: 40px;
  background: #ffffff;
  font-family: inherit;
  border-top: 1px solid #ddd;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
}
@media (max-width: 1030px) {
  .footer__top {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }
}
.footer__about {
  display: flex;
  flex-direction: row;
  gap: 40px;
  flex: 1;
}
@media (max-width: 1030px) {
  .footer__about {
    flex-direction: column;
    align-items: center;
  }
}
.footer__logo {
  width: 280px;
  height: auto;
}
@media (max-width: 1030px) {
  .footer__logo {
    width: 150px;
  }
}
.footer__description {
  font-family: "Manrope", sans-serif;
  color: black;
  max-width: 600px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
@media (max-width: 600px) {
  .footer__description {
    text-align: left;
  }
}
.footer__links-section {
  display: flex;
  flex-direction: row;
  gap: 80px;
}
@media (max-width: 1200px) {
  .footer__links-section {
    gap: 40px;
  }
}
@media (max-width: 1030px) {
  .footer__links-section {
    flex-direction: row;
    align-items: center;
    gap: 40px;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 600px) {
  .footer__links-section {
    width: 100%;
  }
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100px;
}
.footer__links a {
  font-size: 14px;
  color: black;
  text-decoration: none;
  transition: opacity 0.2s;
  opacity: 0.7;
  font-family: Manrope, sans-serif;
}
.footer__links a:hover {
  color: black;
  opacity: 1;
}
.footer__cta {
  display: flex;
  flex-direction: column;
  width: 200px;
}
.footer__button {
  color: black !important;
  gap: 5px;
  font-family: Manrope, sans-serif;
  width: 162px;
  height: 47px;
  background-color: #fbd20b;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.footer__button:hover {
  opacity: 0.8;
}
.footer__socials {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 12px;
}
.footer__icon {
  width: 26px;
  height: 26px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s;
}
.footer__icon svg {
  width: 100%;
  height: 100%;
}
.footer__icon:hover {
  opacity: 0.6;
}
.footer__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .footer__bottom {
    flex-direction: column;
    text-align: center;
    gap: 6px;
    align-items: start;
  }
}
.footer__copy {
  opacity: 0.8;
}
.footer__legal {
  display: flex;
  gap: 20px;
}
.footer__legal-link {
  color: black !important;
  font-size: 12px;
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  font-family: inherit;
}
.footer__legal-link:hover {
  opacity: 1;
}

.forgotpassword__header {
  text-align: center;
}
.forgotpassword__details__wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.theme-1 .forgotpassword__details__wrapper__section {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .forgotpassword__details__wrapper__section {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .forgotpassword__details__wrapper__section {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .forgotpassword__details__wrapper__section {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .forgotpassword__details__wrapper__section {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .forgotpassword__details__wrapper__section {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .forgotpassword__details__wrapper__section {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .forgotpassword__details__wrapper__section {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .forgotpassword__details__wrapper__section {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .forgotpassword__details__wrapper__section {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .forgotpassword__details__wrapper__section {
  background-color: rgba(224, 241, 143, 0.2);
}
.forgotpassword__details__wrapper__section {
  padding-top: 26px;
}
.forgotpassword__details__wrapper__section:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 34.1192171993%;
}
.forgotpassword__details__wrapper__section:first-child:last-child {
  width: 31.7615656014%;
}
.forgotpassword__details__wrapper__section:first-child {
  margin-left: 14.7019570017%;
}
.forgotpassword__details__wrapper__section:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.forgotpassword__details__wrapper__section:last-child:last-child {
  margin-right: 0;
}
.forgotpassword__details__wrapper__section:last-child {
  border-left: 1px solid #fff;
}
.forgotpassword__details__wrapper__section [class^=field-readonly] {
  color: #222;
}
.forgotpassword__content {
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .forgotpassword__content {
    margin-top: 30px;
  }
}
.forgotpassword__content.small-margin {
  margin-top: 20px;
}
.forgotpassword__content__wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .forgotpassword__content__wrapper__form {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .forgotpassword__content__wrapper__form:last-child {
    margin-right: 0;
  }
  .forgotpassword__content__wrapper__form {
    margin-left: 23.2317613015%;
  }
}
.forgotpassword__content__wrapper__form form {
  margin: 0 1rem;
}
@media screen and (min-width: 769px) {
  .forgotpassword__content__wrapper__form form {
    width: 430px;
    margin: 0 auto;
  }
}
.forgotpassword__content__wrapper__form fieldset {
  margin-bottom: 22px;
}
@media screen and (min-width: 769px) {
  .forgotpassword__content__wrapper__form__actions__section:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 4.8291579146%;
    width: 47.5854210427%;
  }
  .forgotpassword__content__wrapper__form__actions__section:first-child:last-child {
    margin-right: 0;
  }
  .forgotpassword__content__wrapper__form__actions__section:first-child {
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .forgotpassword__content__wrapper__form__actions__section:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 0 !important;
    width: 52.4145789573%;
  }
  .forgotpassword__content__wrapper__form__actions__section:last-child:last-child {
    width: 47.5854210427%;
  }
}
.forgotpassword__content__wrapper__form__actions__section [class^=button-] {
  display: block;
}
@media screen and (max-width: 768px) {
  .forgotpassword__content__wrapper__form__actions__section [class^=button-] {
    margin: 1rem 0 !important;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .forgotpassword__content__wrapper__form__actions__section [class^=button-] {
    margin: 0;
  }
}
.forgotpassword__content__wrapper__message {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.forgotpassword__content__wrapper__message:last-child {
  margin-right: 0;
}
.forgotpassword__content__wrapper__message {
  margin-left: 14.7019570017%;
  text-align: center;
}
.forgotpassword__content__wrapper__message p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  font-weight: 300;
  letter-spacing: -0.36px;
  margin-bottom: 28px;
}
.theme-1 .forgotpassword__student {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .forgotpassword__student {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .forgotpassword__student {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .forgotpassword__student {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .forgotpassword__student {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .forgotpassword__student {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .forgotpassword__student {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .forgotpassword__student {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .forgotpassword__student {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .forgotpassword__student {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .forgotpassword__student {
  background-color: rgba(224, 241, 143, 0.2);
}
.forgotpassword__student__content__wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0;
  text-align: center;
}
.forgotpassword__student__content__wrapper p {
  margin-bottom: 36px;
}
.forgotpassword .student-password-modal {
  width: 880px !important;
}
.forgotpassword .student-password-modal .teacher-options, .forgotpassword .student-password-modal .sign-in, .forgotpassword .student-password-modal .send-email, .forgotpassword .student-password-modal .enter-code, .forgotpassword .student-password-modal .preexisting-recovery, .forgotpassword .student-password-modal .classroom-walkthrough {
  display: none;
}
.forgotpassword .student-password-modal .student-dialog-body .lead-in {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
  text-align: center;
}
.forgotpassword .student-password-modal .student-dialog-body .sub-header {
  line-height: 34px;
  line-height: 2.125rem;
  font-family: inherit;
  margin-bottom: 45px;
  text-align: center;
}
.forgotpassword .student-password-modal .student-dialog-body form {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 58.8629657719%;
}
.forgotpassword .student-password-modal .student-dialog-body form:last-child {
  margin-right: 0;
}
.forgotpassword .student-password-modal .student-dialog-body form {
  margin-left: 14.7019570017%;
}
.forgotpassword .student-password-modal .modal-dialog-footer {
  background-color: #f4f4f4;
}
.forgotpassword .student-password-modal .modal-dialog-footer [class^=button-tertiary] {
  background-color: #fff;
}
.forgotpassword .student-password-modal .modal-dialog-footer [class^=button-tertiary]:hover {
  background-color: #f4f4f4;
}
.forgotpassword .student-password-modal .modal-dialog-footer .recovery-link {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #888;
}

.theme-1 .arrow {
  color: #22b7f2;
}
@media screen and (max-width: 480px) {
  .theme-1 .arrow {
    display: none;
  }
}
.theme-2 .arrow {
  color: #8240ca;
}
@media screen and (max-width: 480px) {
  .theme-2 .arrow {
    display: none;
  }
}
.theme-3 .arrow {
  color: #bd1118;
}
@media screen and (max-width: 480px) {
  .theme-3 .arrow {
    display: none;
  }
}
.theme-4 .arrow {
  color: #cc5302;
}
@media screen and (max-width: 480px) {
  .theme-4 .arrow {
    display: none;
  }
}
.theme-5 .arrow {
  color: #f43b5f;
}
@media screen and (max-width: 480px) {
  .theme-5 .arrow {
    display: none;
  }
}
.theme-6 .arrow {
  color: #0cd2de;
}
@media screen and (max-width: 480px) {
  .theme-6 .arrow {
    display: none;
  }
}
.theme-7 .arrow {
  color: #fba90b;
}
@media screen and (max-width: 480px) {
  .theme-7 .arrow {
    display: none;
  }
}
.theme-8 .arrow {
  color: #13a104;
}
@media screen and (max-width: 480px) {
  .theme-8 .arrow {
    display: none;
  }
}
.theme-9 .arrow {
  color: #07696a;
}
@media screen and (max-width: 480px) {
  .theme-9 .arrow {
    display: none;
  }
}
.theme-10 .arrow {
  color: #005a9d;
}
@media screen and (max-width: 480px) {
  .theme-10 .arrow {
    display: none;
  }
}
.theme-11 .arrow {
  color: #8acb01;
}
@media screen and (max-width: 480px) {
  .theme-11 .arrow {
    display: none;
  }
}

.landerheader {
  height: 511px;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .landerheader {
    height: 350px;
  }
}
.theme-1 .landerheader .free-badge {
  border-bottom-color: rgba(34, 183, 242, 0.88);
}
.theme-2 .landerheader .free-badge {
  border-bottom-color: rgba(130, 64, 202, 0.88);
}
.theme-3 .landerheader .free-badge {
  border-bottom-color: rgba(189, 17, 24, 0.88);
}
.theme-4 .landerheader .free-badge {
  border-bottom-color: rgba(204, 83, 2, 0.88);
}
.theme-5 .landerheader .free-badge {
  border-bottom-color: rgba(244, 59, 95, 0.88);
}
.theme-6 .landerheader .free-badge {
  border-bottom-color: rgba(12, 210, 222, 0.88);
}
.theme-7 .landerheader .free-badge {
  border-bottom-color: rgba(251, 169, 11, 0.88);
}
.theme-8 .landerheader .free-badge {
  border-bottom-color: rgba(19, 161, 4, 0.88);
}
.theme-9 .landerheader .free-badge {
  border-bottom-color: rgba(7, 105, 106, 0.88);
}
.theme-10 .landerheader .free-badge {
  border-bottom-color: rgba(0, 90, 157, 0.88);
}
.theme-11 .landerheader .free-badge {
  border-bottom-color: rgba(138, 203, 1, 0.88);
}
.landerheader .free-badge {
  top: 86px;
}
@media screen and (max-width: 768px) {
  .landerheader .free-badge {
    top: 58px;
  }
}
.landerheader .landerheader-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  z-index: 2;
}
.landerheader .landerheader-title {
  bottom: 68px;
  color: #fff;
  letter-spacing: -0.025em;
  margin-top: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.landerdetails {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  position: relative;
}
.landerdetails-paragraph {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.landerdetails-paragraph:last-child {
  margin-right: 0;
}
.landerdetails-paragraph {
  margin-left: 14.7019570017%;
}
.landerdetails-paragraph p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: -0.25px;
}
.landerdetails-paragraph.description {
  margin-top: 1.5625rem;
}
.landerdetails-paragraph.description p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #333;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}

.landercomponents {
  font-size: 21px;
  font-size: 1.3125rem;
}
@media screen and (max-width: 1060px) {
  .landercomponents .layout-column .image-container {
    text-align: center;
  }
}
.landercomponents {
  margin-bottom: 100px;
  position: relative;
  width: 100%;
}
.landercomponents.lander-preview {
  padding-top: 48px;
}
.landercomponents-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.landercomponents-section {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 68.2384343986%;
}
.landercomponents-section:last-child {
  width: 65.8807828007%;
}
.landercomponents-section {
  margin-left: 17.0596085997%;
}
.landercomponents-section.layout-50-50 section {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.landercomponents-section.layout-50-50 section:last-child {
  margin-right: 0;
}
.landercomponents-section.layout-60-40 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.landercomponents-section.layout-60-40 section:nth-child(1):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-60-40 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.landercomponents-section.layout-60-40 section:nth-child(2):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-40-60 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.landercomponents-section.layout-40-60 section:nth-child(1):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-40-60 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.landercomponents-section.layout-40-60 section:nth-child(2):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-25-75 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.landercomponents-section.layout-25-75 section:nth-child(1):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-25-75 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.landercomponents-section.layout-25-75 section:nth-child(2):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-75-25 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.landercomponents-section.layout-75-25 section:nth-child(1):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-75-25 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.landercomponents-section.layout-75-25 section:nth-child(2):last-child {
  margin-right: 0;
}
.landercomponents-section.layout-33-33-33 section {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.landercomponents-section.layout-33-33-33 section:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1060px) {
  .landercomponents .component-text {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1060px) {
  .landercomponents .component-social {
    padding: 0 16px;
  }
}

.landerchannel {
  color: #fff;
  display: block;
  height: 219px;
  text-align: center;
  width: 100%;
}
.landerchannel-subtitle {
  color: #fff;
  margin-bottom: 27px;
  padding-top: 75px;
  position: relative;
  z-index: 2;
}
.landerchannel-title {
  color: #fff;
  position: relative;
  z-index: 2;
}

.login-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 60px 0;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .login-container {
    flex-direction: column;
  }
}
.login-container .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .login-container .title {
    flex-direction: column;
    text-align: center;
    display: none;
  }
}
.login-container .mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .login-container .mobile {
    display: block;
  }
}
.login-form {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.login-form:last-child {
  margin-right: 0;
}
.login-form {
  padding-right: 28px;
}
@media screen and (max-width: 768px) {
  .login-form {
    width: 100%;
    margin-left: 0;
    padding: 0 16px;
    padding-top: 20px;
  }
}
.login-form > .fieldset-vertical {
  margin-bottom: 28px;
}
.login-form > .fieldset-vertical.password {
  margin-bottom: 10px;
}
.login-form-options {
  padding-top: 5px;
}
.login-form-options-section:first-child {
  float: left;
  margin-top: 12px;
  text-align: left;
}
.login-form-options-section:first-child button {
  background-color: #fbd20b;
}
.login-form-options-section:first-child button:hover {
  background-color: #d0ad03;
}
@media screen and (max-width: 480px) {
  .login-form-options-section:first-child {
    float: none;
  }
  .login-form-options-section:first-child button {
    width: 100%;
  }
}
.login-form-options-section:first-child [type=checkbox]:not(:checked) ~ label,
.login-form-options-section:first-child [type=radio]:not(:checked) ~ label {
  color: #888;
}
.login-form-options-section:last-child {
  float: right;
  margin-top: 12px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .login-form-options-section:last-child {
    float: none;
    text-align: center;
  }
}
.login-form-options-section:last-child a {
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  text-decoration: underline;
  color: black;
  opacity: 0.8;
  text-underline-offset: 2px;
  font-style: normal;
}
.theme-1 .login-form-options-section:last-child a:hover {
  color: #22b7f2;
  opacity: 1;
}
.theme-2 .login-form-options-section:last-child a:hover {
  color: #8240ca;
  opacity: 1;
}
.theme-3 .login-form-options-section:last-child a:hover {
  color: #bd1118;
  opacity: 1;
}
.theme-4 .login-form-options-section:last-child a:hover {
  color: #cc5302;
  opacity: 1;
}
.theme-5 .login-form-options-section:last-child a:hover {
  color: #f43b5f;
  opacity: 1;
}
.theme-6 .login-form-options-section:last-child a:hover {
  color: #0cd2de;
  opacity: 1;
}
.theme-7 .login-form-options-section:last-child a:hover {
  color: #fba90b;
  opacity: 1;
}
.theme-8 .login-form-options-section:last-child a:hover {
  color: #13a104;
  opacity: 1;
}
.theme-9 .login-form-options-section:last-child a:hover {
  color: #07696a;
  opacity: 1;
}
.theme-10 .login-form-options-section:last-child a:hover {
  color: #005a9d;
  opacity: 1;
}
.theme-11 .login-form-options-section:last-child a:hover {
  color: #8acb01;
  opacity: 1;
}
.login-form-options-section .fieldset {
  margin: 0 0 10px 0 !important;
}
.login-form-actions {
  margin-top: 15px;
}
.login-form-student {
  width: 220px;
  float: right;
}
@media screen and (max-width: 768px) {
  .login-form-student {
    display: none;
  }
}
.theme-1 .login-form-student-box {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .login-form-student-box {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .login-form-student-box {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .login-form-student-box {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .login-form-student-box {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .login-form-student-box {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .login-form-student-box {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .login-form-student-box {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .login-form-student-box {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .login-form-student-box {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .login-form-student-box {
  background-color: rgba(224, 241, 143, 0.2);
}
.login-form-student-box {
  padding: 35px 40px;
}
@media screen and (max-width: 768px) {
  .login-form-student-box {
    margin-top: 60px;
  }
}
.login-form-student-box [class^=button] {
  margin-top: 33px;
}
.login-form-student-mobile {
  width: 100%;
  display: none;
}
@media screen and (max-width: 768px) {
  .login-form-student-mobile {
    display: block;
  }
}
.theme-1 .login-form-student-mobile-box {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .login-form-student-mobile-box {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .login-form-student-mobile-box {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .login-form-student-mobile-box {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .login-form-student-mobile-box {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .login-form-student-mobile-box {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .login-form-student-mobile-box {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .login-form-student-mobile-box {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .login-form-student-mobile-box {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .login-form-student-mobile-box {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .login-form-student-mobile-box {
  background-color: rgba(224, 241, 143, 0.2);
}
.login-form-student-mobile-box {
  padding: 35px 40px;
}
@media screen and (max-width: 768px) {
  .login-form-student-mobile-box {
    margin-top: 60px;
  }
}
.login-form-student-mobile-box [class^=button] {
  margin-top: 33px;
}
.login-signup {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #FEF6D9;
  height: 118px;
  align-content: center;
  color: black;
  font-weight: 300;
  padding: 35px 0 40px 0;
  text-align: center;
  gap: 80px;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .login-signup {
    flex-direction: column;
    gap: 20px;
    height: 158px;
  }
}
.login-signup-links {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .login-signup-links {
    flex-direction: column;
    gap: 20px;
  }
}
.login-signup-links a {
  font-size: 16px !important;
  color: black;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-weight: 600 !important;
}
.login-signup a {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  text-decoration: none;
}
.login-modal .header-text {
  font-weight: 300 !important;
  margin-bottom: 0px !important;
  font-family: "myriad-pro", sans-serif;
  text-align: center;
}
.login-modal .close-button-login {
  right: 0px !important;
  top: 0px !important;
  font-size: 24px !important;
}
.login-modal .close-button-login i {
  top: 5px !important;
  left: 5px !important;
  color: black !important;
}
.login-modal {
  width: 808px !important;
}
@media screen and (max-width: 768px) {
  .login-modal {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .login-modal .modal-dialog-body-padding {
    padding: 0 16px;
  }
}
.theme-1 .login-modal .modal-dialog-footer {
  background-color: #22b7f2;
}
.theme-2 .login-modal .modal-dialog-footer {
  background-color: #8240ca;
}
.theme-3 .login-modal .modal-dialog-footer {
  background-color: #bd1118;
}
.theme-4 .login-modal .modal-dialog-footer {
  background-color: #cc5302;
}
.theme-5 .login-modal .modal-dialog-footer {
  background-color: #f43b5f;
}
.theme-6 .login-modal .modal-dialog-footer {
  background-color: #0cd2de;
}
.theme-7 .login-modal .modal-dialog-footer {
  background-color: #fba90b;
}
.theme-8 .login-modal .modal-dialog-footer {
  background-color: #13a104;
}
.theme-9 .login-modal .modal-dialog-footer {
  background-color: #07696a;
}
.theme-10 .login-modal .modal-dialog-footer {
  background-color: #005a9d;
}
.theme-11 .login-modal .modal-dialog-footer {
  background-color: #8acb01;
}
.login-modal .modal-dialog-footer {
  border-top: none;
  color: #fff;
  padding: 46px 0 38px 60px;
  position: relative;
  text-align: left;
}
.login-modal .modal-dialog-footer h3 {
  margin-bottom: 12px;
}
@media screen and (max-width: 480px) {
  .login-modal .modal-dialog-footer [class^=button-] {
    position: relative;
    top: 0;
  }
}
.login-modal .modal-dialog-footer img {
  bottom: 0;
  position: absolute;
  right: 52px;
}
@media screen and (max-width: 768px) {
  .login-modal .modal-dialog-footer img {
    display: none;
  }
}
.login-modal .oauth {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .login-modal .oauth {
    flex-direction: column;
    width: 100%;
    min-width: 270px;
  }
}
.login-modal .oauth a {
  margin-left: 10px;
  margin-right: 10px;
}

.create-student-modal {
  width: 880px !important;
}
@media screen and (max-width: 940px) {
  .create-student-modal {
    width: 600px !important;
  }
}
@media screen and (max-width: 768px) {
  .create-student-modal {
    width: 100% !important;
  }
}
.create-student-modal.-fullpage {
  margin-left: auto;
  margin-right: auto;
}
.create-student-modal .modal-dialog-header {
  padding-top: 56px;
}
.create-student-modal .modal-title {
  border-bottom: 1px solid #eee;
  margin: 0 90px 17px 90px;
  padding-bottom: 22px;
}
.create-student-modal .oauth {
  margin: 0 auto 68px auto;
  position: relative;
  text-align: center;
}
.create-student-modal .oauth a {
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 480px) {
  .create-student-modal .oauth a {
    margin-left: 0;
    margin-right: 0;
  }
}
.create-student-modal .step-row {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 100%;
}
.create-student-modal .step-row:last-child {
  margin-right: 0;
}
.create-student-modal .step-row-header {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 100%;
}
.create-student-modal .step-row-header:last-child {
  margin-right: 0;
}
.create-student-modal .step-row-header {
  margin-bottom: 8px;
}
.create-student-modal .step-row-header-number {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
}
.theme-1 .create-student-modal .step-row-header-number {
  color: #22b7f2;
}
.theme-2 .create-student-modal .step-row-header-number {
  color: #8240ca;
}
.theme-3 .create-student-modal .step-row-header-number {
  color: #bd1118;
}
.theme-4 .create-student-modal .step-row-header-number {
  color: #cc5302;
}
.theme-5 .create-student-modal .step-row-header-number {
  color: #f43b5f;
}
.theme-6 .create-student-modal .step-row-header-number {
  color: #0cd2de;
}
.theme-7 .create-student-modal .step-row-header-number {
  color: #fba90b;
}
.theme-8 .create-student-modal .step-row-header-number {
  color: #13a104;
}
.theme-9 .create-student-modal .step-row-header-number {
  color: #07696a;
}
.theme-10 .create-student-modal .step-row-header-number {
  color: #005a9d;
}
.theme-11 .create-student-modal .step-row-header-number {
  color: #8acb01;
}
.create-student-modal .step-row-header-number {
  float: left;
  margin-bottom: 7px;
  margin-right: 8px;
}
.create-student-modal .step-row-header-label {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  color: #222;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
}
.create-student-modal .step-row-fields-column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.create-student-modal .step-row-fields-column:last-child {
  margin-right: 0;
}
.create-student-modal .step-row-fields-column--extra {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.create-student-modal .step-row-fields-column--extra:last-child {
  margin-right: 0;
}
.create-student-modal .actions {
  margin-bottom: 58px;
  text-align: center;
}
.create-student-modal .student-account-login {
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  margin: 10px 0;
  text-align: center;
}
.create-student-modal .student-account-login a {
  font-family: "myriad-pro", sans-serif;
}
.create-student-modal .modal-dialog-footer {
  background-color: #f4f4f4;
}
.create-student-modal .modal-dialog-footer [class^=button-tertiary] {
  background-color: #fff;
}
.create-student-modal .modal-dialog-footer [class^=button-tertiary]:hover {
  background-color: #f4f4f4;
}

@font-face {
  font-family: "Futura Book";
  src: url("/assets/fonts/1475798/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"), url("/assets/fonts/1475798/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff");
}
@font-face {
  font-family: "Futura Demi";
  src: url("/assets/fonts/5101916/83e226aa-f7cd-4a46-b9b2-af466559a7fb.woff2") format("woff2"), url("/assets/fonts/5101916/dabb0d46-8454-4e1c-94e8-598cbcb70856.woff") format("woff");
}
@font-face {
  font-family: "proxima-nova-light";
  src: url("/assets/fonts/6084ebdf-4040-41f9-b612-c8d0d5f97ec7.woff2") format("woff2"), url("/assets/fonts/55bc0e6b-fc23-48e1-b3b9-558875134c5a.woff") format("woff");
}
@font-face {
  font-family: "proxima-nova-bold";
  src: url("/assets/fonts/1df9aeba-11c6-4ec4-b6eb-1667994d0b6b.woff2") format("woff2"), url("/assets/fonts/ff543787-fb6c-4f37-8543-1a896cfd5f1f.woff") format("woff");
}
html *, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 100%;
  width: 100%;
}

body.modal-open, body.search-open, body.overlay-open {
  overflow: hidden;
}
body.home {
  background-color: #f4f4f4;
}
body.gray-body {
  background-color: #f4f4f4;
}
body.hide-navigation .site > header {
  display: none;
}
body.hide-navigation .landercomponents {
  padding-top: 25px;
}
body.relative {
  position: relative;
}
body.locked {
  position: fixed !important;
}

a {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.loginPanelStaging {
  display: flex;
  position: absolute;
  height: 100%;
  left: 40%;
  align-items: center;
}

.social-icon {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 64px;
  line-height: 4rem;
  margin-right: 22px;
}

.pinterest-hide {
  position: absolute;
  top: 0;
  z-index: -1;
}

.site {
  min-height: 100%;
  position: relative;
  /*  @include respond(phone) {
        padding-bottom: 652px;
    }*/
}
.nofooter .site {
  padding-bottom: 0;
}
.discover-map .site {
  max-height: 100vh;
}
.dimmed .site {
  background: #eee;
}

.main-content.has-toolbar {
  padding-bottom: 81px;
}
.main-content > [class^=alertbar-] {
  padding-top: 110px;
}
.main-content--dimmed {
  background: #eee;
}
@media screen and (max-width: 900px) {
  .main-content--footer-pushed-down + footer {
    padding-top: 80px;
  }
}
@media screen and (max-width: 600px) {
  .main-content--footer-pushed-down + footer {
    padding-top: 20px;
  }
}

.page-content {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 75px;
  padding-top: 101px;
}
.page-content.empty-header {
  padding-top: 50px;
}
[class^=alertbar-] + .page-content {
  padding-top: 50px;
}
.page-content--centered {
  text-align: center;
}
@media screen and (max-width: 900px) {
  .page-content--decreased-padding-top {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .page-content--decreased-padding-top {
    padding-top: 50px;
  }
}
.page-content--without-padding-top-desktop {
  padding-top: 0px;
}
@media screen and (max-width: 480px) {
  .page-content--without-padding-top-mobile {
    padding-top: 0px;
  }
}

.layout-sidebar .content {
  width: 100%;
}
.layout-sidebar .content-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}
.layout-sidebar .content-article {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 76.7682386985%;
}
.layout-sidebar .content-article:last-child {
  width: 74.4105871005%;
}
.layout-sidebar .content-article {
  min-height: 1200px;
  padding-bottom: 100px;
  position: relative;
}
.layout-sidebar .content-background {
  background-color: #f4f4f4;
  height: 100%;
  position: absolute;
  left: -1000%;
  top: 0;
  width: 1000%;
  z-index: 1;
}
.layout-sidebar .content-container {
  padding-top: 82px;
  position: relative;
  z-index: 2;
}
.layout-sidebar .content-container-inset {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.1684356888%;
  width: 91.9757883353%;
}
.layout-sidebar .content-container-inset:last-child {
  margin-right: 0;
}
.layout-sidebar .content-container-inset {
  margin-left: 8.2947238322%;
}
.layout-sidebar .content-sidebar {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 25.5894128995%;
}
.layout-sidebar .content-sidebar:last-child {
  width: 23.2317613015%;
}
.layout-sidebar .content-sidebar {
  padding: 106px 0 50px 0;
  position: relative;
  z-index: 2;
}
.layout-sidebar .content-sidebar-fields {
  list-style: none;
  margin: 38px 0 44px 0;
  padding: 0;
}
.layout-sidebar .content-sidebar-fields .fieldset-vertical {
  margin-bottom: 18px;
}
.layout-sidebar .content-sidebar-actions {
  position: relative;
}
.layout-sidebar .content-sidebar-actions .button,
.layout-sidebar .content-sidebar-actions [class^=button] {
  margin-left: 0;
}
.layout-sidebar .content-sidebar-actions .button + .button,
.layout-sidebar .content-sidebar-actions [class^=button] + [class^=button] {
  margin-top: 8px;
}
.layout-sidebar .content-sidebar .divider {
  background-color: #ddd;
  height: 1px;
  margin: 40px 0;
  width: 91px;
}
.layout-sidebar .content-sidebar .custom-units-actions {
  margin-top: 30px;
  margin-bottom: 20px;
}
.layout-sidebar .content-sidebar .custom-units-actions [class^=button] {
  margin: 0;
  margin-bottom: 13px;
}
.layout-sidebar .content-sidebar .sub-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.layout-sidebar .content-sidebar .sub-nav.-saved {
  border-top: 1px solid #bbb;
  padding-top: 20px;
  margin-top: 40px;
}
.layout-sidebar .content-sidebar .sub-nav-item a {
  -webkit-transition: color, 0.2s ease-in-out;
  -moz-transition: color, 0.2s ease-in-out;
  transition: color, 0.2s ease-in-out;
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  padding: 18px 30px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.theme-1 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #22b7f2;
}
.theme-2 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #8240ca;
}
.theme-3 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #bd1118;
}
.theme-4 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #cc5302;
}
.theme-5 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #f43b5f;
}
.theme-6 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #0cd2de;
}
.theme-7 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #fba90b;
}
.theme-8 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #13a104;
}
.theme-9 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #07696a;
}
.theme-10 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #005a9d;
}
.theme-11 .layout-sidebar .content-sidebar .sub-nav-item a:hover {
  color: #8acb01;
}
.theme-1 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #22b7f2;
}
.theme-2 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #8240ca;
}
.theme-3 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #bd1118;
}
.theme-4 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #cc5302;
}
.theme-5 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #f43b5f;
}
.theme-6 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #0cd2de;
}
.theme-7 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #fba90b;
}
.theme-8 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #13a104;
}
.theme-9 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #07696a;
}
.theme-10 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #005a9d;
}
.theme-11 .layout-sidebar .content-sidebar .sub-nav-item-count {
  color: #8acb01;
}
.layout-sidebar .content-sidebar .sub-nav-item.active {
  background-color: #fff;
}
.theme-1 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #22b7f2;
}
.theme-2 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #8240ca;
}
.theme-3 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #bd1118;
}
.theme-4 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #cc5302;
}
.theme-5 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #f43b5f;
}
.theme-6 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #0cd2de;
}
.theme-7 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #fba90b;
}
.theme-8 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #13a104;
}
.theme-9 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #07696a;
}
.theme-10 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #005a9d;
}
.theme-11 .layout-sidebar .content-sidebar .sub-nav-item.active a {
  color: #8acb01;
}
.layout-sidebar .content-section-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 26px;
}
.layout-sidebar .content-section-header h3 {
  margin-bottom: 4px;
}

.show-for-tablet {
  display: none;
}
@media screen and (min-width: 769px) {
  .show-for-tablet {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .layout-50-50 > .layout-column {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-50-50 > .layout-column:last-of-type {
    margin-top: 40px;
  }
}

@media screen and (max-width: 480px) {
  .layout-60-40 > .layout-column {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-60-40 > .layout-column:last-of-type {
    margin-top: 40px;
  }
}

@media screen and (max-width: 480px) {
  .layout-40-60 > .layout-column {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-40-60 > .layout-column:last-of-type {
    margin-top: 40px;
  }
}

@media screen and (max-width: 480px) {
  .layout-75-25 > .layout-column {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-75-25 > .layout-column:last-of-type {
    margin-top: 40px;
  }
}

@media screen and (max-width: 480px) {
  .layout-25-75 > .layout-column {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-25-75 > .layout-column:last-of-type {
    margin-top: 40px;
  }
}

@media screen and (max-width: 480px) {
  .layout-33-33-33 > .layout-column {
    margin-top: 40px;
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-33-33-33 > .layout-column:first-of-type {
    margin-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .layout-25-25-25-25 > .layout-column {
    margin-top: 40px;
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-25-25-25-25 > .layout-column:first-of-type {
    margin-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .layout-offset-left > .layout-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-offset-left > .layout-column:first-of-type {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-offset-left > .layout-column:last-of-type {
    margin-top: 40px;
  }
}

@media screen and (max-width: 480px) {
  .layout-offset-right > .layout-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  .layout-offset-right > .layout-column:last-of-type {
    margin-top: 40px;
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.quoteform -quoteform {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.quoteform .quoteform.-intro {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .quoteform .quoteform.-intro:before, .quoteform .quoteform.-intro:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .quoteform .quoteform.-intro:before, .quoteform .quoteform.-intro:after {
    display: none;
  }
}
.quoteform .quoteform.-form {
  position: relative;
}
.quoteform .quoteform-testimonial {
  background-color: rgb(12.5, 155.7692307692, 212.5);
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform-testimonial {
    display: none;
  }
}
.quoteform .quoteform-testimonial-wrapper {
  position: relative;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 208px;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform-testimonial-wrapper {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .quoteform .quoteform-testimonial-wrapper:before, .quoteform .quoteform-testimonial-wrapper:after {
    display: none;
  }
}
.quoteform .quoteform-testimonial-title {
  color: white;
  padding-top: 34px;
  text-align: center;
  margin-bottom: 12px;
  font-weight: 300;
  font-family: "museo", serif;
  font-style: normal;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 52px;
  line-height: 3.25rem;
}
@media screen and (max-width: 768px) {
  .quoteform .quoteform-testimonial-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 46px;
    line-height: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform-testimonial-title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.quoteform .quoteform-testimonial-subtitle {
  color: white;
  font-size: 14px;
  text-align: center;
  font-weight: 800;
  font-style: italic;
  font-family: "proxima-nova", sans-serif;
  line-height: 14px;
}
.quoteform .quoteform-testimonial-detail {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  padding-top: 4px;
  text-align: center;
  font-weight: 100;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  margin-top: 0px;
  line-height: 14px;
}
.quoteform .quoteform .quotecontent {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 3;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 46px;
  -webkit-box-shadow: 0px 0px 90px -20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 90px -20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 90px -20px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.quoteform .quoteform .quotecontent-wrapper {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
}
.quoteform .quoteform .quotecontent-header {
  margin-bottom: 50px;
}
.quoteform .quoteform .quotecontent-header h2 {
  font-family: "myriad-pro", sans-serif;
  font-size: 48px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .quoteform .quoteform .quotecontent-header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-header h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
.quoteform .quoteform .quotecontent-header p {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  color: #888;
  font-weight: 300;
  margin-bottom: 18px;
}
.quoteform .quoteform .quotecontent-header p a {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-header p {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .quoteform .quoteform .quotecontent-header p a {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.quoteform .quoteform .quotecontent-details .chosen-single,
.quoteform .quoteform .quotecontent-details .chosen-default {
  height: 55px;
}
.quoteform .quoteform .quotecontent-details .columns-1 {
  float: left;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .columns-1 {
    float: none;
  }
}
.quoteform .quoteform .quotecontent-details .columns-2 fieldset {
  float: left;
  width: 49%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .columns-2 fieldset {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .columns-2 :first-child:not(a) {
  margin-right: 2%;
}
.quoteform .quoteform .quotecontent-details .columns-3 fieldset {
  float: left;
  width: 32%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .columns-3 fieldset {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .columns-3 :first-child {
  margin-right: 2%;
}
.quoteform .quoteform .quotecontent-details .columns-3 :last-child {
  margin-left: 2%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .columns-3 :last-child {
    margin-left: auto;
  }
}
.quoteform .quoteform .quotecontent-details .form-panel-header {
  margin-bottom: 15px;
}
.quoteform .quoteform .quotecontent-details .form-panel-details {
  margin-bottom: 18px;
}
.quoteform .quoteform .quotecontent-details .school-location .zipcode {
  float: left;
  width: 14%;
  margin-right: 2%;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .school-location .zipcode {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .school-location .school {
  float: left;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .school-location .school {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .school-location .school-other {
  float: left;
  width: 32%;
  margin-left: 2%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .school-location .school-other {
    float: none;
    width: 100%;
    margin-left: auto;
  }
}
.quoteform .quoteform .quotecontent-details .educator-details {
  float: left;
  width: 100%;
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset {
  margin-top: 0;
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades {
  float: left;
  width: 33%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades .grade-checkboxes {
  float: left;
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
  width: 50%;
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.grades .grade-checkboxes li + li {
  margin-top: 9px;
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects {
  float: left;
  width: 35%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects .subject-checkboxes {
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.subjects .subject-checkboxes li + li {
  margin-top: 9px;
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.other-subjects {
  float: left;
  width: 32%;
}
@media screen and (max-width: 480px) {
  .quoteform .quoteform .quotecontent-details .educator-details .fieldset.other-subjects {
    float: none;
    width: 100%;
  }
}
.quoteform .quoteform .quotecontent-details .educator-details .fieldset.other-subjects textarea {
  height: 172px;
}
.quoteform .quoteform .quotecontent-actions {
  float: left;
  width: 100%;
}

.-quote {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.-quote:before {
  content: url("/Assets/Images/Quote/left_body_dots-new.png");
  position: absolute;
  top: 126px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .-quote:before {
    display: none;
  }
}
.-quote:after {
  content: url("/Assets/Images/Quote/right_body_dots-new.png");
  position: absolute;
  top: 888px;
  right: 0px;
  z-index: 0;
}

.quote.-intro {
  position: relative;
  z-index: 1;
}
.quote.-intro:before {
  content: url("/Assets/Images/Quote/banner_top_left_dots-new.png");
  position: absolute;
}
.quote.-intro:after {
  content: url("/Assets/Images/Quote/banner_right_dots-new.png");
  position: absolute;
  right: 0;
  bottom: -4px;
}
@media screen and (max-width: 1024px) {
  .quote.-intro:before, .quote.-intro:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .quote.-intro:before, .quote.-intro:after {
    display: none;
  }
}
.quote.-form {
  position: relative;
}
.quote.-form:before {
  content: url("/Assets/Images/Quote/leaves-LowRez.png");
  position: absolute;
  left: 0;
  top: 400px;
  z-index: 1;
}
.quote.-form:after {
  content: url("/Assets/Images/Quote/Gear-Frog-LowRez.png");
  position: absolute;
  top: -50px;
  right: 0;
}
.quote-testimonial {
  background-color: rgb(12.5, 155.7692307692, 212.5);
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .quote-testimonial {
    display: none;
  }
}
.quote-testimonial-wrapper {
  position: relative;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 208px;
}
@media screen and (max-width: 480px) {
  .quote-testimonial-wrapper {
    display: none;
  }
}
.quote-testimonial-wrapper:before {
  content: url("/Assets/Images/Quote/quotation-marks.png");
  position: absolute;
  left: -96px;
  top: -30px;
}
.quote-testimonial-wrapper:after {
  content: url("/Assets/Images/Quote/quotation-marks.png");
  transform: scaleX(-1) scaleY(-1);
  position: absolute;
  z-index: 2;
  top: 116px;
  right: -86px;
}
@media screen and (max-width: 768px) {
  .quote-testimonial-wrapper:before, .quote-testimonial-wrapper:after {
    display: none;
  }
}
.quote-testimonial-title {
  color: white;
  padding-top: 34px;
  text-align: center;
  margin-bottom: 12px;
  font-weight: 300;
  font-family: "museo", serif;
  font-style: normal;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 52px;
  line-height: 3.25rem;
}
@media screen and (max-width: 768px) {
  .quote-testimonial-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 46px;
    line-height: 2.875rem;
  }
}
@media screen and (max-width: 480px) {
  .quote-testimonial-title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}
.quote-testimonial-subtitle {
  color: white;
  font-size: 14px;
  text-align: center;
  font-weight: 800;
  font-style: italic;
  font-family: "proxima-nova", sans-serif;
  line-height: 14px;
}
.quote-testimonial-detail {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  padding-top: 4px;
  text-align: center;
  font-weight: 100;
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  margin-top: 0px;
  line-height: 14px;
}
.quote .quotecontent {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 3;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 74px;
  margin-top: 46px;
  padding-top: 46px;
  -webkit-box-shadow: 0px 0px 90px -20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 90px -20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 90px -20px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 480px) {
  .quote .quotecontent {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.quote .quotecontent-wrapper {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
}
.quote .quotecontent-header {
  margin-bottom: 50px;
}
.quote .quotecontent-header h2 {
  font-family: "myriad-pro", sans-serif;
  font-size: 48px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .quote .quotecontent-header h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-header h2 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
.quote .quotecontent-header p {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  color: #888;
  font-weight: 300;
  margin-bottom: 18px;
}
.quote .quotecontent-header p a {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-header p {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .quote .quotecontent-header p a {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.quote .quotecontent-details .chosen-single,
.quote .quotecontent-details .chosen-default {
  height: 55px;
}
.quote .quotecontent-details .columns-1 {
  float: left;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .columns-1 {
    float: none;
  }
}
.quote .quotecontent-details .columns-2 fieldset {
  float: left;
  width: 49%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .columns-2 fieldset {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .columns-2 :first-child:not(a) {
  margin-right: 2%;
}
.quote .quotecontent-details .columns-3 fieldset {
  float: left;
  width: 32%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .columns-3 fieldset {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .columns-3 :first-child {
  margin-right: 2%;
}
.quote .quotecontent-details .columns-3 :last-child {
  margin-left: 2%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .columns-3 :last-child {
    margin-left: auto;
  }
}
.quote .quotecontent-details .form-panel-header {
  margin-bottom: 15px;
}
.quote .quotecontent-details .form-panel-details {
  margin-bottom: 18px;
}
.quote .quotecontent-details .school-location .zipcode {
  float: left;
  width: 14%;
  margin-right: 2%;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .school-location .zipcode {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .school-location .school {
  float: left;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .school-location .school {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .school-location .school-other {
  float: left;
  width: 32%;
  margin-left: 2%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .school-location .school-other {
    float: none;
    width: 100%;
    margin-left: auto;
  }
}
.quote .quotecontent-details .educator-details {
  float: left;
  width: 100%;
}
.quote .quotecontent-details .educator-details .fieldset {
  margin-top: 0;
}
.quote .quotecontent-details .educator-details .fieldset.grades {
  float: left;
  width: 33%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .educator-details .fieldset.grades {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .educator-details .fieldset.grades .grade-checkboxes {
  float: left;
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
  width: 50%;
}
.quote .quotecontent-details .educator-details .fieldset.grades .grade-checkboxes li + li {
  margin-top: 9px;
}
.quote .quotecontent-details .educator-details .fieldset.subjects {
  float: left;
  width: 35%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .educator-details .fieldset.subjects {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .educator-details .fieldset.subjects .subject-checkboxes {
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
}
.quote .quotecontent-details .educator-details .fieldset.subjects .subject-checkboxes li + li {
  margin-top: 9px;
}
.quote .quotecontent-details .educator-details .fieldset.other-subjects {
  float: left;
  width: 32%;
}
@media screen and (max-width: 480px) {
  .quote .quotecontent-details .educator-details .fieldset.other-subjects {
    float: none;
    width: 100%;
  }
}
.quote .quotecontent-details .educator-details .fieldset.other-subjects textarea {
  height: 172px;
}
.quote .quotecontent-actions {
  float: left;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .quote__button {
    width: 100%;
    margin: 20px 0 !important;
  }
}

.quote__download-left-side {
  float: left;
  width: 55%;
}

.quote__download-right-side {
  float: right;
  width: 45%;
}

.quote__download-data {
  margin-top: 30px;
}

.quote__download-data-heading {
  font-weight: bold;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 38.1982059067%;
  width: 100%;
}
.quote__download-data-heading:last-child {
  margin-right: 0;
}

.quote__download-data-key {
  float: left;
  min-height: 1px;
  position: relative;
  width: 27%;
}
.quote__download-data-key--emphasized {
  font-weight: bold;
}

.quote__table {
  margin-top: 30px;
  border-top: 1px solid black;
  width: 100%;
}

.quote__cell {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}
.quote__cell--centered {
  text-align: center;
}
.quote__cell--left-aligned {
  padding-left: 5px;
}
.quote__cell:last-of-type {
  border-right: 1px solid black;
}

.quote__table-header, .quote__table-summary {
  background-color: silver;
}

.quote__notes-heading, .quote__note {
  margin: 20px 0;
  font-style: italic;
}

.quote__notes {
  margin-left: 200px;
}

.quote__question-and-answer {
  margin-top: 20px;
}

.quote__question {
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  min-width: 200px;
}

.quote__answer {
  display: inline;
}

.quote__mail-href {
  color: blue !important;
  font-style: italic;
  font-family: "myriad-pro", sans-serif;
  font-size: 0.9rem;
}

.quote__footer {
  margin-top: 25px;
  text-align: center;
  font-size: 0.5rem;
}

.register-container {
  padding-top: 18px;
  text-align: center;
}
.register-container.referral {
  padding-top: 0;
}
.register-container .get-started {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  border-bottom: 1px solid #eee;
  color: #888;
  font-weight: 300;
  letter-spacing: -0.36px;
  padding-bottom: 40px;
}
.register-container .get-started--small {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 36px;
  line-height: 2.25rem;
  border-bottom: 1px solid #eee;
  color: #888;
  font-weight: 300;
  letter-spacing: -0.36px;
  padding-top: -18px;
  padding-bottom: 34px;
}
.theme-1 .register-container .get-started span {
  color: #22b7f2;
}
.theme-2 .register-container .get-started span {
  color: #8240ca;
}
.theme-3 .register-container .get-started span {
  color: #bd1118;
}
.theme-4 .register-container .get-started span {
  color: #cc5302;
}
.theme-5 .register-container .get-started span {
  color: #f43b5f;
}
.theme-6 .register-container .get-started span {
  color: #0cd2de;
}
.theme-7 .register-container .get-started span {
  color: #fba90b;
}
.theme-8 .register-container .get-started span {
  color: #13a104;
}
.theme-9 .register-container .get-started span {
  color: #07696a;
}
.theme-10 .register-container .get-started span {
  color: #005a9d;
}
.theme-11 .register-container .get-started span {
  color: #8acb01;
}
.register-container .get-started span {
  text-transform: uppercase;
}
.register-container .start-options {
  margin-top: 24px;
  margin-bottom: 24px;
}
.register-container .oauth {
  margin: 35px auto 27px auto;
  position: relative;
}
.register-container .oauth a {
  margin-left: 10px;
  margin-right: 10px;
}
.register-container .oauth:after {
  font-size: 24px;
  font-size: 1.5rem;
  bottom: -45px;
  color: #bbb;
  content: "or";
  font-weight: 400;
  left: 0;
  position: absolute;
  right: 0;
}
.register-form {
  margin: 0 auto;
  text-align: left;
  width: 542px;
}
@media screen and (max-width: 768px) {
  .register-form {
    width: auto;
  }
}
.register-form .fieldset-vertical {
  margin: 0 66px 27px 66px !important;
}
@media screen and (max-width: 480px) {
  .register-form .fieldset-vertical {
    margin: 0 0 27px 0 !important;
  }
}
.register-form .send-updates {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .register-form .send-updates {
    margin: auto;
  }
}
.register-form .send-updates .field-label-checkbox {
  text-transform: inherit;
}
.register-form .send-updates [type=checkbox]:not(:checked) ~ label,
.register-form .send-updates [type=checkbox]:checked ~ label {
  color: #888 !important;
}
.register-form .send-updates [type=checkbox]:checked ~ label:before {
  border-color: #888 !important;
}
.register-form .send-updates [type=checkbox]:not(:checked) ~ label:after,
.register-form .send-updates [type=checkbox]:checked ~ label:after {
  color: #888 !important;
}
.register-form .captcha {
  text-align: center;
}
.register-form .captcha #registration_captcha {
  display: inline-block;
}
.register-form .captcha #registration_captcha > div > div {
  margin: 0 auto;
}
.register-form .button-primary {
  display: block;
  margin: auto;
  width: 338px;
}
@media screen and (max-width: 480px) {
  .register-form .button-primary {
    width: 100%;
  }
}
.register-modal {
  width: 880px !important;
}
@media screen and (max-width: 940px) {
  .register-modal {
    width: 600px !important;
  }
}
@media screen and (max-width: 768px) {
  .register-modal {
    width: 100% !important;
  }
}
.register-modal .modal-dialog-header h2 {
  margin-top: 16px;
  margin-bottom: 4px;
}
.register-modal .modal-dialog-footer {
  padding: 42px 0;
}
.register-modal .modal-dialog-footer .footer-actions #create-account {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.register-modal .modal-dialog-footer .footer-actions #create-account:last-child {
  margin-right: 0;
}
.register-modal .modal-dialog-footer .footer-actions #create-account {
  float: none;
  margin: 0 auto;
  margin-right: auto !important;
}
@media screen and (max-width: 480px) {
  .register-modal .modal-dialog-footer .footer-actions #create-account {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.8425855704%;
    width: 79.4314828859%;
  }
  .register-modal .modal-dialog-footer .footer-actions #create-account:last-child {
    margin-right: 0;
  }
  .register-modal .modal-dialog-footer .footer-actions #create-account {
    margin-left: 7.4416729867%;
    top: 0;
  }
}
.register-modal .modal-dialog-footer .already-registered {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  font-weight: 400;
}
.register-modal .modal-dialog-footer .already-registered a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "myriad-pro", sans-serif;
}
.register-thankyou-modal {
  width: 880px !important;
}
@media screen and (max-width: 768px) {
  .register-thankyou-modal {
    width: 100% !important;
  }
}
.register-thankyou-modal .modal-dialog-body {
  text-align: center;
}
.register-thankyou-modal .modal-dialog-body p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  font-weight: 300;
  letter-spacing: -0.36px;
  margin-bottom: 60px;
}
.register-thankyou-modal .modal-dialog-footer {
  padding: 38px 0 52px 0;
  text-align: center;
}

.splash {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  min-height: 600px;
  padding-top: 94px;
}
.splash-container {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 34.1192171993%;
}
.splash-container:last-child {
  width: 31.7615656014%;
}
.splash-container {
  margin-left: 34.1192171993%;
}
.splash-header {
  margin-bottom: 29px;
  text-align: center;
}
.splash-message {
  margin-bottom: 20px;
}
.splash-actions-section:first-child {
  float: left;
  margin-top: 12px;
  text-align: left;
}
.splash-actions-section:last-child {
  float: right;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .standards {
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 480px) {
  .standards {
    padding-left: 0;
    padding-right: 0;
  }
}
.standards__selections {
  margin-top: 71px;
}
.standards__selections__list {
  margin-bottom: 33px !important;
}
.standards__selections__list .fieldset {
  margin-bottom: 15px !important;
}
@media screen and (max-width: 768px) {
  .standards__dropdowns .fieldset {
    margin-bottom: 25px !important;
  }
}
.standards__dropdowns .fieldset:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.standards__dropdowns .fieldset:nth-child(1):last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .standards__dropdowns .fieldset:nth-child(1) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .standards__dropdowns .fieldset:nth-child(1):last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .standards__dropdowns .fieldset:nth-child(1) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__dropdowns .fieldset:nth-child(1):last-child {
    margin-right: 0;
  }
}
.standards__dropdowns .fieldset:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.standards__dropdowns .fieldset:nth-child(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .standards__dropdowns .fieldset:nth-child(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  .standards__dropdowns .fieldset:nth-child(2):last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .standards__dropdowns .fieldset:nth-child(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__dropdowns .fieldset:nth-child(2):last-child {
    margin-right: 0;
  }
}
.standards__dropdowns .fieldset:nth-child(3) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.standards__dropdowns .fieldset:nth-child(3):last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .standards__dropdowns .fieldset:nth-child(3) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .standards__dropdowns .fieldset:nth-child(3):last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .standards__dropdowns .fieldset:nth-child(3) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__dropdowns .fieldset:nth-child(3):last-child {
    margin-right: 0;
  }
}
.standards__dropdowns .fieldset:nth-child(4) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.standards__dropdowns .fieldset:nth-child(4):last-child {
  margin-right: 0;
}
.standards__dropdowns .fieldset:nth-child(4) {
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .standards__dropdowns .fieldset:nth-child(4) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 40.2913699012%;
  }
  .standards__dropdowns .fieldset:nth-child(4):last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .standards__dropdowns .fieldset:nth-child(4) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__dropdowns .fieldset:nth-child(4):last-child {
    margin-right: 0;
  }
}
.standards__list h3 {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
}
.standards__list h3:first-child {
  margin-top: 44px;
}
@media screen and (max-width: 768px) {
  .standards__list h3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.standards__row {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .standards__row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.standards__row.-header {
  -webkit-box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-top: 18px;
  padding-bottom: 27px;
  padding-top: 29px;
}
.standards__row.-standard {
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
  padding-bottom: 43px;
  padding-top: 40px;
}
.standards__row.-standard .standards__columns__column {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #222;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 400;
}
.standards__row.-standard .standards__columns__column:nth-child(1), .standards__row.-standard .standards__columns__column:nth-child(2) {
  text-transform: uppercase;
}
.standards__row.-standard .standards__columns__column h5, .standards__row.-standard .standards__columns__column .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .standards__row.-standard .standards__columns__column .crumb, .standards__row.-standard .standards__columns__column .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .standards__row.-standard .standards__columns__column .darken {
  display: inline;
}
.standards__columns {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 480px) {
  .standards__columns__column {
    margin-bottom: 10px;
  }
}
.standards__columns__column:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.standards__columns__column:nth-child(1):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .standards__columns__column:nth-child(1) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__columns__column:nth-child(1):last-child {
    margin-right: 0;
  }
}
.standards__columns__column:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.standards__columns__column:nth-child(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .standards__columns__column:nth-child(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 23.2317613015%;
  }
  .standards__columns__column:nth-child(2):last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .standards__columns__column:nth-child(2) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__columns__column:nth-child(2):last-child {
    margin-right: 0;
  }
}
.standards__columns__column:nth-child(3) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.standards__columns__column:nth-child(3):last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .standards__columns__column:nth-child(3) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .standards__columns__column:nth-child(3):last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .standards__columns__column:nth-child(3) {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .standards__columns__column:nth-child(3):last-child {
    margin-right: 0;
  }
}
.standards__description {
  margin-bottom: 26px;
}
.standards__units span, .standards__units a {
  font-size: 14px;
  font-size: 0.875rem;
}
.theme-1 .standards__units span, .theme-1 .standards__units a {
  color: #22b7f2;
}
.theme-2 .standards__units span, .theme-2 .standards__units a {
  color: #8240ca;
}
.theme-3 .standards__units span, .theme-3 .standards__units a {
  color: #bd1118;
}
.theme-4 .standards__units span, .theme-4 .standards__units a {
  color: #cc5302;
}
.theme-5 .standards__units span, .theme-5 .standards__units a {
  color: #f43b5f;
}
.theme-6 .standards__units span, .theme-6 .standards__units a {
  color: #0cd2de;
}
.theme-7 .standards__units span, .theme-7 .standards__units a {
  color: #fba90b;
}
.theme-8 .standards__units span, .theme-8 .standards__units a {
  color: #13a104;
}
.theme-9 .standards__units span, .theme-9 .standards__units a {
  color: #07696a;
}
.theme-10 .standards__units span, .theme-10 .standards__units a {
  color: #005a9d;
}
.theme-11 .standards__units span, .theme-11 .standards__units a {
  color: #8acb01;
}
.standards__units span, .standards__units a {
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.standards__nounits {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #888;
  font-style: italic;
}
.standards__nounits a {
  font-size: 14px;
  font-size: 0.875rem;
}
.standards__empty {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .standards__empty {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.vocabulary-mobile-notification {
  display: none;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 768px) {
  .vocabulary-mobile-notification {
    display: block;
  }
}

.vocabulary-activities-title {
  color: #333333;
  font-size: 21px;
}
.theme-1 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #22b7f2;
}
.theme-2 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #8240ca;
}
.theme-3 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #bd1118;
}
.theme-4 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #cc5302;
}
.theme-5 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #f43b5f;
}
.theme-6 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #0cd2de;
}
.theme-7 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #fba90b;
}
.theme-8 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #13a104;
}
.theme-9 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #07696a;
}
.theme-10 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #005a9d;
}
.theme-11 .vocabulary-activities-title-wrapper {
  border-bottom: 1px solid #8acb01;
}
.vocabulary-activities-title-wrapper {
  display: table;
  margin-bottom: 30px;
  padding-bottom: 3px;
  margin-top: 30px;
}

.vocabActivityButton img {
  height: 200px;
  width: 200px;
  margin-bottom: 10px;
}

.submit-wordmatch-wrapper {
  border-top: 1px solid lightgray;
  padding-top: 15px;
  margin-top: 30px;
}
.submit-wordmatch-button {
  border-radius: 7px;
}
.theme-1 .submit-wordmatch-button {
  background: #fbd20b;
}
.theme-2 .submit-wordmatch-button {
  background: #3cfdf2;
}
.theme-3 .submit-wordmatch-button {
  background: #eee7cb;
}
.theme-4 .submit-wordmatch-button {
  background: #efc416;
}
.theme-5 .submit-wordmatch-button {
  background: #0cd2de;
}
.theme-6 .submit-wordmatch-button {
  background: #fceb92;
}
.theme-7 .submit-wordmatch-button {
  background: #ffefb5;
}
.theme-8 .submit-wordmatch-button {
  background: #8df5f9;
}
.theme-9 .submit-wordmatch-button {
  background: #e6eaa7;
}
.theme-10 .submit-wordmatch-button {
  background: #94e1fe;
}
.theme-11 .submit-wordmatch-button {
  background: #e0f18f;
}
.submit-wordmatch-button {
  display: inline-block;
  padding: 20px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 50px;
}
.submit-sentences-button {
  border-radius: 7px;
}
.theme-1 .submit-sentences-button {
  background: #fbd20b;
}
.theme-2 .submit-sentences-button {
  background: #3cfdf2;
}
.theme-3 .submit-sentences-button {
  background: #eee7cb;
}
.theme-4 .submit-sentences-button {
  background: #efc416;
}
.theme-5 .submit-sentences-button {
  background: #0cd2de;
}
.theme-6 .submit-sentences-button {
  background: #fceb92;
}
.theme-7 .submit-sentences-button {
  background: #ffefb5;
}
.theme-8 .submit-sentences-button {
  background: #8df5f9;
}
.theme-9 .submit-sentences-button {
  background: #e6eaa7;
}
.theme-10 .submit-sentences-button {
  background: #94e1fe;
}
.theme-11 .submit-sentences-button {
  background: #e0f18f;
}
.submit-sentences-button {
  display: inline-block;
  padding: 20px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 50px;
}

.no-background {
  background: none !important;
}

.bold {
  font-weight: bold;
}

.vocab-not-available {
  text-align: center;
  font-weight: bold;
  font-family: "ff-meta-serif-web-pro", serif;
  color: #333333 !important;
  font-size: 21px;
}
.vocab-submission-warning {
  font-weight: bold;
}
.vocab-submission-warning-sentences {
  font-weight: bold;
}
.vocab-button-wrapper {
  display: inline-block;
  text-align: center;
  width: 200px;
  margin-right: 70px;
}
.vocab-button-name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: medium;
  color: #333333;
  font-family: "myriad-pro", sans-serif;
}

.wordmatch-header {
  float: left;
  width: 100%;
  border-bottom: 2px solid;
  position: relative;
}
.theme-1 .wordmatch-header {
  border-color: #22b7f2;
}
.theme-2 .wordmatch-header {
  border-color: #8240ca;
}
.theme-3 .wordmatch-header {
  border-color: #bd1118;
}
.theme-4 .wordmatch-header {
  border-color: #cc5302;
}
.theme-5 .wordmatch-header {
  border-color: #f43b5f;
}
.theme-6 .wordmatch-header {
  border-color: #0cd2de;
}
.theme-7 .wordmatch-header {
  border-color: #fba90b;
}
.theme-8 .wordmatch-header {
  border-color: #13a104;
}
.theme-9 .wordmatch-header {
  border-color: #07696a;
}
.theme-10 .wordmatch-header {
  border-color: #005a9d;
}
.theme-11 .wordmatch-header {
  border-color: #8acb01;
}
.theme-1 .wordmatch-header .logo {
  background: url("/Assets/Images/logo.jpg") no-repeat;
}
.theme-2 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-2.jpg") no-repeat;
}
.theme-3 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-3.jpg") no-repeat;
}
.theme-4 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-4.jpg") no-repeat;
}
.theme-5 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-5.jpg") no-repeat;
}
.theme-6 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-6.jpg") no-repeat;
}
.theme-7 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-7.jpg") no-repeat;
}
.theme-8 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-8.jpg") no-repeat;
}
.theme-9 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-9.jpg") no-repeat;
}
.theme-10 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-10.jpg") no-repeat;
}
.theme-11 .wordmatch-header .logo {
  background: url("/Assets/Images/logo-theme-11.jpg") no-repeat;
}
.wordmatch-header .logo {
  display: inline-block;
  height: 116px;
  left: 0;
  float: left;
  top: 0;
  width: 124px;
}
.wordmatch-header .logo-hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.theme-1 .wordmatch-header .logo-hover {
  background-color: #22b7f2;
}
.theme-2 .wordmatch-header .logo-hover {
  background-color: #8240ca;
}
.theme-3 .wordmatch-header .logo-hover {
  background-color: #bd1118;
}
.theme-4 .wordmatch-header .logo-hover {
  background-color: #cc5302;
}
.theme-5 .wordmatch-header .logo-hover {
  background-color: #f43b5f;
}
.theme-6 .wordmatch-header .logo-hover {
  background-color: #0cd2de;
}
.theme-7 .wordmatch-header .logo-hover {
  background-color: #fba90b;
}
.theme-8 .wordmatch-header .logo-hover {
  background-color: #13a104;
}
.theme-9 .wordmatch-header .logo-hover {
  background-color: #07696a;
}
.theme-10 .wordmatch-header .logo-hover {
  background-color: #005a9d;
}
.theme-11 .wordmatch-header .logo-hover {
  background-color: #8acb01;
}
.wordmatch-header .logo-hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 116px;
  left: 0;
  float: left;
  top: 0;
  width: 124px;
  z-index: 1;
}
.wordmatch-header .logo-hover img {
  display: block;
  height: 28px;
  margin: 44px auto 0 auto;
  width: 31px;
}
.wordmatch-header .logo:hover .logo-hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.wordmatch-header .close {
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-right: 100px;
  padding-top: 25px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-transform: uppercase;
}
.wordmatch-header .close-container {
  background-color: #888;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 0;
}
.wordmatch-header .close-container [class^=icon] {
  color: #fff;
  float: left;
  font-size: 24px;
}

.wordmatch-content {
  display: initial;
}
@media screen and (max-width: 768px) {
  .wordmatch-content {
    display: none;
  }
}

.wordmatch-container {
  background-color: rgba(255, 255, 255, 0.98);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}
.search-open .wordmatch-container {
  overflow-x: hidden;
  overflow-y: auto;
}

.vocab-text {
  font-family: "ff-meta-serif-web-pro", serif;
  color: #333333 !important;
  font-size: 21px;
}

.wordmatch-key {
  display: inline-block;
}

.wordmatch-column-right {
  float: left;
  padding: 10px;
  width: 70%;
}

.wordmatch-column-left {
  float: left;
  padding: 10px;
  width: 30%;
}

.wordmatch-row:after {
  content: "";
  display: table;
  clear: both;
}

.green-border {
  color: green !important;
}

.red-border {
  color: red !important;
}

.single-entry-col-right {
  margin-bottom: 30px;
}

.word-activities {
  margin-left: 10%;
  padding-bottom: 10%;
}

.wordmatch-instructions {
  display: inline-block;
  vertical-align: top;
  margin-top: 2rem !important;
}
.wordmatch-title {
  position: absolute;
  bottom: 0;
  display: inline-block;
  font-size: 3rem;
  padding-left: 10px;
}
@media screen and (max-width: 480px) {
  .wordmatch-title {
    display: none;
  }
}
.wordmatch-activity-name {
  margin: 2px;
  color: black !important;
  text-transform: none;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: lighter;
}
.theme-1 .wordmatch-unit-name {
  color: #22b7f2;
}
.theme-2 .wordmatch-unit-name {
  color: #8240ca;
}
.theme-3 .wordmatch-unit-name {
  color: #bd1118;
}
.theme-4 .wordmatch-unit-name {
  color: #cc5302;
}
.theme-5 .wordmatch-unit-name {
  color: #f43b5f;
}
.theme-6 .wordmatch-unit-name {
  color: #0cd2de;
}
.theme-7 .wordmatch-unit-name {
  color: #fba90b;
}
.theme-8 .wordmatch-unit-name {
  color: #13a104;
}
.theme-9 .wordmatch-unit-name {
  color: #07696a;
}
.theme-10 .wordmatch-unit-name {
  color: #005a9d;
}
.theme-11 .wordmatch-unit-name {
  color: #8acb01;
}
.wordmatch-unit-name {
  margin: 2px;
  font-weight: bold;
  font-size: 3rem;
  line-height: 3rem;
}
.wordmatch-disabled {
  visibility: hidden !important;
}
.wordmatch-checkmark {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px green;
  margin-right: 5px;
  padding: 0.5em 0.6em;
}
.wordmatch-row {
  display: block;
}
.wordmatch-answer {
  display: inline-block;
  border: 0;
  border-bottom: 1px;
  border-bottom-style: solid;
  text-align: center;
  margin: 0;
  direction: rtl;
  font-size: large;
  max-width: 50px;
}
.wordmatch-definition {
  display: inline-block;
}

.unitheader {
  height: 557px;
}
@media screen and (max-width: 768px) {
  .unitheader {
    height: 550px;
  }
}
.unitheader-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1060px) {
  .unitheader-wrapper {
    padding: 0 16px;
  }
}
.unitheader-title-section {
  bottom: 175px;
  color: #fff;
  float: left;
  margin-top: 361px;
  position: absolute;
  width: 59%;
}
.unitheader-title-section h1, .unitheader-title-section h4 {
  color: #fff;
}
.unitheader-title-section h4 {
  margin-top: 12px;
}
.unitheader-toolbar {
  float: right;
  margin-top: 73px;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .unitheader-toolbar {
    display: none;
  }
}
@media screen and (max-width: 940px) {
  .unitheader-toolbar button,
  .unitheader-toolbar .button {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 940px) {
  .unitheader-toolbar button:last-child,
  .unitheader-toolbar .button:last-child {
    margin-bottom: none;
  }
}
.unitheader-pager {
  bottom: 39px;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  font-style: italic;
  line-height: 18px;
  position: absolute;
  right: 18px;
  width: 150px;
}
@media screen and (max-width: 768px) {
  .unitheader-pager {
    width: 100px;
  }
}
.unitheader-pager-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  float: left;
  height: 9px;
  margin-left: 8px;
  margin-top: 20px;
  width: 9px;
}
.unitheader-pager-link--active {
  background-color: transparent;
  border: 2px solid #fff;
  height: 20px;
  margin-top: 15px;
  width: 20px;
}

.unitcontent {
  background-color: #f4f4f4;
  width: 100%;
}
.unitcontent-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.unitcontent-article {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 79.3271799884%;
}
.unitcontent-article:last-child {
  width: 76.9695283905%;
}
.unitcontent-article {
  background-color: #fff;
  border-right: 1px solid #eee;
  margin-top: -150px;
  min-height: 800px;
  padding-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .unitcontent-article {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.unitcontent-background {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1000%;
  z-index: 1;
}
.unitcontent-container {
  padding-right: 25px;
}
@media screen and (max-width: 1060px) {
  .unitcontent-container {
    padding-left: 25px;
  }
}
.unitcontent-copy {
  line-height: 34px;
  line-height: 2.125rem;
  background-color: #fff;
  margin-top: 63px;
  position: relative;
  z-index: 2;
}
.unitcontent-description-intro {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  letter-spacing: -0.25px;
}
.unitcontent-description-intro p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 480px) {
  .unitcontent-description-intro p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
.unitcontent-description-text {
  display: none;
  margin-top: 25px;
}
.unitcontent-description-link {
  display: block;
  letter-spacing: -0.3px;
  margin-top: 32px;
}
.unitcontent-topics {
  margin-top: 72px;
}
.unitcontent-topic-link {
  display: block;
}
.unitcontent-topic {
  border-top: 1px solid #f4f4f4;
  list-style-type: none;
  padding: 23px 0 11px 0;
  -webkit-margin-before: 10px;
  -webkit-margin-after: 10px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.unitcontent-topic:first-of-type {
  border-top: none;
}
.unitcontent-topic p {
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 18px;
  line-height: 24px;
  margin-top: 7px;
}
.unitcontent-topic .button-icon-primary {
  float: right;
  margin-right: 4px;
  margin-top: 20px;
}
.unitcontent-topic-thumb {
  display: inline-block;
  position: relative;
}
.theme-1 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(34, 183, 242, 0.75);
}
.theme-2 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(130, 64, 202, 0.75);
}
.theme-3 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(189, 17, 24, 0.75);
}
.theme-4 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(204, 83, 2, 0.75);
}
.theme-5 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(244, 59, 95, 0.75);
}
.theme-6 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(12, 210, 222, 0.75);
}
.theme-7 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(251, 169, 11, 0.75);
}
.theme-8 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(19, 161, 4, 0.75);
}
.theme-9 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(7, 105, 106, 0.75);
}
.theme-10 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(0, 90, 157, 0.75);
}
.theme-11 .unitcontent-topic-thumb .free-badge {
  border-bottom-color: rgba(138, 203, 1, 0.75);
}
.unitcontent-topic-thumb .free-badge {
  letter-spacing: 0.6px;
  right: -28px;
  top: -3px;
}
.unitcontent-topic-thumb .free-badge-label {
  font-size: 12px;
  font-size: 0.75rem;
}
.unitcontent-topicitem-title {
  color: #333;
}
.unitcontent-topicitem--first {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 18.9668591516%;
}
.unitcontent-topicitem--first:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .unitcontent-topicitem--first {
    display: block;
    width: 100%;
    margin: 0;
  }
}
.unitcontent-topicitem--first img {
  border: 4px solid #f4f4f4;
  height: 146px;
  width: 146px;
}
@media screen and (max-width: 768px) {
  .unitcontent-topicitem--first img {
    height: 109.5px;
    width: 109.5px;
    margin-top: 18px;
  }
}
@media screen and (max-width: 480px) {
  .unitcontent-topicitem--first img {
    height: 146px;
    width: 146px;
  }
}
.unitcontent-topicitem--middle {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 53.0860763509%;
}
.unitcontent-topicitem--middle:last-child {
  margin-right: 0;
}
.unitcontent-topicitem--middle {
  margin-top: 10px;
  padding-left: 2px;
}
@media screen and (max-width: 480px) {
  .unitcontent-topicitem--middle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.unitcontent-topicitem--last {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.unitcontent-topicitem--last:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .unitcontent-topicitem--last {
    display: none;
  }
}
.unitcontent-topic-add {
  float: right;
  margin-right: 34px;
  margin-top: 10px;
}
.theme-1 .unitcontent-topic-add [class^=icon].added {
  color: #22b7f2;
}
.theme-2 .unitcontent-topic-add [class^=icon].added {
  color: #8240ca;
}
.theme-3 .unitcontent-topic-add [class^=icon].added {
  color: #bd1118;
}
.theme-4 .unitcontent-topic-add [class^=icon].added {
  color: #cc5302;
}
.theme-5 .unitcontent-topic-add [class^=icon].added {
  color: #f43b5f;
}
.theme-6 .unitcontent-topic-add [class^=icon].added {
  color: #0cd2de;
}
.theme-7 .unitcontent-topic-add [class^=icon].added {
  color: #fba90b;
}
.theme-8 .unitcontent-topic-add [class^=icon].added {
  color: #13a104;
}
.theme-9 .unitcontent-topic-add [class^=icon].added {
  color: #07696a;
}
.theme-10 .unitcontent-topic-add [class^=icon].added {
  color: #005a9d;
}
.theme-11 .unitcontent-topic-add [class^=icon].added {
  color: #8acb01;
}
.unitcontent-lexile {
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
}
.unitcontent-lexile-item {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-left: 16px;
}
.unitcontent-lexile-item:nth-child(1) {
  padding-left: 0;
}
@media screen and (max-width: 480px) {
  .unitcontent-lexile-item:nth-child(1) {
    margin-bottom: 30px;
  }
}
.unitcontent-lexile-item:nth-child(1) i {
  color: #bbb;
  display: block;
  font-size: 21px;
  margin-top: 2px;
}
.theme-1 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(82.1666666667, 198.6923076923, 244.8333333333);
}
.theme-2 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(182.2540983607, 143.8442622951, 224.1557377049);
}
.theme-3 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(238.3300970874, 69.6699029126, 76.5339805825);
}
.theme-4 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(253.0388349515, 134.3883495146, 54.9611650485);
}
.theme-5 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(249.4202898551, 155.5797101449, 173.8405797101);
}
.theme-6 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(89.9230769231, 237.1538461538, 246.0769230769);
}
.theme-7 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(252.6451612903, 204.3709677419, 111.3548387097);
}
.theme-8 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(39.9818181818, 249.1090909091, 17.8909090909);
}
.theme-9 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(13.3185840708, 199.7787610619, 201.6814159292);
}
.theme-10 .unitcontent-lexile-item:nth-child(2) {
  color: rgb(4, 147.8853503185, 255);
}
.theme-11 .unitcontent-lexile-item:nth-child(2) {
  color: #bdfe34;
}
.theme-1 .unitcontent-lexile-item:nth-child(3) {
  color: #22b7f2;
}
.theme-2 .unitcontent-lexile-item:nth-child(3) {
  color: #8240ca;
}
.theme-3 .unitcontent-lexile-item:nth-child(3) {
  color: #bd1118;
}
.theme-4 .unitcontent-lexile-item:nth-child(3) {
  color: #cc5302;
}
.theme-5 .unitcontent-lexile-item:nth-child(3) {
  color: #f43b5f;
}
.theme-6 .unitcontent-lexile-item:nth-child(3) {
  color: #0cd2de;
}
.theme-7 .unitcontent-lexile-item:nth-child(3) {
  color: #fba90b;
}
.theme-8 .unitcontent-lexile-item:nth-child(3) {
  color: #13a104;
}
.theme-9 .unitcontent-lexile-item:nth-child(3) {
  color: #07696a;
}
.theme-10 .unitcontent-lexile-item:nth-child(3) {
  color: #005a9d;
}
.theme-11 .unitcontent-lexile-item:nth-child(3) {
  color: #8acb01;
}
.theme-1 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(0, 31.5286624204, 55);
}
.theme-11 .unitcontent-lexile-item:nth-child(4) {
  color: rgb(69, 101.5, 0.5);
}
.unitcontent-sidebar {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 23.0304716095%;
}
.unitcontent-sidebar:last-child {
  width: 20.6728200116%;
}
.unitcontent-sidebar {
  padding: 50px 0 50px 58px;
}
@media screen and (max-width: 480px) {
  .unitcontent-sidebar {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
}
.unitcontent-sidebar > h5, .discover-map .nav-controls .breadcrumbs .unitcontent-sidebar > .crumb, .discover-map .nav-controls .breadcrumbs .unitcontent-sidebar > .darken {
  margin-top: 56px;
}
.unitcontent-sidebar hr {
  background-color: #bbb;
  margin-top: 16px;
}
.unitcontent-sidebar hr.spacer {
  margin-top: 48px;
}
.unitcontent-sidebar a:not(.discover-mode) {
  line-height: 24px;
  line-height: 1.5rem;
  display: block;
  margin-top: 17px;
}
.unitcontent-sidebar a:not(.discover-mode).secondary {
  color: #bbb;
  font-size: 16px;
}
.unitcontent-sidebar a:not(.discover-mode).secondary:hover {
  color: #888;
}
.unitcontent-sidebar .credits {
  margin-top: 54px;
}
.unitcontent-sidebar .lesson-description {
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 15px;
  line-height: 20px;
  margin-top: 22px;
}
.unitcontent-sidebar-resource {
  margin-top: 32px;
}
.unitcontent-sidebar-resource h5, .unitcontent-sidebar-resource .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .unitcontent-sidebar-resource .crumb, .unitcontent-sidebar-resource .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .unitcontent-sidebar-resource .darken {
  font-size: 16px;
  font-size: 1rem;
  font-family: "ff-meta-serif-web-pro", serif;
  color: #888;
  font-weight: 500;
  text-transform: none;
}
.unitcontent-sidebar-resource a:not(.discover-mode) {
  margin-top: 10px;
}
.unitcontent-sidebar-resource-image {
  background-size: cover;
  height: 220px;
  position: relative;
}
.unitcontent-sidebar-resource-image-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.unitcontent-sidebar-resource:hover .unitcontent-sidebar-resource-image-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}

.modal-dialog.credits {
  width: 880px !important;
}
@media screen and (max-width: 768px) {
  .modal-dialog.credits {
    width: 100% !important;
  }
}
.modal-dialog.credits .fieldset-credits .mb-30 {
  margin-bottom: 30px;
}
.modal-dialog.credits .fieldset-credits .citation-text {
  font-size: 18px;
}
.modal-dialog.credits .fieldset-credits .success .citation-text {
  color: #6bac43;
}
.modal-dialog.credits .fieldset-credits .citation-value {
  position: fixed;
  top: -5px;
  left: -5px;
  width: 0px;
  height: 0px;
  padding: 0px;
}
.modal-dialog.credits .fieldset-credits .citations-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-dialog.credits .fieldset-credits label {
  border-bottom: 1px solid #eee;
  margin-bottom: 3px;
  padding-bottom: 6px;
}
.modal-dialog.credits .modal-dialog-body {
  padding-bottom: 30px;
}

.unit__print-title-url-heading {
  margin-top: 50px;
}

.unit__print-title-url-button {
  padding: 16px 5px !important;
}

.sentences-words-box {
  margin-top: 50px;
  margin-bottom: 50px;
}

.sentences-single-word {
  width: 33%;
  height: 20%;
  display: inline-block;
}

.sentences-container {
  background-color: rgba(255, 255, 255, 0.98);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}
.search-open .sentences-container {
  overflow-x: hidden;
  overflow-y: auto;
}

@keyframes scalePulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
#magnifyGlassTopic {
  animation: scalePulse 2s infinite;
}

.theme-1 .arrow {
  color: #22b7f2;
}
@media screen and (max-width: 480px) {
  .theme-1 .arrow {
    display: none;
  }
}
.theme-2 .arrow {
  color: #8240ca;
}
@media screen and (max-width: 480px) {
  .theme-2 .arrow {
    display: none;
  }
}
.theme-3 .arrow {
  color: #bd1118;
}
@media screen and (max-width: 480px) {
  .theme-3 .arrow {
    display: none;
  }
}
.theme-4 .arrow {
  color: #cc5302;
}
@media screen and (max-width: 480px) {
  .theme-4 .arrow {
    display: none;
  }
}
.theme-5 .arrow {
  color: #f43b5f;
}
@media screen and (max-width: 480px) {
  .theme-5 .arrow {
    display: none;
  }
}
.theme-6 .arrow {
  color: #0cd2de;
}
@media screen and (max-width: 480px) {
  .theme-6 .arrow {
    display: none;
  }
}
.theme-7 .arrow {
  color: #fba90b;
}
@media screen and (max-width: 480px) {
  .theme-7 .arrow {
    display: none;
  }
}
.theme-8 .arrow {
  color: #13a104;
}
@media screen and (max-width: 480px) {
  .theme-8 .arrow {
    display: none;
  }
}
.theme-9 .arrow {
  color: #07696a;
}
@media screen and (max-width: 480px) {
  .theme-9 .arrow {
    display: none;
  }
}
.theme-10 .arrow {
  color: #005a9d;
}
@media screen and (max-width: 480px) {
  .theme-10 .arrow {
    display: none;
  }
}
.theme-11 .arrow {
  color: #8acb01;
}
@media screen and (max-width: 480px) {
  .theme-11 .arrow {
    display: none;
  }
}

.topictoolbar-actions__action,
#toolbar-toggle-button {
  position: relative;
}
.topictoolbar-actions__action .tooltip-box,
#toolbar-toggle-button .tooltip-box {
  cursor: default;
  display: none;
  color: black !important;
  border-radius: 4px;
  background-color: white;
  position: absolute;
  transform: translate(-50%, -115%);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
  padding: 10px 14px;
  width: 200px;
  z-index: 20;
  pointer-events: none;
  font-size: 14px;
  font-weight: normal;
}
.topictoolbar-actions__action .tooltip-box::after,
#toolbar-toggle-button .tooltip-box::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
.topictoolbar-actions__action:hover .tooltip-box,
#toolbar-toggle-button:hover .tooltip-box {
  display: block;
}

.tooltip-box--when-closed,
.tooltip-box--when-open {
  display: none !important;
}

.topictoolbar-actions-wrapper.-closed ~ #toolbar-toggle-button:hover .tooltip-box--when-closed {
  display: block !important;
}

.topictoolbar-actions-wrapper:not(.-closed) ~ #toolbar-toggle-button:hover .tooltip-box--when-open {
  display: block !important;
}

.noahtext:hover .tooltip-box-noahtext {
  display: block;
}

.tooltip-box-noahtext:hover {
  display: block;
}

#noahtextButtonVideo {
  cursor: pointer;
}

.tooltip-box-noahtext {
  cursor: default;
  display: none;
  color: black !important;
  border-radius: 4px;
  width: 340px;
  min-height: 210px;
  height: auto;
  box-sizing: border-box;
  background-color: white;
  position: absolute;
  transform: translate(-40%, -115%);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
  padding: 20px;
}

.tooltip-box-noahtext::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -32px;
  background-color: transparent;
}

.tooltip-box-noahtext-text {
  font-size: medium;
  line-height: inherit;
  margin-bottom: 10px;
  margin-top: 10px;
}

.tooltip-box-noahtext::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.topicheader {
  height: 417px;
  overflow: hidden;
}
@media screen and (max-height: 800px) {
  .topicheader {
    height: 280px;
  }
}
@media screen and (max-width: 480px) {
  .topicheader {
    height: 350px;
  }
}
.topicheader .background-image-quick-read {
  background-color: white;
}
.topicheader .title-quick-read {
  color: black !important;
}
.topicheader .topicheader-overlay-quick-read {
  background-color: white;
}
.theme-1 .topicheader .free-badge {
  border-bottom-color: rgba(34, 183, 242, 0.88);
}
.theme-2 .topicheader .free-badge {
  border-bottom-color: rgba(130, 64, 202, 0.88);
}
.theme-3 .topicheader .free-badge {
  border-bottom-color: rgba(189, 17, 24, 0.88);
}
.theme-4 .topicheader .free-badge {
  border-bottom-color: rgba(204, 83, 2, 0.88);
}
.theme-5 .topicheader .free-badge {
  border-bottom-color: rgba(244, 59, 95, 0.88);
}
.theme-6 .topicheader .free-badge {
  border-bottom-color: rgba(12, 210, 222, 0.88);
}
.theme-7 .topicheader .free-badge {
  border-bottom-color: rgba(251, 169, 11, 0.88);
}
.theme-8 .topicheader .free-badge {
  border-bottom-color: rgba(19, 161, 4, 0.88);
}
.theme-9 .topicheader .free-badge {
  border-bottom-color: rgba(7, 105, 106, 0.88);
}
.theme-10 .topicheader .free-badge {
  border-bottom-color: rgba(0, 90, 157, 0.88);
}
.theme-11 .topicheader .free-badge {
  border-bottom-color: rgba(138, 203, 1, 0.88);
}
.topicheader .topicheader-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  z-index: 2;
}
.topicheader .topicheader-title {
  bottom: 68px;
  color: #fff;
  letter-spacing: -0.025em;
  margin-top: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.topicheader .junior-topicheader-title {
  bottom: 68px;
  color: #fff;
  letter-spacing: 0rem;
  margin-top: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
  font-family: "Futura Demi";
  font-size: 100px;
  line-height: 100px;
}
.topicheader .junior2-topicheader-title {
  bottom: 68px;
  color: #fff;
  letter-spacing: 0rem;
  margin-top: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
  font-family: "Futura Demi";
  font-size: 90px;
  line-height: 90px;
}

.topicbar {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  width: 100%;
}
.topicbar-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.topicbar-list-item {
  border-right: 1px solid #eee;
  display: inline-block;
  padding: 21px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .topicbar-list-item {
    display: block;
    width: 100%;
    border-right: none;
  }
}
.topicbar-list-item:last-child {
  border-right: none;
}
.topicbar-list-item--category {
  color: #bbb;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  padding-bottom: 24px;
  padding-top: 25px;
}
@media screen and (max-width: 480px) {
  .topicbar-list-item--lexile {
    border-top: 1px solid #eee;
  }
}
@media screen and (max-width: 480px) {
  .topicbar-list-item--add {
    display: block;
    border-top: 1px solid #eee;
  }
}
.topicbar-list-item-link {
  font-size: 14px;
  font-size: 0.875rem;
  color: #bbb !important;
  cursor: pointer;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.theme-1 .topicbar-list-item-link:hover, .theme-1 .topicbar-list-item-link:active, .theme-1 .topicbar-list-item-link:focus, .theme-1 .topicbar-list-item-link.active {
  color: #22b7f2 !important;
}
.theme-2 .topicbar-list-item-link:hover, .theme-2 .topicbar-list-item-link:active, .theme-2 .topicbar-list-item-link:focus, .theme-2 .topicbar-list-item-link.active {
  color: #8240ca !important;
}
.theme-3 .topicbar-list-item-link:hover, .theme-3 .topicbar-list-item-link:active, .theme-3 .topicbar-list-item-link:focus, .theme-3 .topicbar-list-item-link.active {
  color: #bd1118 !important;
}
.theme-4 .topicbar-list-item-link:hover, .theme-4 .topicbar-list-item-link:active, .theme-4 .topicbar-list-item-link:focus, .theme-4 .topicbar-list-item-link.active {
  color: #cc5302 !important;
}
.theme-5 .topicbar-list-item-link:hover, .theme-5 .topicbar-list-item-link:active, .theme-5 .topicbar-list-item-link:focus, .theme-5 .topicbar-list-item-link.active {
  color: #f43b5f !important;
}
.theme-6 .topicbar-list-item-link:hover, .theme-6 .topicbar-list-item-link:active, .theme-6 .topicbar-list-item-link:focus, .theme-6 .topicbar-list-item-link.active {
  color: #0cd2de !important;
}
.theme-7 .topicbar-list-item-link:hover, .theme-7 .topicbar-list-item-link:active, .theme-7 .topicbar-list-item-link:focus, .theme-7 .topicbar-list-item-link.active {
  color: #fba90b !important;
}
.theme-8 .topicbar-list-item-link:hover, .theme-8 .topicbar-list-item-link:active, .theme-8 .topicbar-list-item-link:focus, .theme-8 .topicbar-list-item-link.active {
  color: #13a104 !important;
}
.theme-9 .topicbar-list-item-link:hover, .theme-9 .topicbar-list-item-link:active, .theme-9 .topicbar-list-item-link:focus, .theme-9 .topicbar-list-item-link.active {
  color: #07696a !important;
}
.theme-10 .topicbar-list-item-link:hover, .theme-10 .topicbar-list-item-link:active, .theme-10 .topicbar-list-item-link:focus, .theme-10 .topicbar-list-item-link.active {
  color: #005a9d !important;
}
.theme-11 .topicbar-list-item-link:hover, .theme-11 .topicbar-list-item-link:active, .theme-11 .topicbar-list-item-link:focus, .theme-11 .topicbar-list-item-link.active {
  color: #8acb01 !important;
}
.topicbar-list-item-link-icon {
  padding-right: 5px;
}
.topicbar-list-item-link.add-topic .topicbar-list-item-link-icon {
  display: block;
  float: left;
  margin-top: 5px;
  padding-right: 20px;
}
@media screen and (max-width: 480px) {
  .topicbar-list-item-link.add-topic .topicbar-list-item-link-icon {
    float: none;
    display: inline;
    padding-right: 10px;
  }
}
.topicbar-list-item-highlight {
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.topicbar-lexilelevels.dropdown {
  margin-bottom: 3px;
  margin-top: 4px;
}
.topicbar-lexilelevels .topicbar-list-item-link-icon {
  display: block;
  margin-top: 2px;
}
.topicbar-lexilelevels .topicbar-list-item-link-icon:nth-of-type(1) {
  float: left;
  padding-right: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: -2px;
}
@media screen and (max-width: 480px) {
  .topicbar-lexilelevels .topicbar-list-item-link-icon:nth-of-type(1) {
    display: inline;
    float: none;
  }
}
.topicbar-lexilelevels .topicbar-list-item-link-icon:nth-of-type(2) {
  float: right;
  padding-left: 10px;
}
@media screen and (max-width: 480px) {
  .topicbar-lexilelevels .topicbar-list-item-link-icon:nth-of-type(2) {
    display: inline;
    float: none;
  }
}

.topic-locked {
  margin: 0 auto;
  max-width: 500px;
  padding: 150px 0;
  text-align: center;
}
.topic-locked .small {
  color: #888;
}
.topic-locked__icon > [class*=icon-] {
  font-size: 24px;
  font-size: 1.5rem;
  color: #888;
}
.topic-locked__link > a {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
}

.topicdetails {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  position: relative;
}
.topicdetails-paragraph {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.topicdetails-paragraph:last-child {
  margin-right: 0;
}
.topicdetails-paragraph {
  margin-left: 14.7019570017%;
}
.topicdetails-paragraph p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: -0.25px;
}
.topicdetails-paragraph.description {
  margin-top: 1.5625rem;
}
.topicdetails-paragraph.description p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #333;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}
.topicdetails .restricted {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(4%, rgba(255, 255, 255, 0)), color-stop(31%, rgba(255, 255, 255, 0.64)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* W3C */
  bottom: 0;
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
}

.juniortopicdetails2 {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  position: relative;
}
.juniortopicdetails2-paragraph {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.juniortopicdetails2-paragraph:last-child {
  margin-right: 0;
}
.juniortopicdetails2-paragraph {
  margin-left: 14.7019570017%;
}
.juniortopicdetails2-paragraph p {
  font-size: 48px;
  font-size: 3rem;
  line-height: 52px;
  line-height: 3.25rem;
  color: #888;
  font-family: "Futura Demi";
  letter-spacing: 0px;
}
.juniortopicdetails2-paragraph.description {
  margin-top: 1.5625rem;
}
.juniortopicdetails2-paragraph.description p {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 35px;
  line-height: 2.1875rem;
  letter-spacing: 0px;
  color: #333;
  font-family: "Futura Book";
  font-weight: 500;
}
.juniortopicdetails2 .restricted {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(4%, rgba(255, 255, 255, 0)), color-stop(31%, rgba(255, 255, 255, 0.64)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* W3C */
  bottom: 0;
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
}

.juniortopicdetails {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  position: relative;
}
.juniortopicdetails-paragraph {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.juniortopicdetails-paragraph:last-child {
  margin-right: 0;
}
.juniortopicdetails-paragraph {
  margin-left: 14.7019570017%;
}
.juniortopicdetails-paragraph p {
  font-size: 55px;
  font-size: 3.4375rem;
  line-height: 60.8px;
  line-height: 3.8rem;
  color: #888;
  font-family: "Futura Demi";
  letter-spacing: 0px;
}
.juniortopicdetails-paragraph.description {
  margin-top: 1.5625rem;
}
.juniortopicdetails-paragraph.description p {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36.8px;
  line-height: 2.3rem;
  letter-spacing: 0px;
  color: #333;
  font-family: "Futura Book";
  font-weight: 500;
}
.juniortopicdetails .restricted {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(4%, rgba(255, 255, 255, 0)), color-stop(31%, rgba(255, 255, 255, 0.64)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.64) 31%, rgb(255, 255, 255) 100%); /* W3C */
  bottom: 0;
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
}

.topiccomponents {
  font-size: 21px;
  font-size: 1.3125rem;
  margin-bottom: 100px;
  position: relative;
  width: 100%;
}
.topiccomponents-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.topiccomponents-section {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 68.2384343986%;
}
.topiccomponents-section:last-child {
  width: 65.8807828007%;
}
.topiccomponents-section {
  margin-left: 17.0596085997%;
}
.topiccomponents-section.layout-50-50 section {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.topiccomponents-section.layout-50-50 section:last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-60-40 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.topiccomponents-section.layout-60-40 section:nth-child(1):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-60-40 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.topiccomponents-section.layout-60-40 section:nth-child(2):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-40-60 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.topiccomponents-section.layout-40-60 section:nth-child(1):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-40-60 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.topiccomponents-section.layout-40-60 section:nth-child(2):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-25-75 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.topiccomponents-section.layout-25-75 section:nth-child(1):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-25-75 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.topiccomponents-section.layout-25-75 section:nth-child(2):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-75-25 section:nth-child(1) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.topiccomponents-section.layout-75-25 section:nth-child(1):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-75-25 section:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.topiccomponents-section.layout-75-25 section:nth-child(2):last-child {
  margin-right: 0;
}
.topiccomponents-section.layout-33-33-33 section {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.topiccomponents-section.layout-33-33-33 section:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1060px) {
  .topiccomponents .component-text {
    padding: 0 16px;
  }
}
.topiccomponents .junior-template h2 {
  font-family: "Futura Book";
}
.topiccomponents .junior-template h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36.8px;
  line-height: 2.3rem;
  letter-spacing: 0px;
  font-family: "Futura Book";
}
.topiccomponents .junior-template p {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 36.8px;
  line-height: 2.3rem;
  letter-spacing: 0px;
  font-family: "Futura Book";
}
.topiccomponents .junior2-template h2 {
  font-family: "Futura Book";
}
.topiccomponents .junior2-template h3 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 35px;
  line-height: 2.1875rem;
  letter-spacing: 0px;
  font-family: "Futura Book";
}
.topiccomponents .junior2-template p {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 35px;
  line-height: 2.1875rem;
  letter-spacing: 0px;
  font-family: "Futura Book";
}

.topicrestricted {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0;
  text-align: center;
}
.topicrestricted-content {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.topicrestricted-content:last-child {
  margin-right: 0;
}
.topicrestricted-content {
  margin-left: 14.7019570017%;
}
.topicrestricted-content h3 {
  margin-bottom: 28px;
}
.topicrestricted-content h3 a {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
}
.topicrestricted-message, .topicrestricted-message a {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  margin-bottom: 28px;
}
.topicrestricted-actions {
  margin-bottom: 32px;
}
@media screen and (max-width: 480px) {
  .topicrestricted-actions [class*=button] {
    display: block;
    margin-top: 25px;
  }
  .topicrestricted-actions [class*=button] + [class*=button] {
    margin-left: 0;
  }
}
.topicrestricted-mutedlink {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888 !important;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0.7px;
  text-decoration: underline;
  text-transform: uppercase;
}
.theme-1 .topicrestricted-mutedlink:hover {
  color: #22b7f2 !important;
}
.theme-2 .topicrestricted-mutedlink:hover {
  color: #8240ca !important;
}
.theme-3 .topicrestricted-mutedlink:hover {
  color: #bd1118 !important;
}
.theme-4 .topicrestricted-mutedlink:hover {
  color: #cc5302 !important;
}
.theme-5 .topicrestricted-mutedlink:hover {
  color: #f43b5f !important;
}
.theme-6 .topicrestricted-mutedlink:hover {
  color: #0cd2de !important;
}
.theme-7 .topicrestricted-mutedlink:hover {
  color: #fba90b !important;
}
.theme-8 .topicrestricted-mutedlink:hover {
  color: #13a104 !important;
}
.theme-9 .topicrestricted-mutedlink:hover {
  color: #07696a !important;
}
.theme-10 .topicrestricted-mutedlink:hover {
  color: #005a9d !important;
}
.theme-11 .topicrestricted-mutedlink:hover {
  color: #8acb01 !important;
}

.topicchannel {
  color: #fff;
  display: block;
  height: 219px;
  text-align: center;
  width: 100%;
}
@media print {
  .topicchannel {
    display: none;
  }
}
.topicchannel-subtitle {
  color: #fff;
  margin-bottom: 27px;
  padding-top: 75px;
  position: relative;
  z-index: 2;
}
.topicchannel-title {
  color: #fff;
  position: relative;
  z-index: 2;
}

.topiccollection {
  background-color: #222;
  bottom: 0;
  display: none;
  padding-bottom: 81px;
  position: fixed;
  width: 100%;
  z-index: 102;
}
@media print {
  .topiccollection {
    display: none;
  }
}
.topiccollection-header {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.36);
  background-color: #333;
  height: 60px;
}
.topiccollection-header-count {
  float: left;
  padding-left: 37px;
  padding-top: 21px;
}
.topiccollection-header-close {
  border-left: 1px solid #4d4b4b;
  float: right;
  height: 60px;
}
.topiccollection-header-close a {
  display: block;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 22px;
  padding-top: 21px;
}
.topiccollection-header-close a [class^=icon] {
  float: right;
  font-size: 18px;
  padding-left: 10px;
}
.topiccollection-topics {
  padding-bottom: 40px;
  padding-top: 25px;
  position: relative;
}
.topiccollection-topics-container {
  width: 99999px;
  overflow: hidden;
  position: relative;
}
.topiccollection-topics-list {
  /* @include grid-container(); */
  list-style-type: none;
  padding: 0;
  padding-left: 95px;
  display: inline-block;
  position: relative;
}
.topiccollection-topics-list-item {
  /* @include grid-column(3); */
  width: 250px;
  margin-top: 38px;
  margin-right: 25px;
  height: 225px;
  float: left;
}
.topiccollection-topics-list-item-link {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff !important;
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
}
.topiccollection-topics-list-item-image {
  position: relative;
  margin-bottom: 18px;
}
.topiccollection-topics-list-item-image img {
  display: block;
  max-width: 100%;
}
.topiccollection-topics-list-item-image .current-text {
  font-size: 14px;
  font-size: 0.875rem;
}
.theme-1 .topiccollection-topics-list-item-image .current-text {
  color: #22b7f2;
}
.theme-2 .topiccollection-topics-list-item-image .current-text {
  color: #8240ca;
}
.theme-3 .topiccollection-topics-list-item-image .current-text {
  color: #bd1118;
}
.theme-4 .topiccollection-topics-list-item-image .current-text {
  color: #cc5302;
}
.theme-5 .topiccollection-topics-list-item-image .current-text {
  color: #f43b5f;
}
.theme-6 .topiccollection-topics-list-item-image .current-text {
  color: #0cd2de;
}
.theme-7 .topiccollection-topics-list-item-image .current-text {
  color: #fba90b;
}
.theme-8 .topiccollection-topics-list-item-image .current-text {
  color: #13a104;
}
.theme-9 .topiccollection-topics-list-item-image .current-text {
  color: #07696a;
}
.theme-10 .topiccollection-topics-list-item-image .current-text {
  color: #005a9d;
}
.theme-11 .topiccollection-topics-list-item-image .current-text {
  color: #8acb01;
}
.topiccollection-topics-list-item-image .current-text {
  display: none;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  top: -26px;
}
.theme-1 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(34, 183, 242, 0.88);
  border: 4px solid #22b7f2;
}
.theme-2 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(130, 64, 202, 0.88);
  border: 4px solid #8240ca;
}
.theme-3 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(189, 17, 24, 0.88);
  border: 4px solid #bd1118;
}
.theme-4 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(204, 83, 2, 0.88);
  border: 4px solid #cc5302;
}
.theme-5 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(244, 59, 95, 0.88);
  border: 4px solid #f43b5f;
}
.theme-6 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(12, 210, 222, 0.88);
  border: 4px solid #0cd2de;
}
.theme-7 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(251, 169, 11, 0.88);
  border: 4px solid #fba90b;
}
.theme-8 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(19, 161, 4, 0.88);
  border: 4px solid #13a104;
}
.theme-9 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(7, 105, 106, 0.88);
  border: 4px solid #07696a;
}
.theme-10 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(0, 90, 157, 0.88);
  border: 4px solid #005a9d;
}
.theme-11 .topiccollection-topics-list-item-image .current-overlay {
  background-color: rgba(138, 203, 1, 0.88);
  border: 4px solid #8acb01;
}
.topiccollection-topics-list-item-image .current-overlay {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 101%;
  z-index: 1;
}
.topiccollection-topics-list-item-image.current .current-overlay {
  display: block;
}
.topiccollection-topics-list-item-image.current .current-text {
  display: block;
}

@media print {
  .topictoolbar {
    display: none;
  }
}
.topictoolbar-toggle {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff !important;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -34px;
  width: 150px;
  z-index: 2;
}
.topictoolbar-toggle--hidden {
  display: none;
}
.topictoolbar-toggle i {
  padding-right: 5px;
}
.topictoolbar-link {
  display: block;
  padding: 30px 30px;
}
@media screen and (max-width: 1440px) {
  .topictoolbar-link {
    padding: 30px 17px;
  }
}
.topictoolbar-link.-icon {
  background-color: #fff !important;
  z-index: 9;
}
@media screen and (max-width: 1142px) {
  .topictoolbar-link.-icon {
    margin-right: 0 !important;
  }
}
.topictoolbar-link.-icon i {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 1142px) {
  .topictoolbar-link.-icon i {
    font-size: 32px !important;
    padding-top: 11px !important;
  }
}
.topictoolbar-link.-icon.-loading {
  border-color: rgba(0, 0, 0, 0.3) !important;
  cursor: wait;
}
.topictoolbar-link.-icon.-loading i {
  font-size: 10px !important;
  font-family: "myriad-pro", sans-serif !important;
  font-weight: 900;
  font-style: italic;
  padding-top: 20px !important;
  line-height: 8px;
}
.topictoolbar-link.-icon.-loading i:before {
  letter-spacing: 1px;
  content: "Loading ...";
}
.topictoolbar-link.-icon.-loading #toolbar-toggle-icon {
  color: rgba(0, 0, 0, 0.3) !important;
}
.topictoolbar-link p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  max-width: 434px;
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "ff-meta-serif-web-pro", serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .topictoolbar-link p {
    max-width: 113px;
  }
}
@media screen and (max-width: 600px) {
  .topictoolbar-link p {
    max-width: 50px;
  }
}
@media screen and (max-width: 480px) {
  .topictoolbar-link p {
    max-width: 35px;
  }
}
@media screen and (max-width: 360px) {
  .topictoolbar-link p {
    max-width: 20px;
  }
}
@media screen and (max-width: 480px) {
  .topictoolbar-link p.-hide-small {
    display: none;
  }
}
.topictoolbar-link p.-small-only {
  display: none;
}
@media screen and (max-width: 480px) {
  .topictoolbar-link p.-small-only {
    display: block;
    max-width: 23px;
  }
}
@media screen and (max-width: 320px) {
  .topictoolbar-link p.-small-only {
    max-width: 10px;
  }
}
.topictoolbar-list {
  background-color: #fff;
  height: 80px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.topictoolbar-list-item {
  display: block;
  float: left;
  height: 80px;
}
.topictoolbar-list-item:nth-of-type(1) {
  border-right: 1px solid #f4f4f4;
}
@media screen and (max-width: 955px) {
  .topictoolbar-list-item:nth-of-type(1).-toolbarOpen {
    display: none;
  }
}
@media screen and (max-width: 778px) {
  .topictoolbar-list-item:nth-of-type(1).-toolbarOpen {
    display: block;
  }
}
.topictoolbar-list-item:nth-of-type(1) a {
  font-size: 16px;
  font-size: 1rem;
  color: #222;
  font-family: "superclarendon", serif;
  font-weight: 700;
}
.topictoolbar-list-item:nth-of-type(2) {
  border-right: 1px solid #f4f4f4;
  position: relative;
}
.topictoolbar-list-item:nth-of-type(2) a {
  font-size: 16px;
  font-size: 1rem;
}
.theme-1 .topictoolbar-list-item:nth-of-type(2) a {
  color: #22b7f2 !important;
}
.theme-2 .topictoolbar-list-item:nth-of-type(2) a {
  color: #8240ca !important;
}
.theme-3 .topictoolbar-list-item:nth-of-type(2) a {
  color: #bd1118 !important;
}
.theme-4 .topictoolbar-list-item:nth-of-type(2) a {
  color: #cc5302 !important;
}
.theme-5 .topictoolbar-list-item:nth-of-type(2) a {
  color: #f43b5f !important;
}
.theme-6 .topictoolbar-list-item:nth-of-type(2) a {
  color: #0cd2de !important;
}
.theme-7 .topictoolbar-list-item:nth-of-type(2) a {
  color: #fba90b !important;
}
.theme-8 .topictoolbar-list-item:nth-of-type(2) a {
  color: #13a104 !important;
}
.theme-9 .topictoolbar-list-item:nth-of-type(2) a {
  color: #07696a !important;
}
.theme-10 .topictoolbar-list-item:nth-of-type(2) a {
  color: #005a9d !important;
}
.theme-11 .topictoolbar-list-item:nth-of-type(2) a {
  color: #8acb01 !important;
}
.topictoolbar-list-item:nth-of-type(2) a {
  font-family: "ff-meta-serif-web-pro", serif;
}
.topictoolbar-list-item:nth-of-type(2) a [class^=icon] {
  display: block;
  float: right;
  font-size: 20px;
  margin-top: 1px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 1142px) {
  .topictoolbar-list-item:nth-of-type(2) a [class^=icon] {
    padding-left: 0px;
  }
}
.theme-1 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #22b7f2 !important;
}
.theme-2 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #8240ca !important;
}
.theme-3 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #bd1118 !important;
}
.theme-4 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #cc5302 !important;
}
.theme-5 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #f43b5f !important;
}
.theme-6 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #0cd2de !important;
}
.theme-7 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #fba90b !important;
}
.theme-8 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #13a104 !important;
}
.theme-9 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #07696a !important;
}
.theme-10 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #005a9d !important;
}
.theme-11 .topictoolbar-list-item:nth-of-type(2).active {
  background-color: #8acb01 !important;
}
.topictoolbar-list-item:nth-of-type(2).active:before {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.theme-1 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #22b7f2 !important;
}
.theme-2 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #8240ca !important;
}
.theme-3 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #bd1118 !important;
}
.theme-4 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #cc5302 !important;
}
.theme-5 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #f43b5f !important;
}
.theme-6 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #0cd2de !important;
}
.theme-7 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #fba90b !important;
}
.theme-8 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #13a104 !important;
}
.theme-9 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #07696a !important;
}
.theme-10 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #005a9d !important;
}
.theme-11 .topictoolbar-list-item:nth-of-type(2).active:before {
  background-color: #8acb01 !important;
}
.topictoolbar-list-item:nth-of-type(2).active:before {
  content: "";
  height: 20px;
  left: 45%;
  width: 20px;
  position: absolute;
  top: -7px;
}
.theme-1 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #22b7f2 !important;
}
.theme-2 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #8240ca !important;
}
.theme-3 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #bd1118 !important;
}
.theme-4 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #cc5302 !important;
}
.theme-5 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #f43b5f !important;
}
.theme-6 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #0cd2de !important;
}
.theme-7 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #fba90b !important;
}
.theme-8 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #13a104 !important;
}
.theme-9 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #07696a !important;
}
.theme-10 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #005a9d !important;
}
.theme-11 .topictoolbar-list-item:nth-of-type(2).active:after {
  background-color: #8acb01 !important;
}
.topictoolbar-list-item:nth-of-type(2).active:after {
  content: "";
  height: 20px;
  left: 42%;
  position: absolute;
  top: 0;
  width: 40px;
}
.topictoolbar-list-item:nth-of-type(2).active a {
  color: #fff !important;
}
.topictoolbar-list-item.content-toolbar__arrow, .topictoolbar-list-item.content-toolbar__text-help {
  float: right;
}
@media screen and (max-width: 480px) {
  .topictoolbar-list-item.content-toolbar__arrow--expanded, .topictoolbar-list-item.content-toolbar__text-help--expanded {
    overflow: scroll;
  }
}
.topictoolbar-list-item.content-toolbar__arrow {
  border-left: 1px solid #f4f4f4;
}
@media screen and (max-width: 1080px) {
  .topictoolbar-list-item.content-toolbar__arrow.-smallSpace {
    display: none;
  }
}
@media screen and (max-width: 1020px) {
  .topictoolbar-list-item.content-toolbar__arrow.-bigSpace {
    display: none;
  }
}
.theme-1 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #22b7f2;
}
.theme-2 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #8240ca;
}
.theme-3 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #bd1118;
}
.theme-4 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #cc5302;
}
.theme-5 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #f43b5f;
}
.theme-6 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #0cd2de;
}
.theme-7 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #fba90b;
}
.theme-8 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #13a104;
}
.theme-9 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #07696a;
}
.theme-10 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #005a9d;
}
.theme-11 .topictoolbar-list-item.content-toolbar__arrow > a {
  color: #8acb01;
}
.topictoolbar-list-item.content-toolbar__arrow > a {
  font-size: 25px !important;
}
@media screen and (max-width: 360px) {
  .topictoolbar-list-item.content-toolbar__arrow > a {
    padding: 30px 10px;
  }
}
.topictoolbar-list-item.content-toolbar__text-help {
  margin-right: 15px;
}
@media screen and (max-width: 480px) {
  .topictoolbar-list-item.content-toolbar__text-help {
    margin-right: 2px;
  }
}
.theme-1 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #22b7f2;
}
.theme-2 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #8240ca;
}
.theme-3 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #bd1118;
}
.theme-4 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #cc5302;
}
.theme-5 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #f43b5f;
}
.theme-6 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #0cd2de;
}
.theme-7 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #fba90b;
}
.theme-8 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #13a104;
}
.theme-9 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #07696a;
}
.theme-10 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #005a9d;
}
.theme-11 .topictoolbar-list-item.content-toolbar__text-help a {
  border-color: #8acb01;
}
.topictoolbar-list-item.content-toolbar__text-help a {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  float: left;
  margin-right: 15px;
  margin-top: 13px;
  padding: 0;
}
.theme-1 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #22b7f2 !important;
}
.theme-2 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #8240ca !important;
}
.theme-3 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #bd1118 !important;
}
.theme-4 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #cc5302 !important;
}
.theme-5 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #f43b5f !important;
}
.theme-6 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #0cd2de !important;
}
.theme-7 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #fba90b !important;
}
.theme-8 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #13a104 !important;
}
.theme-9 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #07696a !important;
}
.theme-10 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #005a9d !important;
}
.theme-11 .topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  color: #8acb01 !important;
}
.topictoolbar-list-item.content-toolbar__text-help a [class^=icon] {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 35px;
  padding: 8px 10px 10px 11px;
}
.theme-1 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-1 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #22b7f2 !important;
}
.theme-2 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-2 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #8240ca !important;
}
.theme-3 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-3 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #bd1118 !important;
}
.theme-4 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-4 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #cc5302 !important;
}
.theme-5 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-5 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #f43b5f !important;
}
.theme-6 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-6 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #0cd2de !important;
}
.theme-7 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-7 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #fba90b !important;
}
.theme-8 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-8 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #13a104 !important;
}
.theme-9 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-9 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #07696a !important;
}
.theme-10 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-10 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #005a9d !important;
}
.theme-11 .topictoolbar-list-item.content-toolbar__text-help a:hover, .theme-11 .topictoolbar-list-item.content-toolbar__text-help a.active {
  background-color: #8acb01 !important;
}
.topictoolbar-list-item.content-toolbar__text-help a:hover [class^=icon], .topictoolbar-list-item.content-toolbar__text-help a.active [class^=icon] {
  color: #fff !important;
}
.topictoolbar-actions {
  float: right;
  margin-top: 15px;
  padding-left: 22px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
  transition: left 2s;
  left: 0;
  width: max-content;
}
@media screen and (max-width: 1200px) {
  .topictoolbar-actions {
    padding-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  .topictoolbar-actions {
    width: 79vw;
  }
}
.topictoolbar-actions-help {
  position: absolute;
  top: -265px;
  margin-left: 25px;
  padding-left: 10px;
  width: 442px;
}
.topictoolbar-actions-help__row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.topictoolbar-actions-help__row i {
  font-size: 36px;
  float: left;
}
.topictoolbar-actions-help__row p {
  float: left;
  font-size: 14px;
}
.theme-1 .topictoolbar-actions {
  background-color: rgba(34, 183, 242, 0.44);
}
.theme-1 .topictoolbar-actions-help {
  background-color: #22b7f2;
}
.theme-1 .topictoolbar-actions__close {
  border: 3px solid rgba(34, 183, 242, 0.88) !important;
}
.theme-2 .topictoolbar-actions {
  background-color: rgba(130, 64, 202, 0.44);
}
.theme-2 .topictoolbar-actions-help {
  background-color: #8240ca;
}
.theme-2 .topictoolbar-actions__close {
  border: 3px solid rgba(130, 64, 202, 0.88) !important;
}
.theme-3 .topictoolbar-actions {
  background-color: rgba(189, 17, 24, 0.44);
}
.theme-3 .topictoolbar-actions-help {
  background-color: #bd1118;
}
.theme-3 .topictoolbar-actions__close {
  border: 3px solid rgba(189, 17, 24, 0.88) !important;
}
.theme-4 .topictoolbar-actions {
  background-color: rgba(204, 83, 2, 0.44);
}
.theme-4 .topictoolbar-actions-help {
  background-color: #cc5302;
}
.theme-4 .topictoolbar-actions__close {
  border: 3px solid rgba(204, 83, 2, 0.88) !important;
}
.theme-5 .topictoolbar-actions {
  background-color: rgba(244, 59, 95, 0.44);
}
.theme-5 .topictoolbar-actions-help {
  background-color: #f43b5f;
}
.theme-5 .topictoolbar-actions__close {
  border: 3px solid rgba(244, 59, 95, 0.88) !important;
}
.theme-6 .topictoolbar-actions {
  background-color: rgba(12, 210, 222, 0.44);
}
.theme-6 .topictoolbar-actions-help {
  background-color: #0cd2de;
}
.theme-6 .topictoolbar-actions__close {
  border: 3px solid rgba(12, 210, 222, 0.88) !important;
}
.theme-7 .topictoolbar-actions {
  background-color: rgba(251, 169, 11, 0.44);
}
.theme-7 .topictoolbar-actions-help {
  background-color: #fba90b;
}
.theme-7 .topictoolbar-actions__close {
  border: 3px solid rgba(251, 169, 11, 0.88) !important;
}
.theme-8 .topictoolbar-actions {
  background-color: rgba(19, 161, 4, 0.44);
}
.theme-8 .topictoolbar-actions-help {
  background-color: #13a104;
}
.theme-8 .topictoolbar-actions__close {
  border: 3px solid rgba(19, 161, 4, 0.88) !important;
}
.theme-9 .topictoolbar-actions {
  background-color: rgba(7, 105, 106, 0.44);
}
.theme-9 .topictoolbar-actions-help {
  background-color: #07696a;
}
.theme-9 .topictoolbar-actions__close {
  border: 3px solid rgba(7, 105, 106, 0.88) !important;
}
.theme-10 .topictoolbar-actions {
  background-color: rgba(0, 90, 157, 0.44);
}
.theme-10 .topictoolbar-actions-help {
  background-color: #005a9d;
}
.theme-10 .topictoolbar-actions__close {
  border: 3px solid rgba(0, 90, 157, 0.88) !important;
}
.theme-11 .topictoolbar-actions {
  background-color: rgba(138, 203, 1, 0.44);
}
.theme-11 .topictoolbar-actions-help {
  background-color: #8acb01;
}
.theme-11 .topictoolbar-actions__close {
  border: 3px solid rgba(138, 203, 1, 0.88) !important;
}
.topictoolbar-actions > a {
  margin-top: 0 !important;
}
.topictoolbar-actions-wrapper {
  float: left;
  position: relative;
  transition: width 1.5s;
}
.topictoolbar-actions-wrapper.-closed {
  overflow: hidden;
  width: 0;
}
.topictoolbar-actions-wrapper.-closed .topictoolbar-actions {
  left: 548px;
}
.topictoolbar-actions__close {
  position: absolute;
  top: 15px;
  left: -12px;
  background-color: white !important;
  height: 24px !important;
  width: 24px !important;
  border-radius: 50% !important;
}
.topictoolbar-actions__close i {
  padding: 4px 0 0 0 !important;
  font-size: 11px !important;
  font-weight: 900;
}
.topictoolbar-actions__action {
  height: 51px !important;
  border: none !important;
  border-radius: unset !important;
}
@media screen and (max-width: 1200px) {
  .topictoolbar-actions__action {
    margin-right: 5px !important;
  }
}
.topictoolbar-actions__action i {
  padding: 8px 0 0 0 !important;
}
@media screen and (max-width: 1200px) {
  .topictoolbar-actions__action i {
    font-size: 32px !important;
    padding-top: 11px !important;
  }
}
.topictoolbar-actions__action[data-toolbar-action=help] {
  display: none !important;
}
.topictoolbar-actions__action.play.active .icon-icon_medium-playbutton:before {
  content: "\e905";
}

.theme-1 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #22b7f2;
}
.theme-1 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-1 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-1 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-1 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #22b7f2;
  z-index: 1;
}
.theme-1 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-2 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #8240ca;
}
.theme-2 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-2 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-2 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-2 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #8240ca;
  z-index: 1;
}
.theme-2 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-3 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #bd1118;
}
.theme-3 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-3 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-3 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-3 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #bd1118;
  z-index: 1;
}
.theme-3 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-4 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #cc5302;
}
.theme-4 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-4 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-4 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-4 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #cc5302;
  z-index: 1;
}
.theme-4 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-5 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #f43b5f;
}
.theme-5 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-5 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-5 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-5 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f43b5f;
  z-index: 1;
}
.theme-5 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-6 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #0cd2de;
}
.theme-6 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-6 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-6 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-6 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0cd2de;
  z-index: 1;
}
.theme-6 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-7 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #fba90b;
}
.theme-7 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-7 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-7 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-7 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fba90b;
  z-index: 1;
}
.theme-7 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-8 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #13a104;
}
.theme-8 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-8 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-8 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-8 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #13a104;
  z-index: 1;
}
.theme-8 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-9 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #07696a;
}
.theme-9 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-9 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-9 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-9 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #07696a;
  z-index: 1;
}
.theme-9 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-10 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #005a9d;
}
.theme-10 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-10 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-10 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-10 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #005a9d;
  z-index: 1;
}
.theme-10 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

.theme-11 .content-toolbar__quick-quiz {
  float: left;
  position: relative;
  background-color: #8acb01;
}
.theme-11 .content-toolbar__quick-quiz--inactive {
  background-color: white;
  border-right: 1px solid #f4f4f4;
}
.theme-11 .content-toolbar__quick-quiz .topictoolbar-link {
  color: white !important;
  padding: 30px 18px;
}
.theme-11 .content-toolbar__quick-quiz .topictoolbar-link--inactive {
  color: lightgray !important;
}
.theme-11 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #8acb01;
  z-index: 1;
}
.theme-11 .content-toolbar__quick-quiz .content-toolbar__quick-quiz-arrow-up--inactive {
  display: none;
}

#toolbar-toggle-button.-loading:hover {
  background-color: #fff !important;
}

.topic__quick-quiz-question-icon {
  margin-left: 10px;
}

.classroom-topic__quick-quiz-overlay {
  display: none;
  width: 100%;
}
.classroom-topic__quick-quiz-overlay--dimmed {
  position: relative;
}
.classroom-topic__quick-quiz-overlay--dimmed:after {
  content: " ";
  z-index: 10;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
}

.classroom-topic__quick-quiz-overlay-container {
  background-color: #f4f4f4;
  padding: 20px;
  width: 100vw;
  height: 50vh;
  overflow-y: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .classroom-topic__quick-quiz-overlay-container {
    overflow-y: scroll;
  }
}
@media screen and (max-height: 800px) {
  .classroom-topic__quick-quiz-overlay-container {
    height: 45vh;
  }
}
@media screen and (max-width: 768px) {
  .classroom-topic__quick-quiz-overlay-container {
    padding: 20px 70px;
  }
}
@media screen and (max-width: 480px) {
  .classroom-topic__quick-quiz-overlay-container {
    padding: 20px 50px 20px 55px;
  }
}

.classroom-topic__quick-quiz-overlay-header {
  background: #ddd;
  text-transform: uppercase;
  box-shadow: 0px 5px 5px -5px grey;
  position: relative;
  font-weight: bold;
  color: gray;
  z-index: 12;
}

.classroom-topic__quick-quiz-overlay-title {
  padding: 20px;
  display: inline-block;
}

.classroom-topic__quick-quiz-overlay-close-button {
  padding: 20px;
  display: inline-block;
  width: auto;
  width: 7rem;
  float: right;
  border-left: 1px solid silver;
  cursor: pointer;
}

.classroom-topic__quick-quiz-overlay-close-icon {
  margin-left: 1rem;
}

.trial-modal-header .modal-title {
  max-width: 624px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
  line-height: 3.125rem;
}
.trial-modal-header hr {
  max-width: 674px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 940px) {
  .trial-modal-header h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
.trial-modal-body {
  max-width: 674px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  padding-top: 0;
}
.trial-modal-body.-full {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 29px;
}
.trial-modal-body.-full > p {
  padding: 0 118px 26px 118px;
}
.trial-modal-body p {
  text-align: center;
  font-weight: 300;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 29px;
  line-height: 1.8125rem;
}
.trial-modal-body p.info {
  max-width: 444px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: "myriad-pro", sans-serif;
  padding-bottom: 42px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23px;
  line-height: 1.4375rem;
}
.trial-modal-body > img {
  max-width: 50%;
}
.trial-modal-body .trial-modal-features__item {
  display: block;
  float: left;
  height: 240px;
  padding-top: 22px;
  width: 33.333333333%;
  text-align: center;
}
.trial-modal-body .trial-modal-features__item.-primary {
  background-color: #D3F1FC;
}
.trial-modal-body .trial-modal-features__item.-secondary {
  background-color: #FEF7D4;
}
.trial-modal-body .trial-modal-features__item:first-child .trial-modal-features__item__header {
  padding-left: 38px;
}
.trial-modal-body .trial-modal-features__item:nth-child(2) .trial-modal-features__item__header {
  padding-left: 49px;
}
.trial-modal-body .trial-modal-features__item:last-child .trial-modal-features__item__header {
  padding-left: 21px;
}
.trial-modal-body .trial-modal-features__item__header {
  text-align: left;
}
.trial-modal-body .trial-modal-features__item h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin-bottom: 8px;
}
.trial-modal-body .trial-modal-features__item p {
  margin-bottom: 20px;
  color: #313131;
  font-family: "myriad-pro", sans-serif;
  text-align: left;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.trial-modal-footer {
  border-top: none;
  padding-top: 0;
  background-color: #fff;
}
.trial-wizard {
  height: 152px !important;
  background-color: white !important;
}
.trial-wizard .title {
  padding-top: 30px;
  text-align: center;
  font-weight: bold;
  font-family: "superclarendon", serif;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  line-height: 2.375rem;
}
.trial-wizard .sign-up-later {
  position: absolute;
  right: 206px;
  top: 28px;
  font-weight: 600;
  font-family: "myriad-pro", sans-serif;
  color: #888;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
  line-height: 2rem;
}
.trial-wizard .progress-header {
  max-width: 964px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 46px;
}
.trial-wizard .progress-header-item {
  width: 308px;
  height: 78px;
  position: relative;
  display: inline-block;
  color: #888;
  background-color: white;
  text-align: center;
  padding-top: 26px;
  margin-left: -2px;
  border: 1px solid #22b7f2;
  border-right: none;
}
.trial-wizard .progress-header-item .item-name {
  color: #bbb;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 23px;
  line-height: 1.4375rem;
}
.trial-wizard .progress-header-item .triangle {
  position: absolute;
  top: -1px;
  right: -39px;
  z-index: 2;
  width: 0;
  height: 0;
  border-top: 39px solid transparent;
  border-bottom: 39px solid transparent;
  border-left: 39px solid #22b7f2;
}
.trial-wizard .progress-header-item .inner-triangle {
  position: relative;
  bottom: 39px;
  left: -40px;
  width: 0;
  height: 0;
  border-top: 39px solid transparent;
  border-bottom: 39px solid transparent;
  border-left: 39px solid white;
}
.trial-wizard .progress-header-item.-active {
  background-color: #22b7f2;
}
.trial-wizard .progress-header-item.-active .inner-triangle {
  border-left: 39px solid #22b7f2;
}
.trial-wizard .progress-header-item.-active .item-name {
  color: white;
}
.trial-wizard .progress-header-item.-active .triangle {
  border-left: 39px solid white;
}
@media screen and (min-width: 941px) {
  .trial-wizard-body {
    width: 964px;
  }
}
.trial-wizard-body {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 58px;
}
.trial-wizard-body-wrapper {
  background-color: #eee;
}
.trial-wizard-body .step-title {
  font-size: 14px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  color: black;
  display: block;
  text-align: center;
  letter-spacing: unset;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: unset;
}
.trial-wizard-body .step-description {
  margin-bottom: 42px;
  max-width: 800px;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: unset;
}
.trial-wizard-body .wizard-classroom {
  border-bottom: 1px solid #C4C5C7;
  border-top: 1px solid #C4C5C7;
  padding: 40px 0;
}
.trial-wizard-body .wizard-classroom-title {
  padding-top: 20px;
  float: left;
}
.trial-wizard-body .wizard-classroom-container {
  float: right;
  text-align: center;
  padding-top: 17px;
  border-radius: 5px;
  height: 80px;
  width: 210px;
  background-color: #22b7f2;
}
.trial-wizard-body .wizard-classroom-code {
  color: white;
  font-weight: bold;
  font-family: "superclarendon", serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 45px;
  line-height: 2.8125rem;
}
.trial-wizard-body .wizard-student {
  margin-top: 50px;
}
.trial-wizard-body .wizard-student__header {
  height: 61px;
  padding-left: 43px;
  background-color: #22b7f2;
  color: #fff;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 61px;
  line-height: 3.8125rem;
}
.trial-wizard-body .wizard-student__content {
  padding: 26px 43px 55px 43px;
  background-color: #fff;
}
.trial-wizard-body .wizard-student__content > p {
  color: #000;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 33px;
  line-height: 2.0625rem;
}
.trial-wizard-body .wizard-student__content__form {
  margin-top: 36px;
  width: 100%;
}
.trial-wizard-body .wizard-student__content__form input {
  display: block;
  float: left;
  width: 70%;
}
.trial-wizard-body .wizard-student__content__form button {
  display: block;
  float: left;
  margin-left: 17px;
  margin-top: 2px;
}
.trial-wizard-body .wizard-actions .button-tertiary {
  background-color: white;
}
.trial-wizard-body .wizard-actions .button-primary {
  background-color: #fbd20b;
}
.trial-wizard-body .categories {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .trial-wizard-body .categories.active {
    left: 0;
  }
}
.trial-wizard-body .categories-list {
  list-style: none;
  padding: 0;
}
.trial-wizard-body .categories-list .category-item {
  background-size: 150px 110px;
  width: 150px;
  height: 110px;
  display: block;
  float: left;
  text-align: center;
  padding: 13px 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: 18px;
  margin-bottom: 18px;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
}
.trial-wizard-body .categories-list .category-item.theme-1 {
  border: solid 2px #22b7f2;
}
.trial-wizard-body .categories-list .category-item.theme-2 {
  border: solid 2px #8240ca;
}
.trial-wizard-body .categories-list .category-item.theme-3 {
  border: solid 2px #bd1118;
}
.trial-wizard-body .categories-list .category-item.theme-4 {
  border: solid 2px #cc5302;
}
.trial-wizard-body .categories-list .category-item.theme-5 {
  border: solid 2px #f43b5f;
}
.trial-wizard-body .categories-list .category-item.theme-6 {
  border: solid 2px #0cd2de;
}
.trial-wizard-body .categories-list .category-item.theme-7 {
  border: solid 2px #fba90b;
}
.trial-wizard-body .categories-list .category-item.theme-8 {
  border: solid 2px #13a104;
}
.trial-wizard-body .categories-list .category-item.theme-9 {
  border: solid 2px #07696a;
}
.trial-wizard-body .categories-list .category-item.theme-10 {
  border: solid 2px #005a9d;
}
.trial-wizard-body .categories-list .category-item.theme-11 {
  border: solid 2px #8acb01;
}
.trial-wizard-body .categories-list .category-item .icon {
  z-index: 1;
  position: relative;
}
.trial-wizard-body .categories-list .category-item .icon.-shrink {
  max-width: 40px;
  max-height: 45px;
}
.trial-wizard-body .categories-list .category-item .name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  position: inherit;
  font-weight: bold;
  color: white;
}
@media screen and (min-width: 769px) {
  .trial-wizard-body .categories-list .category-item .name {
    position: absolute;
    bottom: 0;
    height: 44px;
    width: 128px;
    left: 11px;
  }
}
@media screen and (max-width: 480px) {
  .trial-wizard-body .categories-list .category-item .name {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 768px) {
  .trial-wizard-body .categories-list .category-item {
    width: 45%;
    margin-left: 3%;
  }
}
.trial-wizard-body .categories-list .category-item-overlay {
  padding-top: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  opacity: 0.7;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-1 {
  background-color: #22b7f2;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-2 {
  background-color: #8240ca;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-3 {
  background-color: #bd1118;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-4 {
  background-color: #cc5302;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-5 {
  background-color: #f43b5f;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-6 {
  background-color: #0cd2de;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-7 {
  background-color: #fba90b;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-8 {
  background-color: #13a104;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-9 {
  background-color: #07696a;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-10 {
  background-color: #005a9d;
}
.trial-wizard-body .categories-list .category-item-overlay.theme-11 {
  background-color: #8acb01;
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-1 {
  border: solid 2px rgb(12.5, 155.7692307692, 212.5);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-2 {
  border: solid 2px rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-3 {
  border: solid 2px rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-4 {
  border: solid 2px rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-5 {
  border: solid 2px rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-6 {
  border: solid 2px rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-7 {
  border: solid 2px rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-8 {
  border: solid 2px rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-9 {
  border: solid 2px rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-10 {
  border: solid 2px rgb(0, 31.5286624204, 55);
}
.trial-wizard-body .categories-list .category-item.-inactive.theme-11 {
  border: solid 2px rgb(69, 101.5, 0.5);
}
.trial-wizard-body .categories-list .category-item.-inactive .category-item-overlay {
  z-index: 2;
  opacity: 0.8;
  background-color: #333;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.trial-wizard-body .search-platform {
  margin-top: 0;
  display: none;
}
.trial-wizard-body .search-platform-results {
  margin-left: 8% !important;
}
.trial-wizard-body .search-platform-results-label {
  margin-top: 30px;
  margin-bottom: 42px;
}
@media screen and (max-width: 768px) {
  .trial-wizard-body .search-platform-results-label {
    color: black;
    font-size: 1.7rem;
    text-transform: none;
  }
}
.trial-wizard-body .search-platform-results .search-result {
  background-color: white;
}
.trial-wizard-body .search-platform-results .search-result + .search-result {
  border-top: 1px solid #f4f4f4;
}
.trial-wizard-body .search-platform-results .search-result-row-item:nth-child(3) {
  width: 70%;
}
.trial-wizard-body .search-platform-results .search-result-row-item .button-icon-primary {
  border: 1px solid #22b7f2;
  color: #22b7f2;
  animation: pulse 2s infinite;
}
.trial-wizard-modal-header .modal-title {
  color: #222;
  font-weight: bold;
  text-align: center;
  width: 496px;
  margin-left: auto;
  margin-right: auto;
}
.trial-wizard-modal-footer .button-primary {
  background-color: #fbd20b;
}
.trial-header-button {
  position: relative;
  background-color: #fbd20b;
  border-radius: 5px;
  width: 178px;
  display: block;
  float: right;
  text-align: center;
  height: 41px;
  padding-top: 8px;
  margin-top: 27px;
  margin-right: 16px;
  color: #222 !important;
  font-family: "myriad-pro", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 1240px) {
  .trial-header-button {
    width: 106px;
  }
}
.trial-header-button:before {
  z-index: 1;
  content: " ";
  background-image: url("/Assets/Images/Frog_Clip.png");
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
  background-repeat: no-repeat;
  top: -22px;
  right: 10px;
  position: absolute;
}
@media screen and (max-width: 980px) {
  .trial-header-button {
    display: none;
  }
}
.trial-play-button {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "myriad-pro", sans-serif;
  line-height: 42px;
  line-height: 2.625rem;
  font-size: 15px;
  font-size: 0.9375rem;
  color: black !important;
  position: relative;
  padding-left: 80px;
}
.trial-play-button:before {
  content: " ";
  background-image: url("/Assets/Images/play-button.png");
  width: 34px;
  height: 34px;
  background-size: 34px 34px;
  background-repeat: no-repeat;
  position: absolute;
  top: -6px;
  left: 36px;
}
.trial-time-remaining {
  background-color: red;
  border: 1px solid black;
  box-sizing: border-box;
  border-radius: 12px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  padding-left: 3px;
  font-family: "myriad-pro", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 13px;
  line-height: 0.8125rem;
}
.trial-time-remaining.-float {
  position: absolute;
  top: -3px;
  left: 29px;
  z-index: 1;
}
.trial-time-remaining.-single {
  padding-left: 5px;
  padding-right: 5px;
}
.trial-time-remaining.-inline {
  padding-right: 2px;
  font-size: 14px;
  font-size: 0.875rem;
}
.trial-time-remaining.-inline.-single {
  padding-left: 7px;
  padding-right: 8px;
}

.modern-trial-container {
  background-color: white;
  padding-top: 60px;
  padding-bottom: 45px;
}

.trial__step-title {
  text-align: center;
}
@media screen and (max-width: 940px) {
  .trial__step-title {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.trial__step-title-info {
  font-size: 32px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  color: black;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
}

.trial__step-description {
  text-align: center;
  color: #575757 !important;
  font-weight: 400;
  font-size: 16px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px !important;
}
@media screen and (max-width: 940px) {
  .trial__step-description {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px !important;
    line-height: 1.7rem;
    margin-bottom: 25px !important;
  }
}

@media screen and (min-width: 769px) {
  .trial__categories-list {
    margin-left: 5%;
  }
}

.trial__search-platform-results {
  margin-left: 8% !important;
}

.trial__search-result-unit-name {
  width: 64% !important;
}
@media screen and (max-width: 480px) {
  .trial__search-result-unit-name {
    width: 56% !important;
  }
}

.trial__add-unit-button {
  padding: 10px 20px !important;
}

.trial__category-tile {
  background-size: cover !important;
}

.trial__back-button {
  margin-left: 50px;
}

.trial__back-button-icon {
  border-color: white;
  border-width: 0 3px 3px 0;
  border-style: solid;
  display: inline-block;
  padding: 3px;
  margin-right: 10px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

@media screen and (max-width: 768px) {
  .trial__search-result-unit-icon {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .trial__search-result-unit-image {
    display: none !important;
  }
}

.trial__search-result-unit-button {
  display: block !important;
}

@media screen and (max-width: 480px) {
  .trial__prompt-button {
    margin-left: 0 !important;
    margin-top: 20px;
    width: 100%;
  }
}

.trial__header-link {
  vertical-align: top;
}

.trial__new-frog {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 125px;
}
@media screen and (max-width: 768px) {
  .trial__new-frog {
    display: none;
  }
}

.trial__new-frog-mobile {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 125px;
  display: none;
}
@media screen and (max-width: 768px) {
  .trial__new-frog-mobile {
    display: block;
    height: auto;
    width: 100%;
  }
}

.infographic__header {
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 4.25rem;
  padding-top: 12.5625rem;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media screen and (max-width: 480px) {
  .infographic__header {
    padding-bottom: 0;
    padding-top: 7.8125rem;
  }
}
.theme-1 .infographic__header .free-badge {
  border-bottom-color: rgba(34, 183, 242, 0.88);
}
.theme-2 .infographic__header .free-badge {
  border-bottom-color: rgba(130, 64, 202, 0.88);
}
.theme-3 .infographic__header .free-badge {
  border-bottom-color: rgba(189, 17, 24, 0.88);
}
.theme-4 .infographic__header .free-badge {
  border-bottom-color: rgba(204, 83, 2, 0.88);
}
.theme-5 .infographic__header .free-badge {
  border-bottom-color: rgba(244, 59, 95, 0.88);
}
.theme-6 .infographic__header .free-badge {
  border-bottom-color: rgba(12, 210, 222, 0.88);
}
.theme-7 .infographic__header .free-badge {
  border-bottom-color: rgba(251, 169, 11, 0.88);
}
.theme-8 .infographic__header .free-badge {
  border-bottom-color: rgba(19, 161, 4, 0.88);
}
.theme-9 .infographic__header .free-badge {
  border-bottom-color: rgba(7, 105, 106, 0.88);
}
.theme-10 .infographic__header .free-badge {
  border-bottom-color: rgba(0, 90, 157, 0.88);
}
.theme-11 .infographic__header .free-badge {
  border-bottom-color: rgba(138, 203, 1, 0.88);
}
.infographic__header .free-badge {
  top: 86px;
}
@media screen and (max-width: 768px) {
  .infographic__header .free-badge {
    top: 58px;
  }
}
.infographic__header__wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  text-align: center;
  z-index: 2;
}
.infographic__header__title {
  color: #222;
  letter-spacing: -0.025em;
  margin-top: 12px;
  width: 100%;
}

.infographic-content-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .infographic-content-wrapper {
    width: 94%;
  }
}

.infographic__details {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.infographic__details:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .infographic__details {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .infographic__details:last-child {
    margin-right: 0;
  }
  .infographic__details {
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .infographic__details {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .infographic__details:last-child {
    margin-right: 0;
  }
  .infographic__details {
    float: none;
    text-align: center;
  }
}
.infographic__details__header {
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 4.25rem;
  padding-top: 2.125rem;
  position: relative;
  width: 100%;
  z-index: 0;
}
@media screen and (max-width: 480px) {
  .infographic__details__header {
    padding-bottom: 0;
    padding-top: 7.8125rem;
  }
}
.infographic__details__header__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.infographic__details__header__title {
  color: #222;
  letter-spacing: -0.025em;
  margin-top: 12px;
  width: 100%;
}
.infographic__details__paragraph {
  width: 100%;
}
.infographic__details__paragraph p, .infographic__details__paragraph a {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 480px) {
  .infographic__details__paragraph p, .infographic__details__paragraph a {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
.theme-1 .infographic__details__paragraph a {
  color: #22b7f2;
}
.theme-2 .infographic__details__paragraph a {
  color: #8240ca;
}
.theme-3 .infographic__details__paragraph a {
  color: #bd1118;
}
.theme-4 .infographic__details__paragraph a {
  color: #cc5302;
}
.theme-5 .infographic__details__paragraph a {
  color: #f43b5f;
}
.theme-6 .infographic__details__paragraph a {
  color: #0cd2de;
}
.theme-7 .infographic__details__paragraph a {
  color: #fba90b;
}
.theme-8 .infographic__details__paragraph a {
  color: #13a104;
}
.theme-9 .infographic__details__paragraph a {
  color: #07696a;
}
.theme-10 .infographic__details__paragraph a {
  color: #005a9d;
}
.theme-11 .infographic__details__paragraph a {
  color: #8acb01;
}
.infographic__details__paragraph.description {
  width: 96%;
  margin-top: 1.5625rem;
}
.infographic__details__paragraph.description p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #333;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .infographic__details__paragraph.description p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 31px;
    line-height: 1.9375rem;
  }
}
.infographic__details__paragraph.credits {
  float: none;
  margin-top: 2.6875rem;
}
.infographic__details__paragraph.credits p, .infographic__details__paragraph.credits a {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-style: italic;
}
@media screen and (max-width: 480px) {
  .infographic__details__paragraph.credits p, .infographic__details__paragraph.credits a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 31px;
    line-height: 1.9375rem;
  }
}

.infographic {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.infographic:last-child {
  margin-right: 0;
}
.infographic {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.125rem;
  margin-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .infographic {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }
  .infographic:last-child {
    margin-right: 0;
  }
  .infographic {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
  }
}
.infographic__box {
  width: 100%;
}
.theme-1 .infographic__box {
  background-color: #22b7f2;
}
.theme-2 .infographic__box {
  background-color: #8240ca;
}
.theme-3 .infographic__box {
  background-color: #bd1118;
}
.theme-4 .infographic__box {
  background-color: #cc5302;
}
.theme-5 .infographic__box {
  background-color: #f43b5f;
}
.theme-6 .infographic__box {
  background-color: #0cd2de;
}
.theme-7 .infographic__box {
  background-color: #fba90b;
}
.theme-8 .infographic__box {
  background-color: #13a104;
}
.theme-9 .infographic__box {
  background-color: #07696a;
}
.theme-10 .infographic__box {
  background-color: #005a9d;
}
.theme-11 .infographic__box {
  background-color: #8acb01;
}
.theme-1 .infographic__box.-secondary {
  background-color: #fbd20b;
}
.theme-2 .infographic__box.-secondary {
  background-color: #3cfdf2;
}
.theme-3 .infographic__box.-secondary {
  background-color: #eee7cb;
}
.theme-4 .infographic__box.-secondary {
  background-color: #efc416;
}
.theme-5 .infographic__box.-secondary {
  background-color: #0cd2de;
}
.theme-6 .infographic__box.-secondary {
  background-color: #fceb92;
}
.theme-7 .infographic__box.-secondary {
  background-color: #ffefb5;
}
.theme-8 .infographic__box.-secondary {
  background-color: #8df5f9;
}
.theme-9 .infographic__box.-secondary {
  background-color: #e6eaa7;
}
.theme-10 .infographic__box.-secondary {
  background-color: #94e1fe;
}
.theme-11 .infographic__box.-secondary {
  background-color: #e0f18f;
}
.infographic__box__header {
  padding-bottom: 16px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .infographic__box__header {
    text-align: center;
  }
}
.infographic__box__text {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #fff;
  font-family: "superclarendon", serif;
  font-weight: 700;
  letter-spacing: -1px;
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .infographic__box__text {
    *zoom: 1;
  }
  .infographic__box__text:before, .infographic__box__text:after {
    content: " ";
    display: table;
  }
  .infographic__box__text:after {
    clear: both;
  }
  .infographic__box__text {
    float: none;
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .infographic__box__text {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
.infographic__box__button {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .infographic__box__button {
    *zoom: 1;
  }
  .infographic__box__button:before, .infographic__box__button:after {
    content: " ";
    display: table;
  }
  .infographic__box__button:after {
    clear: both;
  }
  .infographic__box__button {
    float: none;
    margin-right: 0;
  }
}
.infographic__box__content {
  width: 70%;
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
}
.infographic__box__content img {
  max-width: 100%;
  margin-bottom: 2.125rem;
}
.infographic__box .topicrestricted {
  padding: 50px 0;
  text-align: center;
}
.infographic__box .topicrestricted-content {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.infographic__box .topicrestricted-content:last-child {
  margin-right: 0;
}
.infographic__box .topicrestricted-content {
  margin-left: auto;
  margin-right: auto !important;
  float: none;
}
.infographic__box .topicrestricted-message {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.infographic__box .topicrestricted-actions .button-tertiary--large {
  margin-bottom: 16px;
  width: 84%;
}
.infographic__box .topicrestricted-actions .button-secondary--large {
  margin-left: 0;
  width: 84%;
}

.video-header {
  display: inline-block;
  width: 100%;
  background-color: transparent;
}

.video-header-details {
  display: inline-block;
  width: 70%;
}

.video-button-wrapper {
  display: inline-block;
  float: right;
}

.video-details {
  width: 100%;
}

.video-content-wrapper {
  position: relative;
  width: 100%;
  max-width: none;
}

.video-hero-image {
  position: absolute;
  width: 100%;
}
.video-hero-image img {
  object-fit: cover;
  width: 100%;
}

.play-button-classroom {
  margin-left: 5px;
  margin-bottom: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.play-button-classroom-presentation {
  margin-left: 5px;
  margin-bottom: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.video-modal-video-container .jwplayer {
  margin: 0 !important;
}

.related-videos-content {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.related-videos-content h4 {
  font-variant: small-caps;
}
.related-videos-content .content-item-topic-title {
  padding: 13px 27px 13px 30px !important;
  position: absolute !important;
  width: unset !important;
  height: unset !important;
}
@media screen and (max-width: 1240px) {
  .related-videos-content {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.video-header-categor-name {
  display: inline-block;
  color: white;
}

.video-round-play {
  box-sizing: border-box;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-left: 4px;
  line-height: 20px;
}
.theme-1 .video-round-play {
  border-color: #22b7f2;
  background-color: #22b7f2;
}
.theme-2 .video-round-play {
  border-color: #8240ca;
  background-color: #8240ca;
}
.theme-3 .video-round-play {
  border-color: #bd1118;
  background-color: #bd1118;
}
.theme-4 .video-round-play {
  border-color: #cc5302;
  background-color: #cc5302;
}
.theme-5 .video-round-play {
  border-color: #f43b5f;
  background-color: #f43b5f;
}
.theme-6 .video-round-play {
  border-color: #0cd2de;
  background-color: #0cd2de;
}
.theme-7 .video-round-play {
  border-color: #fba90b;
  background-color: #fba90b;
}
.theme-8 .video-round-play {
  border-color: #13a104;
  background-color: #13a104;
}
.theme-9 .video-round-play {
  border-color: #07696a;
  background-color: #07696a;
}
.theme-10 .video-round-play {
  border-color: #005a9d;
  background-color: #005a9d;
}
.theme-11 .video-round-play {
  border-color: #8acb01;
  background-color: #8acb01;
}
.video-round-play {
  border-radius: 50%;
  color: white !important;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.video-round-play-lg {
  box-sizing: border-box;
  display: inline-block;
  width: 60px;
  height: 60px;
  padding-top: 20px;
  padding-left: 7px;
  line-height: 20px;
}
.theme-1 .video-round-play-lg {
  border-color: #22b7f2;
  background-color: #22b7f2;
}
.theme-2 .video-round-play-lg {
  border-color: #8240ca;
  background-color: #8240ca;
}
.theme-3 .video-round-play-lg {
  border-color: #bd1118;
  background-color: #bd1118;
}
.theme-4 .video-round-play-lg {
  border-color: #cc5302;
  background-color: #cc5302;
}
.theme-5 .video-round-play-lg {
  border-color: #f43b5f;
  background-color: #f43b5f;
}
.theme-6 .video-round-play-lg {
  border-color: #0cd2de;
  background-color: #0cd2de;
}
.theme-7 .video-round-play-lg {
  border-color: #fba90b;
  background-color: #fba90b;
}
.theme-8 .video-round-play-lg {
  border-color: #13a104;
  background-color: #13a104;
}
.theme-9 .video-round-play-lg {
  border-color: #07696a;
  background-color: #07696a;
}
.theme-10 .video-round-play-lg {
  border-color: #005a9d;
  background-color: #005a9d;
}
.theme-11 .video-round-play-lg {
  border-color: #8acb01;
  background-color: #8acb01;
}
.video-round-play-lg {
  border-radius: 50%;
  color: white !important;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.video-desc-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1240px) {
  .video-desc-wrapper {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.video-desc-full {
  padding-top: 35px;
}

.video-related-home-content {
  padding-top: 30px !important;
  padding-bottom: 30px;
}

.videoheader {
  height: 557px;
}
@media screen and (max-width: 768px) {
  .videoheader {
    height: 550px;
  }
}
@media screen and (max-width: 600px) {
  .videoheader {
    height: 400px;
  }
}
.videoheader-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1060px) {
  .videoheader-wrapper {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1240px) {
  .videoheader-wrapper {
    padding-right: 50px;
    padding-left: 50px;
  }
}
.videoheader-title-section {
  bottom: 35px;
  color: #fff;
  float: left;
  margin-top: 361px;
  position: absolute;
  width: 85%;
}
.videoheader-title-section h1, .videoheader-title-section h4 {
  color: #fff;
}
.videoheader-title-section h4 {
  margin-top: 12px;
}
.videoheader-title-description {
  padding-bottom: 30px;
}
.videoheader-title-description p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  letter-spacing: -0.25px;
}
@media screen and (max-width: 480px) {
  .videoheader-title-description p {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
@media screen and (max-width: 600px) {
  .videoheader-title-description p {
    display: none;
  }
}
.videoheader-toolbar {
  float: right;
  margin-top: 73px;
  text-align: right;
  width: 41%;
}
@media screen and (max-width: 480px) {
  .videoheader-toolbar {
    display: none;
  }
}
@media screen and (max-width: 940px) {
  .videoheader-toolbar button,
  .videoheader-toolbar .button {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 940px) {
  .videoheader-toolbar button:last-child,
  .videoheader-toolbar .button:last-child {
    margin-bottom: none;
  }
}
.videoheader-pager {
  bottom: 39px;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  font-style: italic;
  line-height: 18px;
  position: absolute;
  right: 18px;
  width: 150px;
}
@media screen and (max-width: 768px) {
  .videoheader-pager {
    width: 100px;
  }
}
.videoheader-pager-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  display: block;
  float: left;
  height: 9px;
  margin-left: 8px;
  margin-top: 20px;
  width: 9px;
}
.videoheader-pager-link--active {
  background-color: transparent;
  border: 2px solid #fff;
  height: 20px;
  margin-top: 15px;
  width: 20px;
}

.video-window {
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.theme-1 .video-window-header {
  background-color: #fbd20b;
}
.theme-2 .video-window-header {
  background-color: #3cfdf2;
}
.theme-3 .video-window-header {
  background-color: #eee7cb;
}
.theme-4 .video-window-header {
  background-color: #efc416;
}
.theme-5 .video-window-header {
  background-color: #0cd2de;
}
.theme-6 .video-window-header {
  background-color: #fceb92;
}
.theme-7 .video-window-header {
  background-color: #ffefb5;
}
.theme-8 .video-window-header {
  background-color: #8df5f9;
}
.theme-9 .video-window-header {
  background-color: #e6eaa7;
}
.theme-10 .video-window-header {
  background-color: #94e1fe;
}
.theme-11 .video-window-header {
  background-color: #e0f18f;
}
.video-window-header {
  text-align: right;
  margin: 15% auto;
  width: 60%;
  padding-top: 1%;
  padding-right: 1%;
}
.theme-1 .video-window-content {
  background-color: #fbd20b;
}
.theme-2 .video-window-content {
  background-color: #3cfdf2;
}
.theme-3 .video-window-content {
  background-color: #eee7cb;
}
.theme-4 .video-window-content {
  background-color: #efc416;
}
.theme-5 .video-window-content {
  background-color: #0cd2de;
}
.theme-6 .video-window-content {
  background-color: #fceb92;
}
.theme-7 .video-window-content {
  background-color: #ffefb5;
}
.theme-8 .video-window-content {
  background-color: #8df5f9;
}
.theme-9 .video-window-content {
  background-color: #e6eaa7;
}
.theme-10 .video-window-content {
  background-color: #94e1fe;
}
.theme-11 .video-window-content {
  background-color: #e0f18f;
}
.video-window-content {
  float: none;
  width: 100%;
  text-align: center;
  padding-top: 1%;
  padding-bottom: 5%;
  padding-left: 15%;
  padding-right: 15%;
  margin-left: 0%;
  margin-right: 0%;
}

.buttons-stacked {
  padding-left: 165px !important;
  padding-right: 165px !important;
}
@media screen and (max-width: 480px) {
  .buttons-stacked {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
.buttons-stacked button[type=button] {
  margin-left: 0;
  width: 100%;
}
.buttons-stacked button[type=button]:first-of-type {
  margin-bottom: 15px;
}

.fieldset-vertical.-additional .remove-answer {
  float: right;
  cursor: pointer;
  font-size: 24px;
  margin-right: 20px;
  color: #bbb;
}

.add-wrong-answer {
  margin-bottom: 48px;
}

.floated-buttons .delete-link {
  display: inline-block;
  margin-top: 14px;
  color: #bbb;
}
.floated-buttons__left {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 36.8794481813%;
}
.floated-buttons__left:last-child {
  margin-right: 0;
}
.floated-buttons__left.-confirm {
  display: none;
}
.floated-buttons__right {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.floated-buttons__right:last-child {
  margin-right: 0;
}
.floated-buttons__right.-confirm {
  display: none;
}

.question-and-chart {
  width: 84%;
  float: left;
}

.theme-1 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #22b7f2;
}
.theme-2 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #8240ca;
}
.theme-3 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #bd1118;
}
.theme-4 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #cc5302;
}
.theme-5 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #f43b5f;
}
.theme-6 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #0cd2de;
}
.theme-7 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #fba90b;
}
.theme-8 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #13a104;
}
.theme-9 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #07696a;
}
.theme-10 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #005a9d;
}
.theme-11 .edit-question-modal .radio-button:not(.-selected):hover label {
  color: #8acb01;
}
.edit-question-modal .radio-button label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.05em;
  padding: 14px 10px;
  color: #888;
}
.edit-question-modal .add-button {
  margin-bottom: 26px;
}

.graded-exam .percent {
  font-size: 16px;
  font-size: 1rem;
  color: #bbb;
  margin-left: 10px;
}
.graded-exam .percent p,
.graded-exam .percent span {
  font-size: 16px;
  font-size: 1rem;
  color: #bbb;
}
.graded-exam .score-points {
  color: #6bac43;
  font-weight: bold;
}
.graded-exam .score-points span {
  color: #6bac43;
  font-size: 21px;
  font-size: 1.3125rem;
  font-weight: bold;
}
.graded-exam p {
  display: inline-block;
}

textarea.-correct {
  background: #f8fdee;
  border-color: #b9cd92;
}

textarea.-wrong {
  background: #fef8f8;
  border-color: #f1acac;
}

@media screen and (max-width: 480px) {
  .scores-header.-students {
    display: none;
  }
}
.scores-header.-students a {
  float: right;
}
.scores-header.-students h5, .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb, .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken {
  text-transform: none;
}
.scores-header.-students h5:first-of-type, .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:first-of-type, .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:first-of-type, .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:first-of-type, .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:first-of-type {
  width: 40%;
  text-align: left;
}
.scores-header.-students h5:nth-of-type(2), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(2), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(2), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(2) {
  width: 14%;
}
.scores-header.-students h5:nth-of-type(3), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(3), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(3) {
  width: 26%;
}
@media screen and (max-width: 1041px) {
  .scores-header.-students h5:nth-of-type(3), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(3), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(3), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(3) {
    width: 15%;
  }
}
.scores-header.-students h5:nth-of-type(4), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(4), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(4), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(4), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(4) {
  width: 9%;
  text-align: right;
}
@media screen and (max-width: 1041px) {
  .scores-header.-students h5:nth-of-type(4), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(4), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(4), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(4), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(4) {
    width: 14%;
  }
}
.scores-header.-students h5:nth-of-type(5), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(5), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(5), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(5), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(5) {
  width: 9%;
  text-align: right;
}
@media screen and (max-width: 1041px) {
  .scores-header.-students h5:nth-of-type(5), .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb:nth-of-type(5), .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb:nth-of-type(5), .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken:nth-of-type(5), .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken:nth-of-type(5) {
    width: 14%;
  }
}
.scores-header.-students p {
  color: #888;
  font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 20px;
}
.scores-header.-students p span {
  font-weight: bold;
  font-family: "ff-meta-serif-web-pro", serif;
}
.scores-header.-students h5, .scores-header.-students .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .scores-header.-students .crumb, .scores-header.-students .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .scores-header.-students .darken {
  text-align: center;
  margin-top: 20px;
}

.classroom-content-sections-section-students-list.-students {
  padding: 6px 0;
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list.-students {
    padding: 16px;
  }
}

.classroom-content-sections-section-students-list-item.-assessment:nth-of-type(2) {
  margin-top: 0;
}
.classroom-content-sections-section-students-list-item.-assessment:last-of-type {
  padding-right: 10px;
  color: #888;
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list-item.-assessment:last-of-type {
    padding-right: 0;
  }
}
.classroom-content-sections-section-students-list-item.-assessment:last-of-type span.grade {
  margin-right: 10px;
  color: #222;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list-item.-assessment:last-of-type span.grade {
    margin-right: 0;
  }
}
.classroom-content-sections-section-students-list-item.-assessment:last-of-type span.adjustment.-positive {
  color: #6bac43;
}
.classroom-content-sections-section-students-list-item.-assessment:last-of-type span.adjustment.-negative {
  color: #e92329;
}

.classroom-content-sections-section-students-list-item.-assessment a.-unstyled,
.classroom-content-sections-section-students-list.-students a.-unstyled {
  color: #222;
  font-family: "myriad-pro", sans-serif;
}
.classroom-content-sections-section-students-list-item.-assessment a.-disabled,
.classroom-content-sections-section-students-list.-students a.-disabled {
  cursor: default;
}
.theme-1 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-1 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #22b7f2;
}
.theme-2 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-2 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #8240ca;
}
.theme-3 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-3 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #bd1118;
}
.theme-4 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-4 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #cc5302;
}
.theme-5 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-5 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #f43b5f;
}
.theme-6 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-6 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #0cd2de;
}
.theme-7 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-7 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #fba90b;
}
.theme-8 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-8 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #13a104;
}
.theme-9 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-9 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #07696a;
}
.theme-10 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-10 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #005a9d;
}
.theme-11 .classroom-content-sections-section-students-list-item.-assessment:hover a.-unstyled,
.theme-11 .classroom-content-sections-section-students-list.-students:hover a.-unstyled {
  color: #8acb01;
}
.theme-1 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-1 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-2 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-2 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-3 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-3 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-4 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-4 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-5 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-5 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-6 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-6 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-7 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-7 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-8 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-8 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-9 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-9 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-10 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-10 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}
.theme-11 .classroom-content-sections-section-students-list-item.-assessment:hover a.-disabled,
.theme-11 .classroom-content-sections-section-students-list.-students:hover a.-disabled {
  color: #222;
}

.teacher-exam-questions-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.teacher-exam-questions-actions {
  padding: 30px 0;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 1060px) {
  .teacher-exam-questions-actions {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.teacher-exam-questions-actions__left, .teacher-exam-questions-actions__right {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.teacher-exam-questions-actions__left:last-child, .teacher-exam-questions-actions__right:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-actions__left, .teacher-exam-questions-actions__right {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .teacher-exam-questions-actions__left:last-child, .teacher-exam-questions-actions__right:last-child {
    margin-right: 0;
  }
}
.teacher-exam-questions-actions__left p, .teacher-exam-questions-actions__right p {
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 0;
  margin-top: 0;
}
.teacher-exam-questions-actions__left p span, .teacher-exam-questions-actions__right p span {
  font-weight: bold;
}
.teacher-exam-questions-actions__right {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-actions__right {
    text-align: left;
  }
  .teacher-exam-questions-actions__right a {
    margin-left: 0 !important;
  }
}
.teacher-exam-questions-actions a {
  margin-left: 20px;
}
.teacher-exam-questions .scores-header {
  border: 1px solid green;
}
.teacher-exam-questions .scores-header h5, .teacher-exam-questions .scores-header .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .teacher-exam-questions .scores-header .crumb, .teacher-exam-questions .scores-header .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .teacher-exam-questions .scores-header .darken {
  width: 13%;
}
.teacher-exam-questions .scores-header h5:first-of-type, .teacher-exam-questions .scores-header .discover-map .nav-controls .breadcrumbs .crumb:first-of-type, .discover-map .nav-controls .breadcrumbs .teacher-exam-questions .scores-header .crumb:first-of-type, .teacher-exam-questions .scores-header .discover-map .nav-controls .breadcrumbs .darken:first-of-type, .discover-map .nav-controls .breadcrumbs .teacher-exam-questions .scores-header .darken:first-of-type {
  width: 40%;
}
.teacher-exam-questions-question {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question {
    padding: 22px 0;
  }
}
@media screen and (max-width: 1060px) {
  .teacher-exam-questions-question {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.teacher-exam-questions-question:hover {
  background: white;
}
.teacher-exam-questions-question:hover .teacher-exam-questions-question-icon {
  display: block;
  position: absolute;
  top: 49%;
  left: 30px;
  cursor: move;
  top: 50%;
  transform: translateY(-50%);
}
.teacher-exam-questions-question:hover .teacher-exam-questions-question-icon i {
  font-size: 24px;
  font-size: 1.5rem;
  color: #bbb;
}
.theme-1 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #22b7f2;
}
.theme-2 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #8240ca;
}
.theme-3 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #bd1118;
}
.theme-4 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #cc5302;
}
.theme-5 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #f43b5f;
}
.theme-6 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #0cd2de;
}
.theme-7 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #fba90b;
}
.theme-8 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #13a104;
}
.theme-9 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #07696a;
}
.theme-10 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #005a9d;
}
.theme-11 .teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  background: #8acb01;
}
.teacher-exam-questions-question:hover .teacher-exam-questions-question-number {
  color: white;
}
.teacher-exam-questions-question .dropdown {
  background: #e8e8e8;
}
.teacher-exam-questions-question .dropdown:hover {
  background: #dbdbdb;
}
.teacher-exam-questions-question input {
  width: 100%;
}
.teacher-exam-questions-question fieldset {
  margin-bottom: 0;
}
.teacher-exam-questions-question fieldset:after {
  content: "pts";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}
.teacher-exam-questions-question fieldset input {
  padding: 10px 30px 10px 20px;
}
.teacher-exam-questions-question-icon {
  display: none;
}
.teacher-exam-questions-question-number {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #e8e8e8;
  border-radius: 50%;
  left: -15px;
  font-weight: bold;
  color: #888;
  line-height: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1100px) and (min-width: 770px) {
  .teacher-exam-questions-question-number {
    left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question-number {
    left: auto;
    right: 26px;
    top: 40px;
    transform: none;
  }
}
.teacher-exam-questions-question-content {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.teacher-exam-questions-question-content:last-child {
  margin-right: 0;
}
.teacher-exam-questions-question-content {
  margin-left: 6.1721527019%;
  color: #333;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question-content {
    margin-left: -2.3576515979%;
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .teacher-exam-questions-question-content:last-child {
    margin-right: 0;
  }
  .teacher-exam-questions-question-content {
    margin-left: 0;
  }
}
.teacher-exam-questions-question-content-html {
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 18px;
}
.teacher-exam-questions-question-content-html p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question-content-html {
    padding-right: 50px;
  }
}
.teacher-exam-questions-question-content-topic {
  font-style: italic;
  font-family: "ff-meta-serif-web-pro", serif;
  color: #888;
}
.theme-1 .teacher-exam-questions-question-content-topic span {
  color: #22b7f2;
}
.theme-2 .teacher-exam-questions-question-content-topic span {
  color: #8240ca;
}
.theme-3 .teacher-exam-questions-question-content-topic span {
  color: #bd1118;
}
.theme-4 .teacher-exam-questions-question-content-topic span {
  color: #cc5302;
}
.theme-5 .teacher-exam-questions-question-content-topic span {
  color: #f43b5f;
}
.theme-6 .teacher-exam-questions-question-content-topic span {
  color: #0cd2de;
}
.theme-7 .teacher-exam-questions-question-content-topic span {
  color: #fba90b;
}
.theme-8 .teacher-exam-questions-question-content-topic span {
  color: #13a104;
}
.theme-9 .teacher-exam-questions-question-content-topic span {
  color: #07696a;
}
.theme-10 .teacher-exam-questions-question-content-topic span {
  color: #005a9d;
}
.theme-11 .teacher-exam-questions-question-content-topic span {
  color: #8acb01;
}
.teacher-exam-questions-question-content-topic span {
  font-weight: bold;
  font-style: normal;
  font-family: "myriad-pro", sans-serif;
}
.teacher-exam-questions-question-format {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.teacher-exam-questions-question-format:last-child {
  margin-right: 0;
}
.teacher-exam-questions-question-format {
  text-transform: uppercase;
  color: #888;
  text-align: center;
  font-weight: bold;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question-format {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .teacher-exam-questions-question-format:last-child {
    margin-right: 0;
  }
  .teacher-exam-questions-question-format {
    text-align: left;
    margin-bottom: 18px;
  }
}
.teacher-exam-questions-question-weight {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 10.4370548518%;
}
.teacher-exam-questions-question-weight:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question-weight {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .teacher-exam-questions-question-weight:last-child {
    margin-right: 0;
  }
}
.teacher-exam-questions-question-weight input {
  background: white;
}
.teacher-exam-questions-question-menu {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%;
}
.teacher-exam-questions-question-menu:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .teacher-exam-questions-question-menu {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }
  .teacher-exam-questions-question-menu:last-child {
    margin-right: 0;
  }
  .teacher-exam-questions-question-menu .dropdown {
    float: right;
  }
}

.main-content.-print .page-content.-less {
  padding-top: 0;
}
.main-content.-print .question-container {
  page-break-inside: avoid;
}
.main-content.-print .assessment-wrapper {
  background: white;
}
.main-content.-print .assessment__questions__question .number {
  color: black;
  font-size: 36pt;
}
.main-content.-print .mobile-only {
  display: none !important;
}
.main-content.-print .assessment__questions {
  padding: 25px 0;
}
.main-content.-print .assessment__questions hr {
  margin: 10px 0 !important;
}
.main-content.-print .assessment__questions .question-container {
  padding: 0;
}
.main-content.-print .assessment__questions__answers {
  margin-top: 24px;
}
.main-content.-print .assessment__questions__answers > span {
  display: none;
}
.main-content.-print .assessment__questions__answers .answer-reasoning, .main-content.-print .assessment__questions__answers .teacher-comment {
  padding: 25px 50px 10px 25px;
  margin-top: 0;
}
.main-content.-print p, .main-content.-print .assessment__questions__answers__answer label {
  font-size: 12pt;
}
.main-content.-print .assessment__questions__answers__answer.-response {
  margin-bottom: 4px;
}
.main-content.-print .assessment__questions__answers__answer.-response p.short-answer {
  display: none;
}
.main-content.-print .assessment__questions__answers__answer {
  /* This is a css generated checkmark to replace the icon font that doesn't work with the PDF */
}
.main-content.-print .assessment__questions__answers__answer .icon-icon_medium-checkmark {
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
}
.main-content.-print .assessment__questions__answers__answer .icon-icon_medium-checkmark:before {
  /*Add another block-level blank space*/
  content: "";
  display: block;
  /*Make it a small rectangle so the border will create an L-shape*/
  width: 8px;
  height: 16px;
  /*Add a white border on the bottom and left, creating that 'L' */
  border: solid #6bac43;
  border-width: 0 3px 3px 0;
  /*Rotate the L 45 degrees to turn it into a checkmark*/
  transform: rotate(45deg);
}
.main-content.-print textarea.short-answer {
  visibility: hidden;
  height: 128px !important;
}
.main-content.-print .assessment__heading__left .type {
  display: none !important;
}
.main-content.-print .assessment__heading__left .publish {
  padding-bottom: 8px !important;
}
.main-content.-print .assessment__heading__right {
  margin-top: 0 !important;
}

#teacher-exam-questions-question-empty {
  text-align: center;
  padding-top: 50px;
}
#teacher-exam-questions-question-empty hr {
  height: 1px;
  background: #bbb;
  width: 500px;
  margin: 30px auto;
}
#teacher-exam-questions-question-empty p {
  font-family: "ff-meta-serif-web-pro", serif;
}
#teacher-exam-questions-question-empty .details {
  color: #888;
  font-size: 18px;
  font-size: 1.125rem;
}
#teacher-exam-questions-question-empty .details span {
  font-weight: bold;
}
#teacher-exam-questions-question-empty a {
  margin-top: 30px;
}
#teacher-exam-questions-question-empty a.button {
  margin-top: 0;
  margin-left: 20px;
}

.theme-1 #addto-assessments .addto.-checked {
  background: #22b7f2;
}
.theme-2 #addto-assessments .addto.-checked {
  background: #8240ca;
}
.theme-3 #addto-assessments .addto.-checked {
  background: #bd1118;
}
.theme-4 #addto-assessments .addto.-checked {
  background: #cc5302;
}
.theme-5 #addto-assessments .addto.-checked {
  background: #f43b5f;
}
.theme-6 #addto-assessments .addto.-checked {
  background: #0cd2de;
}
.theme-7 #addto-assessments .addto.-checked {
  background: #fba90b;
}
.theme-8 #addto-assessments .addto.-checked {
  background: #13a104;
}
.theme-9 #addto-assessments .addto.-checked {
  background: #07696a;
}
.theme-10 #addto-assessments .addto.-checked {
  background: #005a9d;
}
.theme-11 #addto-assessments .addto.-checked {
  background: #8acb01;
}
#addto-assessments .addto.-checked h3 {
  color: white;
}
.theme-1 #addto-assessments .addto.-checked label:before, .theme-1 #addto-assessments .addto.-checked label:after {
  background: #22b7f2;
}
.theme-2 #addto-assessments .addto.-checked label:before, .theme-2 #addto-assessments .addto.-checked label:after {
  background: #8240ca;
}
.theme-3 #addto-assessments .addto.-checked label:before, .theme-3 #addto-assessments .addto.-checked label:after {
  background: #bd1118;
}
.theme-4 #addto-assessments .addto.-checked label:before, .theme-4 #addto-assessments .addto.-checked label:after {
  background: #cc5302;
}
.theme-5 #addto-assessments .addto.-checked label:before, .theme-5 #addto-assessments .addto.-checked label:after {
  background: #f43b5f;
}
.theme-6 #addto-assessments .addto.-checked label:before, .theme-6 #addto-assessments .addto.-checked label:after {
  background: #0cd2de;
}
.theme-7 #addto-assessments .addto.-checked label:before, .theme-7 #addto-assessments .addto.-checked label:after {
  background: #fba90b;
}
.theme-8 #addto-assessments .addto.-checked label:before, .theme-8 #addto-assessments .addto.-checked label:after {
  background: #13a104;
}
.theme-9 #addto-assessments .addto.-checked label:before, .theme-9 #addto-assessments .addto.-checked label:after {
  background: #07696a;
}
.theme-10 #addto-assessments .addto.-checked label:before, .theme-10 #addto-assessments .addto.-checked label:after {
  background: #005a9d;
}
.theme-11 #addto-assessments .addto.-checked label:before, .theme-11 #addto-assessments .addto.-checked label:after {
  background: #8acb01;
}
#addto-assessments .addto.-checked label:before, #addto-assessments .addto.-checked label:after {
  color: white;
  border-color: white;
}
#addto-assessments .addto .addto-row-item {
  margin-top: 0;
}
#addto-assessments .addto:not(.-checked):hover {
  background: white;
}
.theme-1 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #22b7f2;
}
.theme-2 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #8240ca;
}
.theme-3 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #bd1118;
}
.theme-4 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #cc5302;
}
.theme-5 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #f43b5f;
}
.theme-6 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #0cd2de;
}
.theme-7 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #fba90b;
}
.theme-8 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #13a104;
}
.theme-9 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #07696a;
}
.theme-10 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #005a9d;
}
.theme-11 #addto-assessments .addto:not(.-checked):hover h3 {
  color: #8acb01;
}
.theme-1 #addto-assessments .addto:not(.-checked):hover label:before, .theme-1 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #22b7f2;
  border-color: #22b7f2;
}
.theme-2 #addto-assessments .addto:not(.-checked):hover label:before, .theme-2 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #8240ca;
  border-color: #8240ca;
}
.theme-3 #addto-assessments .addto:not(.-checked):hover label:before, .theme-3 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #bd1118;
  border-color: #bd1118;
}
.theme-4 #addto-assessments .addto:not(.-checked):hover label:before, .theme-4 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #cc5302;
  border-color: #cc5302;
}
.theme-5 #addto-assessments .addto:not(.-checked):hover label:before, .theme-5 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #f43b5f;
  border-color: #f43b5f;
}
.theme-6 #addto-assessments .addto:not(.-checked):hover label:before, .theme-6 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #0cd2de;
  border-color: #0cd2de;
}
.theme-7 #addto-assessments .addto:not(.-checked):hover label:before, .theme-7 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #fba90b;
  border-color: #fba90b;
}
.theme-8 #addto-assessments .addto:not(.-checked):hover label:before, .theme-8 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #13a104;
  border-color: #13a104;
}
.theme-9 #addto-assessments .addto:not(.-checked):hover label:before, .theme-9 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #07696a;
  border-color: #07696a;
}
.theme-10 #addto-assessments .addto:not(.-checked):hover label:before, .theme-10 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #005a9d;
  border-color: #005a9d;
}
.theme-11 #addto-assessments .addto:not(.-checked):hover label:before, .theme-11 #addto-assessments .addto:not(.-checked):hover label:after {
  color: #8acb01;
  border-color: #8acb01;
}
#addto-assessments .addto:not(.-checked):hover label:before, #addto-assessments .addto:not(.-checked):hover label:after {
  background: white;
}

.modal-dialog-footer.-add {
  background: white;
}
.modal-dialog-footer.-add .number-selected {
  float: left;
  padding-left: 90px;
  margin-top: 15px;
}
.modal-dialog-footer.-add .modal-buttons-right {
  float: right;
  padding-right: 90px;
}

.inner-scroll {
  max-height: 312px;
  overflow-y: scroll;
  background: #f4f4f4;
  padding-top: 30px !important;
}
.inner-scroll .addto .addto-row-item h3 {
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 200;
}

.assessment .negative-results {
  margin-left: auto;
  margin-right: auto;
  max-width: 430px;
}
.assessment .negative-results__header {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
.assessment .negative-results__message {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #333;
  font-style: normal;
}

.assessment {
  position: relative;
}
.assessment .layout-sidebar.questions-index {
  padding-right: 16px;
  padding-left: 16px;
}
.assessment .classroom-content-header-details-title {
  width: 88%;
}
.assessment .classroom-content-header-details-code span {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
.assessment .page-content {
  padding-top: 96px;
  padding-bottom: 48px;
}
.assessment .page-content.-less {
  padding-top: 0;
  padding-bottom: 0;
}
.assessment .page-content.-extra {
  padding-bottom: 60px;
  padding-top: 10px;
}
.assessment .page-content .assessment__heading__left,
.assessment .page-content .assessment__heading__right {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .assessment .page-content .assessment__heading__left,
  .assessment .page-content .assessment__heading__right {
    width: 100%;
    float: left;
    margin-top: 0 !important;
    margin-left: 0;
  }
  .assessment .page-content .assessment__heading__left .points,
  .assessment .page-content .assessment__heading__right .points {
    margin-top: 0;
    text-align: left;
  }
  .assessment .page-content .assessment__heading__left .points__number, .assessment .page-content .assessment__heading__left .points__label,
  .assessment .page-content .assessment__heading__right .points__number,
  .assessment .page-content .assessment__heading__right .points__label {
    display: inline-block;
  }
}
.assessment .page-content .assessment__heading__left span.type {
  display: block;
  padding-top: 80px;
}
.assessment .page-content .assessment__heading__left span.publish {
  display: block;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .assessment .page-content .assessment__heading__left span.publish {
    padding-bottom: 40px;
  }
}
.assessment .page-content .assessment__heading__right {
  margin-bottom: 55px;
}
.assessment .page-content .assessment__heading h1 {
  font-size: 36px;
  font-size: 2.25rem;
}
.assessment hr {
  height: 2px;
}
.assessment hr.-shrink {
  margin-top: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 1060px) {
  .assessment .page-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.assessment .points {
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
}
.assessment .points input {
  width: 100px;
  display: block;
  margin: 14px auto 0 auto;
  height: 36px;
}
.assessment .points.-incorrect p {
  color: red;
}
.assessment .points.-correct p {
  color: #6bac43;
}
.assessment .points.-partial p {
  color: #f1c262;
}
.assessment .points__number {
  text-align: left;
  font-size: 24px;
  font-size: 1.5rem;
  display: block;
  font-family: "myriad-pro", sans-serif;
}
.assessment .points__label {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "myriad-pro", sans-serif;
  color: #888;
}
.assessment__heading__right {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.assessment__heading__right:last-child {
  margin-right: 0;
}
.assessment__heading__right {
  margin-left: 7.8781135619%;
}
.assessment__heading__left {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.assessment__heading__left:last-child {
  margin-right: 0;
}
.assessment__heading__left h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 44px;
  line-height: 2.75rem;
}
.assessment__heading span {
  color: #888;
  font-size: 14px;
  font-size: 0.875rem;
}
.assessment__heading .type {
  font-weight: 600;
  text-transform: uppercase;
}
.assessment__heading h1 {
  margin: 20px 0;
}
.assessment__heading .date {
  font-weight: 600;
  font-style: italic;
}
.assessment__heading .text-action {
  font-size: 14px;
  font-size: 0.875rem;
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.assessment__questions {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 138px 0;
}
@media screen and (max-width: 768px) {
  .assessment__questions {
    padding-top: 0;
  }
}
.assessment__questions .calculations {
  width: 100%;
  border-bottom: 2px solid #eee;
}
.assessment__questions .calculations .-calculations-edit {
  display: none;
}
.assessment__questions .calculations.self-grade .-calculations-display {
  display: none;
}
.assessment__questions .calculations.self-grade .-calculations-edit {
  display: block;
}
.assessment__questions .calculations .score-points {
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
  font-weight: normal;
  margin-top: 0;
  margin: 0 20px;
}
.theme-1 .assessment__questions .calculations .score-points__total {
  color: #22b7f2;
}
.theme-2 .assessment__questions .calculations .score-points__total {
  color: #8240ca;
}
.theme-3 .assessment__questions .calculations .score-points__total {
  color: #bd1118;
}
.theme-4 .assessment__questions .calculations .score-points__total {
  color: #cc5302;
}
.theme-5 .assessment__questions .calculations .score-points__total {
  color: #f43b5f;
}
.theme-6 .assessment__questions .calculations .score-points__total {
  color: #0cd2de;
}
.theme-7 .assessment__questions .calculations .score-points__total {
  color: #fba90b;
}
.theme-8 .assessment__questions .calculations .score-points__total {
  color: #13a104;
}
.theme-9 .assessment__questions .calculations .score-points__total {
  color: #07696a;
}
.theme-10 .assessment__questions .calculations .score-points__total {
  color: #005a9d;
}
.theme-11 .assessment__questions .calculations .score-points__total {
  color: #8acb01;
}
.assessment__questions .calculations .score-points__total {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: none;
}
.assessment__questions .calculations .score-points__percent {
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
  font-weight: normal;
}
.assessment__questions .calculations .score-points__percent > span {
  font-size: 18px;
  font-size: 1.125rem;
  display: inline;
  font-weight: normal;
}
.assessment__questions .calculations__left {
  width: 70%;
  text-align: right;
  padding-right: 60px;
}
.assessment__questions .calculations__left span {
  line-height: 35px;
}
@media screen and (max-width: 768px) {
  .assessment__questions .calculations__left {
    width: 58%;
  }
}
.assessment__questions .calculations__right {
  width: 30%;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .assessment__questions .calculations__right {
    width: 42%;
  }
}
.assessment__questions .calculations__right input {
  width: 80px;
}
.assessment__questions .calculations__left, .assessment__questions .calculations__right {
  float: left;
}
.assessment__questions .calculations span {
  color: #888;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 18px;
  margin-top: 18px;
  display: block;
}
.assessment__questions .calculations i {
  font-style: normal;
}
.assessment__questions .calculations button {
  display: inline-block;
}
.assessment__questions .calculations p {
  font-weight: bold;
  display: inline-block;
  margin-top: 18px;
}
.assessment__questions .calculations p > span {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: normal;
  display: inline-block;
}
.assessment__questions .mobile-only {
  display: none !important;
}
.assessment__questions .desktop-only {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .assessment__questions .mobile-only {
    display: block !important;
  }
  .assessment__questions .desktop-only {
    display: none !important;
  }
}
.assessment__questions__version__container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0;
  display: table;
}
.assessment__questions__version label {
  display: inline-block;
}
.assessment__questions__version fieldset {
  margin-right: 20px;
}
.assessment__questions__version .fieldset-list,
.assessment__questions__version .field-label {
  margin-bottom: 0 !important;
}
.assessment__questions .auto-save {
  color: #888;
  font-style: italic;
  line-height: 50px;
  line-height: 3.125rem;
}
.assessment__questions .button-container {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .assessment__questions .button-container {
    text-align: center;
  }
  .assessment__questions .button-container .auto-save {
    display: block;
    margin-bottom: -22px;
  }
}
.assessment__questions .button-container .auto-save-label {
  display: inline;
}
.assessment__questions .button-container.error {
  margin-top: 30px;
}
.assessment__questions .button-container.error span {
  color: #e92329;
  display: block;
  text-align: right;
  margin-right: 0;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .assessment__questions .button-container.error span {
    text-align: center;
  }
}
.assessment__questions .button-container.error .button-error,
.assessment__questions .button-container.error .button-primary {
  margin: 20px 0;
}
@media screen and (max-width: 480px) {
  .assessment__questions .button-container.error .button-error,
  .assessment__questions .button-container.error .button-primary {
    margin: 20px auto;
  }
}
.assessment__questions .button-container.error .button-error {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: color 0.5s ease, background-color 0.5s ease;
  -moz-transition: color 0.5s ease, background-color 0.5s ease;
  transition: color 0.5s ease, background-color 0.5s ease;
  border: 0;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
  outline: 0;
  padding: 10px 24px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-appearance: none;
  background: #fdebec;
  color: #e92329;
}
.assessment__questions .button-container #submit-grade {
  float: left;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .assessment__questions .button-container #submit-grade {
    float: none;
    margin-left: 0;
  }
}
.assessment__questions .button-container .main-left {
  float: left;
}
@media screen and (max-width: 768px) {
  .assessment__questions .button-container .main-left {
    float: none;
    margin-bottom: 20px;
  }
}
.assessment__questions .button-container .button-clear.-nav {
  background: white;
  color: #888;
}
.assessment__questions .button-container button,
.assessment__questions .button-container span {
  margin-right: 30px;
  display: inline-block;
}
.assessment__questions .button-container button {
  margin-left: 30px;
  margin-right: 0;
}
.assessment__questions .button-container .main {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .assessment__questions .button-container .main {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: block;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .assessment__questions .button-container .main {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .assessment__questions .button-container .main button {
    margin-top: 0;
  }
  .assessment__questions .button-container button, .assessment__questions .button-container a {
    width: 188px;
    margin: 0 auto;
    float: none;
    display: block;
  }
  .assessment__questions .button-container button:first-of-type, .assessment__questions .button-container a:first-of-type {
    margin-bottom: 28px;
  }
  .assessment__questions .button-container button:last-of-type, .assessment__questions .button-container a:last-of-type {
    margin-top: 28px;
  }
  .assessment__questions .button-container span {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.assessment__questions hr {
  margin: 160px 0;
}
@media screen and (max-width: 768px) {
  .assessment__questions hr {
    margin: 50px 0;
  }
}
.assessment__questions hr:last-of-type {
  margin: 0 0 20px 0;
}
.assessment__questions .question-container {
  overflow: auto;
  padding: 62px 0;
}
.assessment__questions .points {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.assessment__questions .points:last-child {
  margin-right: 0;
}
.assessment__questions .points {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .assessment__questions .points {
    width: 100%;
    text-align: left;
  }
  .assessment__questions .points span,
  .assessment__questions .points p {
    display: inline-block;
  }
  .assessment__questions .points p {
    margin: 0 10px 0 0;
  }
}
.assessment__questions .points span {
  color: #888;
}
.assessment__questions__question {
  overflow: auto;
  padding-bottom: 12px; /* after effects introduce text that can cause scrollbar */
}
.assessment__questions__question .question {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.assessment__questions__question .question:last-child {
  margin-right: 0;
}
.assessment__questions__question .number {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.assessment__questions__question .number:last-child {
  margin-right: 0;
}
.assessment__questions__question .number {
  font-family: "superclarendon", serif;
  font-weight: bold;
  font-size: 68px;
  font-size: 4.25rem;
}
.theme-1 .assessment__questions__question .number {
  color: #22b7f2;
}
.theme-2 .assessment__questions__question .number {
  color: #8240ca;
}
.theme-3 .assessment__questions__question .number {
  color: #bd1118;
}
.theme-4 .assessment__questions__question .number {
  color: #cc5302;
}
.theme-5 .assessment__questions__question .number {
  color: #f43b5f;
}
.theme-6 .assessment__questions__question .number {
  color: #0cd2de;
}
.theme-7 .assessment__questions__question .number {
  color: #fba90b;
}
.theme-8 .assessment__questions__question .number {
  color: #13a104;
}
.theme-9 .assessment__questions__question .number {
  color: #07696a;
}
.theme-10 .assessment__questions__question .number {
  color: #005a9d;
}
.theme-11 .assessment__questions__question .number {
  color: #8acb01;
}
@media screen and (max-width: 768px) {
  .assessment__questions__question .number {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .assessment__questions__question .number:last-child {
    margin-right: 0;
  }
  .assessment__questions__question .number {
    font-size: 27px;
    font-size: 1.6875rem;
    margin-bottom: 25px;
  }
}
.assessment__questions__question .question-text-container {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.assessment__questions__question .question-text-container:last-child {
  margin-right: 0;
}
.assessment__questions__question .question-text-container p {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1.25rem;
}
@media screen and (max-width: 800px) {
  .assessment__questions__question .question-text-container p {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .assessment__questions__question .question-text-container {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .assessment__questions__question .question-text-container:last-child {
    margin-right: 0;
  }
}
.assessment__questions__answers {
  width: 100%;
  margin-top: 50px;
}
.assessment__questions__answers .answer-reasoning, .assessment__questions__answers .teacher-comment {
  background: #f5edc5;
  padding: 50px;
  border-radius: 5px;
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .assessment__questions__answers .answer-reasoning, .assessment__questions__answers .teacher-comment {
    padding: 10px 20px;
  }
}
.assessment__questions__answers.-true-false .assessment__questions__answers__answer {
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers.-true-false .assessment__questions__answers__answer label {
    padding: 16px;
  }
}
.assessment__questions__answers.-true-false .assessment__questions__answers__answer i {
  margin: 0 0 0 28px;
}
.assessment__questions__answers > span {
  color: #888;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
}
@media screen and (max-width: 800px) {
  .assessment__questions__answers > span {
    margin-bottom: 5px;
  }
}
@media screen and (max-height: 800px) {
  .assessment__questions__answers > span {
    margin-bottom: 5px;
  }
}
.assessment__questions__answers__answer {
  background: rgb(232.9, 232.9, 232.9);
  margin-bottom: 18px;
  cursor: pointer;
  border-radius: 5px;
}
@media screen and (max-width: 800px) {
  .assessment__questions__answers__answer {
    margin-bottom: 5px;
  }
}
@media screen and (max-height: 800px) {
  .assessment__questions__answers__answer {
    margin-bottom: 5px;
  }
}
.assessment__questions__answers__answer.-response:hover i {
  visibility: visible !important;
}
.assessment__questions__answers__answer label:not(span),
.assessment__questions__answers__answer textarea {
  -webkit-font-smoothing: auto;
}
.assessment__questions__answers__answer label:not(span) span,
.assessment__questions__answers__answer textarea span {
  -webkit-font-smoothing: antialiased;
}
.assessment__questions__answers__answer.-correct {
  border-radius: 5px;
  border: 1px solid #6bac43;
  background: rgb(232.0794979079, 243.3661087866, 225.1338912134) !important;
}
.assessment__questions__answers__answer.-correct:hover {
  background: rgb(232.0794979079, 243.3661087866, 225.1338912134);
}
.assessment__questions__answers__answer.-correct > label i {
  visibility: visible;
  color: #6bac43;
}
.assessment__questions__answers__answer .short-answer {
  font-size: 18px;
  font-size: 1.125rem;
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  width: 100%;
  border-radius: 5px;
  height: 260px;
  padding: 20px;
  color: #888;
}
.assessment__questions__answers__answer .short-answer:focus {
  background: white;
  color: #222;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
}
.assessment__questions__answers__answer label {
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  height: 100%;
  padding: 16px 30px;
  display: block;
}
@media screen and (max-width: 800px) {
  .assessment__questions__answers__answer label {
    padding: 10px 20px;
  }
}
@media screen and (max-height: 800px) {
  .assessment__questions__answers__answer label {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers__answer label {
    padding: 16px 16px 16px 40px;
    position: relative;
  }
}
.assessment__questions__answers__answer:hover {
  /*background: white;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.08);*/
}
.assessment__questions__answers__answer:hover i {
  visibility: visible;
  color: #ddd;
}
.theme-1 .assessment__questions__answers__answer.-selected {
  background: #22b7f2;
}
.theme-2 .assessment__questions__answers__answer.-selected {
  background: #8240ca;
}
.theme-3 .assessment__questions__answers__answer.-selected {
  background: #bd1118;
}
.theme-4 .assessment__questions__answers__answer.-selected {
  background: #cc5302;
}
.theme-5 .assessment__questions__answers__answer.-selected {
  background: #f43b5f;
}
.theme-6 .assessment__questions__answers__answer.-selected {
  background: #0cd2de;
}
.theme-7 .assessment__questions__answers__answer.-selected {
  background: #fba90b;
}
.theme-8 .assessment__questions__answers__answer.-selected {
  background: #13a104;
}
.theme-9 .assessment__questions__answers__answer.-selected {
  background: #07696a;
}
.theme-10 .assessment__questions__answers__answer.-selected {
  background: #005a9d;
}
.theme-11 .assessment__questions__answers__answer.-selected {
  background: #8acb01;
}
.assessment__questions__answers__answer.-selected {
  position: relative;
}
.assessment__questions__answers__answer.-selected.-short-answer:after {
  content: "Saved";
  font-style: italic;
  font-weight: bold;
  color: white;
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.theme-1 .assessment__questions__answers__answer.-selected .short-answer {
  background: #22b7f2;
}
.theme-2 .assessment__questions__answers__answer.-selected .short-answer {
  background: #8240ca;
}
.theme-3 .assessment__questions__answers__answer.-selected .short-answer {
  background: #bd1118;
}
.theme-4 .assessment__questions__answers__answer.-selected .short-answer {
  background: #cc5302;
}
.theme-5 .assessment__questions__answers__answer.-selected .short-answer {
  background: #f43b5f;
}
.theme-6 .assessment__questions__answers__answer.-selected .short-answer {
  background: #0cd2de;
}
.theme-7 .assessment__questions__answers__answer.-selected .short-answer {
  background: #fba90b;
}
.theme-8 .assessment__questions__answers__answer.-selected .short-answer {
  background: #13a104;
}
.theme-9 .assessment__questions__answers__answer.-selected .short-answer {
  background: #07696a;
}
.theme-10 .assessment__questions__answers__answer.-selected .short-answer {
  background: #005a9d;
}
.theme-11 .assessment__questions__answers__answer.-selected .short-answer {
  background: #8acb01;
}
.assessment__questions__answers__answer.-selected .short-answer {
  color: white;
}
.assessment__questions__answers__answer.-selected input,
.assessment__questions__answers__answer.-selected span,
.assessment__questions__answers__answer.-selected i,
.assessment__questions__answers__answer.-selected label {
  color: white !important;
  visibility: visible;
}
.assessment__questions__answers__answer i {
  float: right;
  font-size: 22px;
  visibility: hidden;
}
.assessment__questions__answers__answer input {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "myriad-pro", sans-serif;
  color: black;
}
.assessment__questions__answers__answer span {
  margin-right: 30px;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers__answer span {
    position: absolute;
    left: 18px;
  }
}

.reset-container {
  float: right;
  width: 100%;
}
.reset-container .field-label {
  float: right;
  width: 237px;
  text-align: left;
}

.assessmenttoolbar {
  -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 103;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area p {
  color: #888;
  margin-top: 0;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area p,
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area a {
  display: inline-block;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area:first-of-type {
  padding-left: 40px;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area:nth-of-type(3), .assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area:nth-of-type(2) {
  float: right;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area:nth-of-type(3) p {
  padding-right: 10px;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area:nth-of-type(2) {
  padding-right: 40px;
  padding-left: 40px;
}
.assessmenttoolbar.-assessment-teacher .assessmenttoolbar-areas__area:nth-of-type(2) a {
  margin-top: 20px;
}
.assessmenttoolbar.-assessment-teacher .auto-save {
  line-height: 40px;
  line-height: 2.5rem;
  text-align: left;
}
.assessmenttoolbar.-assessment-teacher .auto-save-label {
  display: inline;
  text-transform: none;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-close {
  padding-top: 16px;
  margin: 0 70px;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score {
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score {
    float: left !important;
  }
}
@media (max-widtH: 800px) {
  .assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score {
    padding: 0 10%;
    border-top: 1px solid #eee;
  }
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score .graded-exam {
  float: left;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score .graded-exam .percent {
  font-weight: 100;
  margin-left: 10px;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score .graded-exam .percent span {
  font-weight: 100;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score > span {
  float: left;
  margin-top: 34px;
  margin-right: 30px;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score p {
  margin-left: 0;
  margin-right: 0;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score span {
  display: inline-block;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score .score-points {
  color: #75b151;
  font-weight: 600;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area.-final-score .score-points span {
  color: #75b151;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area:first-of-type {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area:first-of-type p {
  font-family: "ff-meta-serif-web-pro", serif;
  color: #888;
  padding: 20px 0;
  font-weight: 400;
  margin-right: 0;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area .score-points {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-top: 0;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas__area:nth-of-type(2), .assessmenttoolbar.-grade .assessmenttoolbar-areas__area:nth-of-type(3), .assessmenttoolbar.-grade .assessmenttoolbar-areas__area:nth-of-type(4) {
  float: right;
}
@media (max-width: 800px) {
  .assessmenttoolbar.-grade .assessmenttoolbar-areas__area:nth-of-type(2) {
    display: block;
    width: 100%;
  }
}
@media (max-width: 800px) {
  .assessmenttoolbar.-grade .assessmenttoolbar-areas__area:first-of-type {
    display: none;
  }
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas i {
  font-style: normal;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas p,
.assessmenttoolbar.-grade .assessmenttoolbar-areas span {
  display: inline-block;
  width: auto;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas p {
  margin: 0 20px;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas p,
.assessmenttoolbar.-grade .assessmenttoolbar-areas .dropdown {
  display: inline-block;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas .dropdown {
  padding: 32px 0;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.125rem;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas .dropdown i {
  margin-top: 0;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas .dropdown .dropdown-menu {
  top: -300px !important;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas .dropdown .dropdown-menu:before {
  top: auto;
  bottom: -10px;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas .dropdown .dropdown-menu:after {
  top: unset;
  bottom: 0;
}
.assessmenttoolbar.-grade .assessmenttoolbar-areas [class*=button-][class*="--small"]:not(.dropdown) {
  margin: 20px;
}
@media screen and (max-width: 768px) {
  .assessmenttoolbar.-preview {
    display: none;
  }
}
.assessmenttoolbar.-preview .assessmenttoolbar-areas__area {
  float: right;
  padding-right: 16px;
}
.assessmenttoolbar.-preview .assessmenttoolbar-areas__area .total-points {
  color: #888;
  text-transform: uppercase;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
.assessmenttoolbar.-preview .assessmenttoolbar-areas__area .total-points span {
  display: inline-block;
  width: auto;
  margin-left: 30px;
  color: #222;
  font-size: 18px;
  font-size: 1.125rem;
}
.assessmenttoolbar.-preview .assessmenttoolbar-areas__area.-close {
  padding-top: 16px;
  margin: 0 70px;
}
.assessmenttoolbar.-preview .assessmenttoolbar-areas__area:first-of-type {
  padding-left: 40px;
  float: left;
}
.assessmenttoolbar .auto-save {
  color: #888;
  font-style: italic;
  line-height: 18px;
  line-height: 1.125rem;
  display: block;
  margin-top: 20px;
  margin-right: 36px;
  text-align: right;
}
.assessmenttoolbar-areas {
  height: 80px;
}
@media screen and (max-width: 768px) {
  .assessmenttoolbar-areas.-assessment {
    height: 106px;
  }
}
.assessmenttoolbar-areas__area {
  height: 80px;
  float: left;
}
.assessmenttoolbar-areas__area .line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 68%;
  margin-top: 0;
}
.assessmenttoolbar-areas__area.line-clamp-container {
  width: 30%;
}
.assessmenttoolbar-areas__area span:not(.auto-save) {
  color: #888;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
}
.theme-1 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(226.6666666667, 245.7692307692, 253.3333333333);
}
.theme-2 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(234.5081967213, 223.6885245902, 246.3114754098);
}
.theme-3 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(246.7475728155, 163.2524271845, 166.6504854369);
}
.theme-4 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(254.0291262136, 195.2912621359, 155.9708737864);
}
.theme-5 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(254.8405797101, 252.1594202899, 252.6811594203);
}
.theme-6 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(186.6923076923, 247.6153846154, 251.3076923077);
}
.theme-7 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(254.2903225806, 239.7419354839, 211.7096774194);
}
.theme-8 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(130.2363636364, 251.5818181818, 117.4181818182);
}
.theme-9 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(73.9557522124, 241.3362831858, 243.0442477876);
}
.theme-10 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(106, 191.4140127389, 255);
}
.theme-11 .assessmenttoolbar-areas__area .progress-bar {
  background-color: rgb(222, 254.5, 153.5);
}
.assessmenttoolbar-areas__area .progress-bar {
  height: 8px;
  border-radius: 5px;
  width: 150px;
  float: left;
  margin-top: 6px;
}
.assessmenttoolbar-areas__area .progress-bar__status {
  height: 8px;
  width: 0%;
}
.theme-1 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #22b7f2;
}
.theme-2 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #8240ca;
}
.theme-3 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #bd1118;
}
.theme-4 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #cc5302;
}
.theme-5 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #f43b5f;
}
.theme-6 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #0cd2de;
}
.theme-7 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #fba90b;
}
.theme-8 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #13a104;
}
.theme-9 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #07696a;
}
.theme-10 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #005a9d;
}
.theme-11 .assessmenttoolbar-areas__area .progress-bar__status {
  background-color: #8acb01;
}
.assessmenttoolbar-areas__area.-progress {
  position: absolute;
  left: 50%;
  width: 200px;
  transform: translateX(-50%);
  padding-top: 20px;
}
.assessmenttoolbar-areas__area.-progress .mobile-only {
  display: none !important;
}
@media (max-width: 800px) {
  .assessmenttoolbar-areas__area.-progress {
    bottom: 0;
    width: 100%;
    height: auto;
  }
  .assessmenttoolbar-areas__area.-progress .desktop-only {
    display: none !important;
  }
  .assessmenttoolbar-areas__area.-progress .mobile-only {
    display: block !important;
  }
}
.assessmenttoolbar-areas__area.-progress .completedCount {
  display: inline;
}
.theme-1 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #22b7f2;
}
.theme-2 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #8240ca;
}
.theme-3 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #bd1118;
}
.theme-4 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #cc5302;
}
.theme-5 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #f43b5f;
}
.theme-6 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #0cd2de;
}
.theme-7 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #fba90b;
}
.theme-8 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #13a104;
}
.theme-9 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #07696a;
}
.theme-10 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #005a9d;
}
.theme-11 .assessmenttoolbar-areas__area.-progress .percentage {
  color: #8acb01;
}
.assessmenttoolbar-areas__area.-progress .percentage {
  float: right;
  display: block;
  width: auto;
}
.assessmenttoolbar-areas__area.-nav {
  width: 80px;
  text-align: center;
  line-height: 80px;
  border-right: 1px solid #f4f4f4;
  margin-right: 40px;
}
.assessmenttoolbar-areas__area.-nav i {
  display: block;
  line-height: 80px;
}
@media (max-width: 800px) {
  .assessmenttoolbar-areas__area.-nav:first-of-type {
    display: none;
  }
}
.assessmenttoolbar-areas__area .question-nav .mobile-only {
  display: none !important;
}
@media screen and (max-width: talbet) {
  .assessmenttoolbar-areas__area .question-nav .mobile-only {
    display: inline-block;
  }
}
.assessmenttoolbar-areas__area .question-nav a {
  width: 80px;
  display: block;
  float: left;
  text-align: center;
  line-height: 80px;
  border-left: 1px solid #f4f4f4;
}
.assessmenttoolbar-areas__area p {
  padding: 20px 0;
  line-height: 40px;
  line-height: 2.5rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
}
.assessmenttoolbar-areas__area:nth-of-type(4), .assessmenttoolbar-areas__area:nth-of-type(5) {
  float: right;
}
@media (max-width: 800px) {
  .assessmenttoolbar-areas__area:nth-of-type(5) {
    display: none;
  }
}
@media (max-width: 800px) {
  .assessmenttoolbar-areas__area:nth-of-type(2) {
    display: none;
  }
  .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a {
    width: 50%;
  }
  .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    font-size: 12px;
    font-size: 0.75rem;
    width: auto;
    display: inline-block;
    margin: 0 16px;
  }
  .theme-1 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #22b7f2;
  }
  .theme-2 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #8240ca;
  }
  .theme-3 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #bd1118;
  }
  .theme-4 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #cc5302;
  }
  .theme-5 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #f43b5f;
  }
  .theme-6 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #0cd2de;
  }
  .theme-7 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #fba90b;
  }
  .theme-8 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #13a104;
  }
  .theme-9 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #07696a;
  }
  .theme-10 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #005a9d;
  }
  .theme-11 .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    color: #8acb01;
  }
  .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a span {
    font-family: "myriad-pro", sans-serif;
  }
  .assessmenttoolbar-areas__area:nth-of-type(2) .question-nav a i {
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  .assessmenttoolbar-areas__area:nth-of-type(4) {
    margin-bottom: 28px;
    width: 100%;
  }
  .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a {
    width: 50%;
  }
  .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    font-size: 12px;
    font-size: 0.75rem;
    width: auto;
    display: inline-block;
    margin: 0 16px;
  }
  .theme-1 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #22b7f2;
  }
  .theme-2 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #8240ca;
  }
  .theme-3 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #bd1118;
  }
  .theme-4 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #cc5302;
  }
  .theme-5 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #f43b5f;
  }
  .theme-6 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #0cd2de;
  }
  .theme-7 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #fba90b;
  }
  .theme-8 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #13a104;
  }
  .theme-9 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #07696a;
  }
  .theme-10 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #005a9d;
  }
  .theme-11 .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    color: #8acb01;
  }
  .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a span {
    font-family: "myriad-pro", sans-serif;
  }
  .assessmenttoolbar-areas__area:nth-of-type(4) .question-nav a i {
    font-size: 14px;
  }
}

.assessment-wrapper,
.gradebook-wrapper {
  background-color: #f4f4f4;
}

.assessment-wrapper.-locked {
  position: absolute;
  width: 100%;
}
.assessment-wrapper.-locked .question-container {
  padding: 0;
  padding-bottom: 30px;
}
.assessment-wrapper.-locked .assessment__questions {
  max-width: 600px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .assessment-wrapper.-locked .assessment__questions {
    padding: 64px 0;
  }
}
.assessment-wrapper.-locked .assessment__questions p {
  color: #888;
  margin-top: 15px;
}
.assessment-wrapper.-locked .assessment__questions [class*=button] {
  display: block;
  margin: 0 auto 10px auto;
  width: 85%;
}
.assessment-wrapper.-locked .assessment__questions [class*=button]:last-child {
  margin-bottom: 0;
}

.assessment-list {
  list-style: none;
  padding-left: 0;
}
.assessment-list .no-assessments {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #bbb;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  border-top: 1px solid #eee;
  font-weight: 400;
  padding: 40px 20px;
}
.assessment-list.-saved .assessment-list__item__actions .status {
  color: #888;
}
.assessment-list.-saved .assessment-list__item__details p {
  font-family: "ff-meta-serif-web-pro", serif;
  color: #888;
}
.assessment-list.-saved .assessment-list__item__details h5, .assessment-list.-saved .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .assessment-list.-saved .assessment-list__item__details .crumb, .assessment-list.-saved .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .assessment-list.-saved .assessment-list__item__details .darken,
.assessment-list.-saved .assessment-list__item__details h5 *,
.assessment-list.-saved .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .crumb *,
.discover-map .nav-controls .breadcrumbs .assessment-list.-saved .assessment-list__item__details .crumb *,
.assessment-list.-saved .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .darken *,
.discover-map .nav-controls .breadcrumbs .assessment-list.-saved .assessment-list__item__details .darken * {
  color: #888;
}
.assessment-list__item {
  padding: 40px 20px;
  border-top: 1px solid #eee;
}
.assessment-list__item h3 > a {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #222;
  font-family: "myriad-pro", sans-serif;
}
.assessment-list__item:last-of-type {
  border-bottom: 1px solid #f4f4f4;
}
.theme-1 .assessment-list__item.-status-draft .status {
  color: #fbd20b;
}
.theme-2 .assessment-list__item.-status-draft .status {
  color: #3cfdf2;
}
.theme-3 .assessment-list__item.-status-draft .status {
  color: #eee7cb;
}
.theme-4 .assessment-list__item.-status-draft .status {
  color: #efc416;
}
.theme-5 .assessment-list__item.-status-draft .status {
  color: #0cd2de;
}
.theme-6 .assessment-list__item.-status-draft .status {
  color: #fceb92;
}
.theme-7 .assessment-list__item.-status-draft .status {
  color: #ffefb5;
}
.theme-8 .assessment-list__item.-status-draft .status {
  color: #8df5f9;
}
.theme-9 .assessment-list__item.-status-draft .status {
  color: #e6eaa7;
}
.theme-10 .assessment-list__item.-status-draft .status {
  color: #94e1fe;
}
.theme-11 .assessment-list__item.-status-draft .status {
  color: #e0f18f;
}
.assessment-list__item.-status-inprogress .status {
  color: #5fbf02;
}
.assessment-list__item__details {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.assessment-list__item__details:last-child {
  margin-right: 0;
}
.assessment-list__item__details h5, .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .assessment-list__item__details .crumb, .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .assessment-list__item__details .darken {
  font-style: italic;
  color: #888;
  margin-top: 6px;
}
.assessment-list__item__details h5 span, .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .crumb span, .discover-map .nav-controls .breadcrumbs .assessment-list__item__details .crumb span, .assessment-list__item__details .discover-map .nav-controls .breadcrumbs .darken span, .discover-map .nav-controls .breadcrumbs .assessment-list__item__details .darken span {
  font-weight: normal;
  text-transform: capitalize;
}
.assessment-list__item__details p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  margin-bottom: 28px;
}
.assessment-list__item__actions {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.assessment-list__item__actions:last-child {
  margin-right: 0;
}
.assessment-list__item__actions .status {
  display: inline-block;
  padding-top: 10px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  width: 50%;
  color: #bbb;
}
@media screen and (max-width: 768px) {
  .assessment-list__item__actions .status {
    text-align: left;
    width: 75px;
  }
}
.assessment-list__item__actions .dropdown {
  float: right;
}

.select-dropdown {
  border: none;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 140px;
}
.select-dropdown select::-ms-expand {
  display: none;
}
.select-dropdown.-previous select {
  padding: 5px 13px;
}
.select-dropdown.-saved {
  width: auto;
}
.select-dropdown.-saved:first-of-type {
  margin-right: 12px;
}
.select-dropdown select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 140px;
}
.select-dropdown:after {
  content: "\e623";
  font-family: "kdi-icons" !important;
  position: absolute;
  right: 15px;
  top: 15px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}
.theme-1 .select-dropdown:after {
  color: #22b7f2;
}
.theme-2 .select-dropdown:after {
  color: #8240ca;
}
.theme-3 .select-dropdown:after {
  color: #bd1118;
}
.theme-4 .select-dropdown:after {
  color: #cc5302;
}
.theme-5 .select-dropdown:after {
  color: #f43b5f;
}
.theme-6 .select-dropdown:after {
  color: #0cd2de;
}
.theme-7 .select-dropdown:after {
  color: #fba90b;
}
.theme-8 .select-dropdown:after {
  color: #13a104;
}
.theme-9 .select-dropdown:after {
  color: #07696a;
}
.theme-10 .select-dropdown:after {
  color: #005a9d;
}
.theme-11 .select-dropdown:after {
  color: #8acb01;
}

#show-add-questions {
  margin-left: 75px;
}

.filter-sort {
  overflow: auto;
}
.filter-sort .block {
  display: block;
}
.filter-sort .block a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  font-family: "myriad-pro", sans-serif;
}
.filter-sort .label:not(.block) {
  color: #bbb;
}
.filter-sort .select-dropdown {
  border: none;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 140px;
}
.filter-sort .select-dropdown.-saved {
  width: auto;
}
.filter-sort .select-dropdown.-saved:first-of-type {
  margin-right: 12px;
}
.filter-sort .select-dropdown select {
  font-size: 16px;
  font-size: 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 140px;
}
.filter-sort .select-dropdown:after {
  content: "\e623";
  font-family: "kdi-icons" !important;
  position: absolute;
  right: 15px;
  top: 15px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
}
.theme-1 .filter-sort .select-dropdown:after {
  color: #22b7f2;
}
.theme-2 .filter-sort .select-dropdown:after {
  color: #8240ca;
}
.theme-3 .filter-sort .select-dropdown:after {
  color: #bd1118;
}
.theme-4 .filter-sort .select-dropdown:after {
  color: #cc5302;
}
.theme-5 .filter-sort .select-dropdown:after {
  color: #f43b5f;
}
.theme-6 .filter-sort .select-dropdown:after {
  color: #0cd2de;
}
.theme-7 .filter-sort .select-dropdown:after {
  color: #fba90b;
}
.theme-8 .filter-sort .select-dropdown:after {
  color: #13a104;
}
.theme-9 .filter-sort .select-dropdown:after {
  color: #07696a;
}
.theme-10 .filter-sort .select-dropdown:after {
  color: #005a9d;
}
.theme-11 .filter-sort .select-dropdown:after {
  color: #8acb01;
}
.filter-sort.-saved .mobile-wrapper {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .filter-sort.-saved .mobile-wrapper {
    display: block;
    margin-top: 20px;
  }
}
.filter-sort.-saved .filter-sort__left {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.filter-sort.-saved .filter-sort__left:last-child {
  margin-right: 0;
}
.filter-sort.-saved .filter-sort__right {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.filter-sort.-saved .filter-sort__right:last-child {
  margin-right: 0;
}
.filter-sort.-saved select {
  width: 200px;
  padding: 10px;
}
.filter-sort.-saved #SortBy {
  width: 160px;
  padding: 10px;
}
.filter-sort #SortBy {
  padding: 10px;
}
.filter-sort__left {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.filter-sort__left:last-child {
  margin-right: 0;
}
.filter-sort__left fieldset {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .filter-sort__left {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }
  .filter-sort__left:last-child {
    margin-right: 0;
  }
}
.filter-sort__left label,
.filter-sort__left select {
  display: inline-block;
  width: auto;
}
.filter-sort__right {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.filter-sort__right:last-child {
  margin-right: 0;
}
.filter-sort__right {
  text-align: right;
}
.filter-sort__right fieldset {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .filter-sort__right .block {
    display: block;
    text-align: left;
  }
}
.filter-sort__right fieldset,
.filter-sort__right input,
.filter-sort__right label {
  display: inline-block;
  width: auto;
}
.filter-sort__right [datepicker] {
  width: 100px;
  padding: 10px 7px;
  font-size: 16px;
}

.assessment.-preview-mode .assessment__questions__version__container .fieldset-list,
.assessment.-preview-mode .assessment__questions__version__container .version-exp,
.assessment.-preview-mode .assessment__questions__version__container .actions {
  float: left;
}
.assessment.-preview-mode .assessment__questions__version__container .version-exp {
  font-style: italic;
}
.assessment.-preview-mode .fieldset-vertical.-markdown {
  display: block !important;
}
.assessment.-preview-mode .fieldset-vertical.-markdown .field-input--full {
  height: 200px;
}
.assessment.-preview-mode .assessment__questions__answers__answer.correct {
  background: rgb(232.0794979079, 243.3661087866, 225.1338912134);
  border: 1px solid #6bac43;
  border-radius: 5px;
  position: relative;
}
.assessment.-preview-mode .assessment__questions__answers__answer.correct i,
.assessment.-preview-mode .assessment__questions__answers__answer.correct span,
.assessment.-preview-mode .assessment__questions__answers__answer.correct label, .assessment.-preview-mode .assessment__questions__answers__answer.correct:after {
  color: #6bac43;
}
.assessment.-preview-mode .assessment__questions__answers__answer.correct i {
  visibility: visible;
}
.assessment.-preview-mode .assessment__questions__answers__answer.correct:after {
  content: "Correct";
  text-transform: uppercase;
  position: absolute;
  right: -90px;
  top: 16px;
  font-weight: bold;
}

.questions-index {
  border-top: 1px solid #f4f4f4;
}
.questions-index .content-sidebar {
  padding-top: 12px;
}
.questions-index .content-container {
  padding-top: 48px;
}

.include-reasoning,
.add-to-saved {
  margin-bottom: 40px;
  margin-left: 40px;
  display: inline-block;
}
.include-reasoning .second-label,
.add-to-saved .second-label {
  font-style: italic;
  font-size: 16px;
  font-size: 1rem;
}

.overlay-content {
  margin-top: 68px;
}
.overlay-content .push-wrapper .select-dropdown {
  width: 200px;
}

.question-item {
  padding: 34px;
  position: relative;
  border-bottom: 1px solid #ddd;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .question-item {
    padding: 34px 0;
  }
}
.question-item:after {
  content: "";
  width: 17px;
  height: 17px;
  border: 1px solid #bbb;
  background: transparent;
  position: absolute;
  top: 50px;
}
.question-item:hover {
  background: white;
}
.theme-1 .question-item:hover:after {
  border-color: #22b7f2;
}
.theme-2 .question-item:hover:after {
  border-color: #8240ca;
}
.theme-3 .question-item:hover:after {
  border-color: #bd1118;
}
.theme-4 .question-item:hover:after {
  border-color: #cc5302;
}
.theme-5 .question-item:hover:after {
  border-color: #f43b5f;
}
.theme-6 .question-item:hover:after {
  border-color: #0cd2de;
}
.theme-7 .question-item:hover:after {
  border-color: #fba90b;
}
.theme-8 .question-item:hover:after {
  border-color: #13a104;
}
.theme-9 .question-item:hover:after {
  border-color: #07696a;
}
.theme-10 .question-item:hover:after {
  border-color: #005a9d;
}
.theme-11 .question-item:hover:after {
  border-color: #8acb01;
}
.theme-1 .question-item.-selected {
  background: #22b7f2;
}
.theme-2 .question-item.-selected {
  background: #8240ca;
}
.theme-3 .question-item.-selected {
  background: #bd1118;
}
.theme-4 .question-item.-selected {
  background: #cc5302;
}
.theme-5 .question-item.-selected {
  background: #f43b5f;
}
.theme-6 .question-item.-selected {
  background: #0cd2de;
}
.theme-7 .question-item.-selected {
  background: #fba90b;
}
.theme-8 .question-item.-selected {
  background: #13a104;
}
.theme-9 .question-item.-selected {
  background: #07696a;
}
.theme-10 .question-item.-selected {
  background: #005a9d;
}
.theme-11 .question-item.-selected {
  background: #8acb01;
}
.question-item.-selected {
  color: white !important;
}
.question-item.-selected:hover:after {
  border-color: white;
}
.question-item.-selected .question-content-topic-label,
.question-item.-selected .question-type,
.question-item.-selected .question-content-topic,
.question-item.-selected .question-content-markdown p {
  color: white !important;
}
.question-item.-selected:after {
  border-color: white;
}
.question-item.-selected:before {
  content: "\e628";
  font-family: "kdi-icons";
  font-size: 12px;
  position: absolute;
  top: 52px;
  left: 35px;
}
.question-content {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.question-content:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .question-content {
    margin-left: 6.1721527019%;
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 82.9403914003%;
  }
  .question-content:last-child {
    margin-right: 0;
  }
}
.question-content aside {
  margin-top: 8px;
}
.question-content-markdown {
  font-family: "ff-meta-serif-web-pro", serif;
}
.question-content-markdown p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #222;
  margin-top: 0;
  margin-bottom: 0;
}
.theme-1 .question-content-topic {
  color: #22b7f2;
}
.theme-2 .question-content-topic {
  color: #8240ca;
}
.theme-3 .question-content-topic {
  color: #bd1118;
}
.theme-4 .question-content-topic {
  color: #cc5302;
}
.theme-5 .question-content-topic {
  color: #f43b5f;
}
.theme-6 .question-content-topic {
  color: #0cd2de;
}
.theme-7 .question-content-topic {
  color: #fba90b;
}
.theme-8 .question-content-topic {
  color: #13a104;
}
.theme-9 .question-content-topic {
  color: #07696a;
}
.theme-10 .question-content-topic {
  color: #005a9d;
}
.theme-11 .question-content-topic {
  color: #8acb01;
}
.question-content-topic {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "myriad-pro", sans-serif;
  font-style: normal;
}
.question-content-topic-label {
  color: #888;
  font-style: italic;
  font-family: "ff-meta-serif-web-pro", serif;
}
.question-check {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%;
}
.question-check:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .question-check {
    height: 50px;
    margin-right: 0;
    padding: 12px;
  }
}
.question-check fieldset {
  margin-bottom: 0;
  opacity: 0;
}
.question-check [type=checkbox]:checked ~ label:before {
  border-color: white !important;
}
.theme-1 .question-check [type=checkbox]:checked ~ label:before {
  background: #22b7f2 !important;
}
.theme-2 .question-check [type=checkbox]:checked ~ label:before {
  background: #8240ca !important;
}
.theme-3 .question-check [type=checkbox]:checked ~ label:before {
  background: #bd1118 !important;
}
.theme-4 .question-check [type=checkbox]:checked ~ label:before {
  background: #cc5302 !important;
}
.theme-5 .question-check [type=checkbox]:checked ~ label:before {
  background: #f43b5f !important;
}
.theme-6 .question-check [type=checkbox]:checked ~ label:before {
  background: #0cd2de !important;
}
.theme-7 .question-check [type=checkbox]:checked ~ label:before {
  background: #fba90b !important;
}
.theme-8 .question-check [type=checkbox]:checked ~ label:before {
  background: #13a104 !important;
}
.theme-9 .question-check [type=checkbox]:checked ~ label:before {
  background: #07696a !important;
}
.theme-10 .question-check [type=checkbox]:checked ~ label:before {
  background: #005a9d !important;
}
.theme-11 .question-check [type=checkbox]:checked ~ label:before {
  background: #8acb01 !important;
}
.question-check [type=checkbox]:not(:checked) ~ label:after, .question-check [type=checkbox]:checked ~ label:after {
  color: white !important;
}
.question-type {
  margin-left: 6.1721527019%;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.question-type:last-child {
  margin-right: 0;
}
.question-type {
  font-family: "ff-meta-serif-web-pro", serif;
  color: #888;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .question-type {
    margin-left: -2.3576515979%;
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .question-type:last-child {
    margin-right: 0;
  }
  .question-type {
    text-align: left;
  }
}
.question-check, .question-type {
  padding-top: 10px;
}

.point-value {
  margin-bottom: 26px;
  padding-top: 26px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
}
.point-value fieldset {
  position: relative;
  width: 100px;
  display: inline-block;
}
.point-value fieldset:not(.assessment__student-list-item-grade-input) {
  margin-bottom: 26px !important;
}
@media screen and (max-width: 768px) {
  .point-value fieldset {
    margin: auto;
    display: block;
  }
}
.point-value fieldset:after {
  content: "pts";
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 18px;
}

.radio-button {
  background: rgb(232.9, 232.9, 232.9);
  margin-bottom: 18px;
  cursor: pointer;
  width: 23%;
  display: inline-block;
  margin-right: 2.2%;
  text-align: center;
  border: 1px solid #bbb;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .radio-button {
    width: 100%;
    margin-right: 0;
  }
}
.radio-button:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .radio-button:last-of-type {
    display: none;
  }
}
.radio-button .short-answer {
  font-size: 18px;
  font-size: 1.125rem;
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  width: 100%;
  height: 260px;
  padding: 20px;
  color: #888;
}
.radio-button label {
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: block;
}
.radio-button:hover {
  background: white;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  border: none;
}
.radio-button:hover i {
  visibility: visible;
}
.theme-1 .radio-button:hover i {
  color: #22b7f2;
}
.theme-2 .radio-button:hover i {
  color: #8240ca;
}
.theme-3 .radio-button:hover i {
  color: #bd1118;
}
.theme-4 .radio-button:hover i {
  color: #cc5302;
}
.theme-5 .radio-button:hover i {
  color: #f43b5f;
}
.theme-6 .radio-button:hover i {
  color: #0cd2de;
}
.theme-7 .radio-button:hover i {
  color: #fba90b;
}
.theme-8 .radio-button:hover i {
  color: #13a104;
}
.theme-9 .radio-button:hover i {
  color: #07696a;
}
.theme-10 .radio-button:hover i {
  color: #005a9d;
}
.theme-11 .radio-button:hover i {
  color: #8acb01;
}
.theme-1 .radio-button.-selected {
  background: #22b7f2;
}
.theme-2 .radio-button.-selected {
  background: #8240ca;
}
.theme-3 .radio-button.-selected {
  background: #bd1118;
}
.theme-4 .radio-button.-selected {
  background: #cc5302;
}
.theme-5 .radio-button.-selected {
  background: #f43b5f;
}
.theme-6 .radio-button.-selected {
  background: #0cd2de;
}
.theme-7 .radio-button.-selected {
  background: #fba90b;
}
.theme-8 .radio-button.-selected {
  background: #13a104;
}
.theme-9 .radio-button.-selected {
  background: #07696a;
}
.theme-10 .radio-button.-selected {
  background: #005a9d;
}
.theme-11 .radio-button.-selected {
  background: #8acb01;
}
.theme-1 .radio-button.-selected .short-answer {
  background: #22b7f2;
}
.theme-2 .radio-button.-selected .short-answer {
  background: #8240ca;
}
.theme-3 .radio-button.-selected .short-answer {
  background: #bd1118;
}
.theme-4 .radio-button.-selected .short-answer {
  background: #cc5302;
}
.theme-5 .radio-button.-selected .short-answer {
  background: #f43b5f;
}
.theme-6 .radio-button.-selected .short-answer {
  background: #0cd2de;
}
.theme-7 .radio-button.-selected .short-answer {
  background: #fba90b;
}
.theme-8 .radio-button.-selected .short-answer {
  background: #13a104;
}
.theme-9 .radio-button.-selected .short-answer {
  background: #07696a;
}
.theme-10 .radio-button.-selected .short-answer {
  background: #005a9d;
}
.theme-11 .radio-button.-selected .short-answer {
  background: #8acb01;
}
.radio-button.-selected .short-answer {
  color: white;
}
.radio-button.-selected input,
.radio-button.-selected span,
.radio-button.-selected i,
.radio-button.-selected label {
  color: white;
  visibility: visible;
}
.radio-button i {
  float: right;
  font-size: 22px;
  visibility: hidden;
}
.radio-button input {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "myriad-pro", sans-serif;
  color: black;
}
.radio-button span {
  margin-right: 30px;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}

.content-modal .disclaimer {
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  font-style: italic;
}

.assessment-modal {
  width: 880px !important;
}
.assessment-modal hr {
  height: 1px;
}
@media screen and (max-width: 768px) {
  .assessment-modal {
    width: 100% !important;
  }
}

#settings-form .fieldset-list span {
  display: block;
  font-style: italic;
  color: #888;
}
#settings-form .fieldset-list:last-of-type {
  margin-top: 48px;
}

.publish-action {
  text-align: center;
  float: left;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 50px 20px 38px;
}
@media screen and (max-width: 480px) {
  .publish-action {
    width: 100%;
  }
}
.publish-action.-primary {
  background-color: #D3F1FC;
}
.publish-action.-primary h3 {
  margin-top: 5px;
}
.publish-action.-primary img {
  margin-top: -14px;
  transform: scale(0.9, 0.9);
}
.publish-action.-secondary {
  background-color: #FEF7D4;
}
.publish-action.-single {
  padding: 0 90px;
  width: 100%;
}
.publish-action.-single h3 {
  margin-bottom: 48px;
  font-weight: 500;
  font-size: 24px;
}
.publish-action img {
  width: 79px;
}
.publish-action a {
  width: 100%;
  float: none;
}
.publish-action h3 {
  margin: 12px 0;
}
.publish-action span {
  display: inline-block;
  float: right;
  padding-top: 16px;
  margin: 12px 0 24px;
  height: 82px;
  color: #222;
  font-weight: 500;
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .publish-action span {
    width: 100%;
    float: none;
  }
}
.publish-action span.centered {
  float: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "ff-meta-serif-web-pro", serif;
}

@media screen and (max-width: 480px) {
  .modal .publish-modal-footer .button-tertiary {
    top: 0;
  }
  .modal .publish-modal-footer .button-tertiary.-stacked {
    top: 56px;
  }
}

.classroom-content-header-actions-buttons {
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .classroom-content-header-actions-buttons.-three .dropdown {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}

@media (max-width: 800px) {
  .theme-1 .mobile-progress-bar {
    background-color: rgb(226.6666666667, 245.7692307692, 253.3333333333);
  }
  .theme-2 .mobile-progress-bar {
    background-color: rgb(234.5081967213, 223.6885245902, 246.3114754098);
  }
  .theme-3 .mobile-progress-bar {
    background-color: rgb(246.7475728155, 163.2524271845, 166.6504854369);
  }
  .theme-4 .mobile-progress-bar {
    background-color: rgb(254.0291262136, 195.2912621359, 155.9708737864);
  }
  .theme-5 .mobile-progress-bar {
    background-color: rgb(254.8405797101, 252.1594202899, 252.6811594203);
  }
  .theme-6 .mobile-progress-bar {
    background-color: rgb(186.6923076923, 247.6153846154, 251.3076923077);
  }
  .theme-7 .mobile-progress-bar {
    background-color: rgb(254.2903225806, 239.7419354839, 211.7096774194);
  }
  .theme-8 .mobile-progress-bar {
    background-color: rgb(130.2363636364, 251.5818181818, 117.4181818182);
  }
  .theme-9 .mobile-progress-bar {
    background-color: rgb(73.9557522124, 241.3362831858, 243.0442477876);
  }
  .theme-10 .mobile-progress-bar {
    background-color: rgb(106, 191.4140127389, 255);
  }
  .theme-11 .mobile-progress-bar {
    background-color: rgb(222, 254.5, 153.5);
  }
  .mobile-progress-bar {
    padding: 10px 0;
    width: 100%;
    position: relative;
  }
  .theme-1 .mobile-progress-bar-text {
    color: #22b7f2;
  }
  .theme-2 .mobile-progress-bar-text {
    color: #8240ca;
  }
  .theme-3 .mobile-progress-bar-text {
    color: #bd1118;
  }
  .theme-4 .mobile-progress-bar-text {
    color: #cc5302;
  }
  .theme-5 .mobile-progress-bar-text {
    color: #f43b5f;
  }
  .theme-6 .mobile-progress-bar-text {
    color: #0cd2de;
  }
  .theme-7 .mobile-progress-bar-text {
    color: #fba90b;
  }
  .theme-8 .mobile-progress-bar-text {
    color: #13a104;
  }
  .theme-9 .mobile-progress-bar-text {
    color: #07696a;
  }
  .theme-10 .mobile-progress-bar-text {
    color: #005a9d;
  }
  .theme-11 .mobile-progress-bar-text {
    color: #8acb01;
  }
  .mobile-progress-bar-text {
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
  }
  .theme-1 .mobile-progress-bar-text .completedCount {
    color: #22b7f2;
  }
  .theme-2 .mobile-progress-bar-text .completedCount {
    color: #8240ca;
  }
  .theme-3 .mobile-progress-bar-text .completedCount {
    color: #bd1118;
  }
  .theme-4 .mobile-progress-bar-text .completedCount {
    color: #cc5302;
  }
  .theme-5 .mobile-progress-bar-text .completedCount {
    color: #f43b5f;
  }
  .theme-6 .mobile-progress-bar-text .completedCount {
    color: #0cd2de;
  }
  .theme-7 .mobile-progress-bar-text .completedCount {
    color: #fba90b;
  }
  .theme-8 .mobile-progress-bar-text .completedCount {
    color: #13a104;
  }
  .theme-9 .mobile-progress-bar-text .completedCount {
    color: #07696a;
  }
  .theme-10 .mobile-progress-bar-text .completedCount {
    color: #005a9d;
  }
  .theme-11 .mobile-progress-bar-text .completedCount {
    color: #8acb01;
  }
  .theme-1 .mobile-progress-bar-fill {
    background: #22b7f2;
  }
  .theme-2 .mobile-progress-bar-fill {
    background: #8240ca;
  }
  .theme-3 .mobile-progress-bar-fill {
    background: #bd1118;
  }
  .theme-4 .mobile-progress-bar-fill {
    background: #cc5302;
  }
  .theme-5 .mobile-progress-bar-fill {
    background: #f43b5f;
  }
  .theme-6 .mobile-progress-bar-fill {
    background: #0cd2de;
  }
  .theme-7 .mobile-progress-bar-fill {
    background: #fba90b;
  }
  .theme-8 .mobile-progress-bar-fill {
    background: #13a104;
  }
  .theme-9 .mobile-progress-bar-fill {
    background: #07696a;
  }
  .theme-10 .mobile-progress-bar-fill {
    background: #005a9d;
  }
  .theme-11 .mobile-progress-bar-fill {
    background: #8acb01;
  }
  .mobile-progress-bar-fill {
    color: white;
    width: 0;
    padding: 10px 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
  }
  .mobile-progress-bar-fill-text {
    font-weight: bold;
    padding-left: 10px;
    text-transform: uppercase;
    padding-right: 10px;
  }
  .mobile-progress-bar-fill-text .percentage,
  .mobile-progress-bar-fill-text .completedCount {
    color: white !important;
  }
}
.margin {
  margin-bottom: 20px;
}

.presentation-assessments {
  margin-top: 56px;
}
@media screen and (max-width: 480px) {
  .presentation-assessments .-previous {
    float: none;
  }
}
.presentation-assessments .fieldset {
  width: auto;
  float: right;
  margin-bottom: 10px;
}
.presentation-assessments .fieldset label {
  display: inline-block;
}
.presentation-assessments .content-section-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 26px;
  margin-top: 80px;
}
.presentation-assessments .content-section-header h3 {
  margin-bottom: 4px;
  display: inline-block;
  padding-top: 18px;
}
.presentation-assessments .presentation-item {
  display: block;
  position: relative;
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 25px;
}
.presentation-assessments .presentation-item.-prev:hover {
  box-shadow: none;
}
.theme-1 .presentation-assessments .presentation-item.-prev:hover a {
  color: #22b7f2;
}
.theme-2 .presentation-assessments .presentation-item.-prev:hover a {
  color: #8240ca;
}
.theme-3 .presentation-assessments .presentation-item.-prev:hover a {
  color: #bd1118;
}
.theme-4 .presentation-assessments .presentation-item.-prev:hover a {
  color: #cc5302;
}
.theme-5 .presentation-assessments .presentation-item.-prev:hover a {
  color: #f43b5f;
}
.theme-6 .presentation-assessments .presentation-item.-prev:hover a {
  color: #0cd2de;
}
.theme-7 .presentation-assessments .presentation-item.-prev:hover a {
  color: #fba90b;
}
.theme-8 .presentation-assessments .presentation-item.-prev:hover a {
  color: #13a104;
}
.theme-9 .presentation-assessments .presentation-item.-prev:hover a {
  color: #07696a;
}
.theme-10 .presentation-assessments .presentation-item.-prev:hover a {
  color: #005a9d;
}
.theme-11 .presentation-assessments .presentation-item.-prev:hover a {
  color: #8acb01;
}
.presentation-assessments .presentation-item.-prev h3 > a {
  color: #888;
}
.presentation-assessments .presentation-item a {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  color: #222;
}
.presentation-assessments .presentation-item a i {
  margin-left: 10px;
}
.presentation-assessments .presentation-item .presentation-right {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  .presentation-assessments .presentation-item .presentation-right {
    position: static;
    margin-top: 46px;
    float: none;
    width: 100%;
    display: block;
  }
}
.presentation-assessments .presentation-item .presentation-right a {
  color: #333;
}
.presentation-assessments .presentation-item .presentation-right a .icon-icon_medium-arrow_right {
  font-size: 15px;
}
.presentation-assessments .presentation-item .info-container {
  display: block;
  line-height: 12px;
}
.presentation-assessments .presentation-item .info-container:first-of-type {
  margin-bottom: 6px;
  margin-top: 10px;
}
.presentation-assessments .presentation-item:hover {
  -webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
}
.presentation-assessments .presentation-item .button {
  padding-left: 22px;
  margin-top: 12px;
}
.presentation-assessments .presentation-item .button i {
  position: absolute;
  right: 4px;
  top: 13px;
}
.theme-1 .presentation-assessments .presentation-item.-started {
  background: rgb(226.6666666667, 245.7692307692, 253.3333333333);
}
.theme-1 .presentation-assessments .presentation-item.-started button, .theme-1 .presentation-assessments .presentation-item.-started .button {
  background: #22b7f2;
}
.theme-1 .presentation-assessments .presentation-item.-started .label {
  color: #22b7f2;
}
.theme-2 .presentation-assessments .presentation-item.-started {
  background: rgb(234.5081967213, 223.6885245902, 246.3114754098);
}
.theme-2 .presentation-assessments .presentation-item.-started button, .theme-2 .presentation-assessments .presentation-item.-started .button {
  background: #8240ca;
}
.theme-2 .presentation-assessments .presentation-item.-started .label {
  color: #8240ca;
}
.theme-3 .presentation-assessments .presentation-item.-started {
  background: rgb(246.7475728155, 163.2524271845, 166.6504854369);
}
.theme-3 .presentation-assessments .presentation-item.-started button, .theme-3 .presentation-assessments .presentation-item.-started .button {
  background: #bd1118;
}
.theme-3 .presentation-assessments .presentation-item.-started .label {
  color: #bd1118;
}
.theme-4 .presentation-assessments .presentation-item.-started {
  background: rgb(254.0291262136, 195.2912621359, 155.9708737864);
}
.theme-4 .presentation-assessments .presentation-item.-started button, .theme-4 .presentation-assessments .presentation-item.-started .button {
  background: #cc5302;
}
.theme-4 .presentation-assessments .presentation-item.-started .label {
  color: #cc5302;
}
.theme-5 .presentation-assessments .presentation-item.-started {
  background: rgb(254.8405797101, 252.1594202899, 252.6811594203);
}
.theme-5 .presentation-assessments .presentation-item.-started button, .theme-5 .presentation-assessments .presentation-item.-started .button {
  background: #f43b5f;
}
.theme-5 .presentation-assessments .presentation-item.-started .label {
  color: #f43b5f;
}
.theme-6 .presentation-assessments .presentation-item.-started {
  background: rgb(186.6923076923, 247.6153846154, 251.3076923077);
}
.theme-6 .presentation-assessments .presentation-item.-started button, .theme-6 .presentation-assessments .presentation-item.-started .button {
  background: #0cd2de;
}
.theme-6 .presentation-assessments .presentation-item.-started .label {
  color: #0cd2de;
}
.theme-7 .presentation-assessments .presentation-item.-started {
  background: rgb(254.2903225806, 239.7419354839, 211.7096774194);
}
.theme-7 .presentation-assessments .presentation-item.-started button, .theme-7 .presentation-assessments .presentation-item.-started .button {
  background: #fba90b;
}
.theme-7 .presentation-assessments .presentation-item.-started .label {
  color: #fba90b;
}
.theme-8 .presentation-assessments .presentation-item.-started {
  background: rgb(130.2363636364, 251.5818181818, 117.4181818182);
}
.theme-8 .presentation-assessments .presentation-item.-started button, .theme-8 .presentation-assessments .presentation-item.-started .button {
  background: #13a104;
}
.theme-8 .presentation-assessments .presentation-item.-started .label {
  color: #13a104;
}
.theme-9 .presentation-assessments .presentation-item.-started {
  background: rgb(73.9557522124, 241.3362831858, 243.0442477876);
}
.theme-9 .presentation-assessments .presentation-item.-started button, .theme-9 .presentation-assessments .presentation-item.-started .button {
  background: #07696a;
}
.theme-9 .presentation-assessments .presentation-item.-started .label {
  color: #07696a;
}
.theme-10 .presentation-assessments .presentation-item.-started {
  background: rgb(106, 191.4140127389, 255);
}
.theme-10 .presentation-assessments .presentation-item.-started button, .theme-10 .presentation-assessments .presentation-item.-started .button {
  background: #005a9d;
}
.theme-10 .presentation-assessments .presentation-item.-started .label {
  color: #005a9d;
}
.theme-11 .presentation-assessments .presentation-item.-started {
  background: rgb(222, 254.5, 153.5);
}
.theme-11 .presentation-assessments .presentation-item.-started button, .theme-11 .presentation-assessments .presentation-item.-started .button {
  background: #8acb01;
}
.theme-11 .presentation-assessments .presentation-item.-started .label {
  color: #8acb01;
}
.theme-1 .presentation-assessments .presentation-item.-new {
  background: rgba(251, 210, 11, 0.2);
}
.theme-1 .presentation-assessments .presentation-item.-new button, .theme-1 .presentation-assessments .presentation-item.-new .button {
  background: #fbd20b;
}
.theme-2 .presentation-assessments .presentation-item.-new {
  background: rgba(80, 217, 222, 0.2);
}
.theme-2 .presentation-assessments .presentation-item.-new button, .theme-2 .presentation-assessments .presentation-item.-new .button {
  background: #3cfdf2;
}
.theme-3 .presentation-assessments .presentation-item.-new {
  background: rgba(238, 231, 203, 0.2);
}
.theme-3 .presentation-assessments .presentation-item.-new button, .theme-3 .presentation-assessments .presentation-item.-new .button {
  background: #eee7cb;
}
.theme-4 .presentation-assessments .presentation-item.-new {
  background: rgba(239, 196, 22, 0.2);
}
.theme-4 .presentation-assessments .presentation-item.-new button, .theme-4 .presentation-assessments .presentation-item.-new .button {
  background: #efc416;
}
.theme-5 .presentation-assessments .presentation-item.-new {
  background: rgba(12, 210, 222, 0.2);
}
.theme-5 .presentation-assessments .presentation-item.-new button, .theme-5 .presentation-assessments .presentation-item.-new .button {
  background: #0cd2de;
}
.theme-6 .presentation-assessments .presentation-item.-new {
  background: rgba(252, 235, 146, 0.2);
}
.theme-6 .presentation-assessments .presentation-item.-new button, .theme-6 .presentation-assessments .presentation-item.-new .button {
  background: #fceb92;
}
.theme-7 .presentation-assessments .presentation-item.-new {
  background: rgba(255, 239, 181, 0.2);
}
.theme-7 .presentation-assessments .presentation-item.-new button, .theme-7 .presentation-assessments .presentation-item.-new .button {
  background: #ffefb5;
}
.theme-8 .presentation-assessments .presentation-item.-new {
  background: rgba(141, 245, 249, 0.2);
}
.theme-8 .presentation-assessments .presentation-item.-new button, .theme-8 .presentation-assessments .presentation-item.-new .button {
  background: #8df5f9;
}
.theme-9 .presentation-assessments .presentation-item.-new {
  background: rgba(230, 234, 167, 0.2);
}
.theme-9 .presentation-assessments .presentation-item.-new button, .theme-9 .presentation-assessments .presentation-item.-new .button {
  background: #e6eaa7;
}
.theme-10 .presentation-assessments .presentation-item.-new {
  background: rgba(148, 225, 254, 0.2);
}
.theme-10 .presentation-assessments .presentation-item.-new button, .theme-10 .presentation-assessments .presentation-item.-new .button {
  background: #94e1fe;
}
.theme-11 .presentation-assessments .presentation-item.-new {
  background: rgba(224, 241, 143, 0.2);
}
.theme-11 .presentation-assessments .presentation-item.-new button, .theme-11 .presentation-assessments .presentation-item.-new .button {
  background: #e0f18f;
}
.presentation-assessments .presentation-item.-new span {
  color: #888;
}
.presentation-assessments .presentation-item.-graded.-prev.-completed {
  background: white;
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
  padding-bottom: 36px;
}
.presentation-assessments .presentation-item.-graded.-prev.-completed:after {
  display: none;
}
.presentation-assessments .presentation-item.-graded.-prev.-completed:hover {
  box-shadow: none;
}
.theme-1 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-1 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #22b7f2;
}
.theme-2 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-2 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #8240ca;
}
.theme-3 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-3 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #bd1118;
}
.theme-4 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-4 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #cc5302;
}
.theme-5 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-5 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #f43b5f;
}
.theme-6 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-6 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #0cd2de;
}
.theme-7 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-7 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #fba90b;
}
.theme-8 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-8 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #13a104;
}
.theme-9 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-9 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #07696a;
}
.theme-10 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-10 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #005a9d;
}
.theme-11 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover p,
.theme-11 .presentation-assessments .presentation-item.-graded.-prev.-completed:hover .unitcontent-topicitem-title {
  color: #8acb01;
}
.presentation-assessments .presentation-item.-graded.-prev.-completed .label {
  color: #bbb;
}
.presentation-assessments .presentation-item.-graded.-prev.-completed h3 {
  transition: none;
}
.presentation-assessments .presentation-item.-graded.-prev.-completed .presentation-right {
  border-top: none !important;
}
.presentation-assessments .presentation-item.-completed {
  position: relative;
  background: #f4f4f4;
  overflow: auto;
}
.presentation-assessments .presentation-item.-completed.-graded .presentation-right p {
  color: #6bac43;
  font-weight: bold;
  margin-top: 10px;
  font-family: "myriad-pro", sans-serif;
  line-height: 20px;
  line-height: 1.25rem;
}
.presentation-assessments .presentation-item.-completed.-graded .presentation-right p span {
  display: inline;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
}
.presentation-assessments .presentation-item.-completed.-graded .presentation-right span {
  margin-top: 0;
}
.presentation-assessments .presentation-item.-completed .label {
  color: #6bac43;
}
.presentation-assessments .presentation-item.-completed .presentation-right {
  width: 22%;
}
@media screen and (max-width: 480px) {
  .presentation-assessments .presentation-item.-completed .presentation-right {
    width: 100%;
    display: block;
    float: none;
    position: static;
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #ddd;
    transform: none;
  }
}
.presentation-assessments .presentation-item.-completed:after {
  content: "\e637";
  color: #bbb;
  font-family: "kdi-icons";
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 14px;
}
.presentation-assessments .label,
.presentation-assessments .date {
  font-weight: 700;
  text-transform: uppercase;
}
.presentation-assessments span {
  color: #888;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "myriad-pro", sans-serif;
}
.presentation-assessments .presentation-left {
  float: left;
  width: 68%;
}
@media screen and (max-width: 480px) {
  .presentation-assessments .presentation-left {
    width: 100%;
    display: block;
    float: none;
  }
}
.presentation-assessments .presentation-left h3 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 28px;
  line-height: 1.75rem;
}
.presentation-assessments .presentation-left span {
  font-family: "myriad-pro", sans-serif;
}
.presentation-assessments .presentation-right {
  float: right;
  width: 22%;
}
@media screen and (max-width: 480px) {
  .presentation-assessments .presentation-right {
    width: 100%;
    display: block;
    float: none;
  }
}
.presentation-assessments .presentation-right span {
  display: block;
  line-height: 16px;
  line-height: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "myriad-pro", sans-serif;
}

.assessment__questions__answers__answer.submittedAnswer:not(.correct) {
  background: #f4edee;
  border: 1px solid red;
  border-radius: 5px;
  position: relative;
}
.assessment__questions__answers__answer.submittedAnswer:not(.correct):hover {
  background: #f4edee;
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct) {
    margin-bottom: 36px;
  }
}
.assessment__questions__answers__answer.submittedAnswer:not(.correct) i,
.assessment__questions__answers__answer.submittedAnswer:not(.correct) span,
.assessment__questions__answers__answer.submittedAnswer:not(.correct) label, .assessment__questions__answers__answer.submittedAnswer:not(.correct):after {
  color: red !important;
}
.assessment__questions__answers__answer.submittedAnswer:not(.correct) .icon-icon_medium-close {
  visibility: visible;
}
.assessment__questions__answers__answer.submittedAnswer:not(.correct) .icon-icon_medium-checkmark {
  display: none;
}
.assessment__questions__answers__answer.submittedAnswer:not(.correct):before {
  color: red;
  position: absolute;
  right: 35px;
  top: 20px;
  content: "\e619";
  font-family: "kdi-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 800px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct):before {
    right: 25px;
    top: 17px;
  }
}
@media screen and (max-height: 800px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct):before {
    right: 25px;
    top: 17px;
  }
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct):before {
    right: 20px;
  }
}
@media screen and (max-width: 360px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct):before {
    right: 10px;
  }
}
.assessment__questions__answers__answer.submittedAnswer:not(.correct):after {
  content: "Incorrect";
  text-transform: uppercase;
  position: absolute;
  right: -90px;
  top: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct):after {
    top: 60px;
    left: 0;
    right: auto;
  }
}
@media screen and (max-width: 480px) {
  .assessment__questions__answers__answer.submittedAnswer:not(.correct):after {
    display: none;
  }
}

.assessment__questions__answers.-true-false .assessment__questions__answers__answer.submittedAnswer.incorrect {
  width: 130px;
}
.assessment__questions__answers.-true-false .assessment__questions__answers__answer.submittedAnswer:after {
  right: 0;
  top: 68px;
  left: 0;
  text-align: center;
}

.assessment__questions__answers__answer.submittedAnswer.correct {
  background: rgb(232.0794979079, 243.3661087866, 225.1338912134);
  border: 1px solid #6bac43;
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-height: 800px) {
  .assessment__questions__answers__answer.submittedAnswer.correct {
    margin-bottom: 5px;
  }
}
.assessment__questions__answers__answer.submittedAnswer.correct i,
.assessment__questions__answers__answer.submittedAnswer.correct span,
.assessment__questions__answers__answer.submittedAnswer.correct label, .assessment__questions__answers__answer.submittedAnswer.correct:after {
  color: #6bac43 !important;
}
.assessment__questions__answers__answer.submittedAnswer.correct i {
  visibility: visible;
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor1:after {
  content: "Good job!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor2:after {
  content: "Nice work!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor3:after {
  content: "Excellent!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor4:after {
  content: "Outstanding!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor5:after {
  content: "Great!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor6:after {
  content: "Wonderful!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor7:after {
  content: "Superb!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor8:after {
  content: "First-rate!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor9:after {
  content: "Brilliant!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor10:after {
  content: "Commendable!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor11:after {
  content: "Cool!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor12:after {
  content: "Out of this world!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor13:after {
  content: "Superior solution!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor14:after {
  content: "Out of sight!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor15:after {
  content: "Ace answer!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor16:after {
  content: "Crackerjack!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor17:after {
  content: "That's swell!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor18:after {
  content: "Magnificent!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor19:after {
  content: "Superlative!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor20:after {
  content: "Impressive!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor21:after {
  content: "Phenomenal!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor22:after {
  content: "Terrific!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor23:after {
  content: "Capital!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor24:after {
  content: "Second-to-none!";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor25:after {
  content: "Splendid! ";
}
.assessment__questions__answers__answer.submittedAnswer.correct.-flavor26:after {
  content: "Fabulous!";
}
.assessment__questions__answers__answer.submittedAnswer.correct:after {
  content: "Correct";
  text-transform: uppercase;
  position: absolute;
  right: -170px;
  top: 16px;
  font-weight: bold;
  width: 150px;
}
@media screen and (max-width: 768px) {
  .assessment__questions__answers__answer.submittedAnswer.correct:after {
    top: 68px;
    left: 0;
    right: auto;
  }
}

.educator-quiz .assessment__questions__answers__answer.submittedAnswer.correct[class*=-flavor]:after {
  content: none;
}

.name-dropdown .dropdown-menu-footer {
  padding-left: 23px;
}

.name-dropdown {
  padding-bottom: 8px;
}
.name-dropdown .icon-icon_small-arrow_up {
  font-size: 14px !important;
}
.name-dropdown .dropdown-link.-analyze {
  padding-top: 6px;
}
.name-dropdown .dropdown-menu-body {
  max-height: 200px;
  overflow-y: scroll;
}

.dropdown.name-dropdown .-analyze i.icon-icon_medium-barchart {
  float: left;
  color: #bbb !important;
}

.grade-assessment hr:last-of-type {
  margin-bottom: 0;
  margin-top: 160px;
}
.grade-assessment .button-container {
  margin-top: 18px;
}
.grade-assessment .points {
  border: 1px solid transparent;
  padding: 20px 0;
  transition: all 0.4s ease-in-out;
}
.grade-assessment .points .-points-edit {
  display: none;
}
.grade-assessment .points .-points-edit input {
  padding: 0 15px;
}
.grade-assessment .points button {
  clear: both;
  display: inline-block;
  margin-top: 18px;
}
.grade-assessment .points.self-grade {
  text-align: center;
}
.theme-1 .grade-assessment .points.self-grade {
  background: rgba(251, 210, 11, 0.2);
}
.theme-2 .grade-assessment .points.self-grade {
  background: rgba(80, 217, 222, 0.2);
}
.theme-3 .grade-assessment .points.self-grade {
  background: rgba(238, 231, 203, 0.2);
}
.theme-4 .grade-assessment .points.self-grade {
  background: rgba(239, 196, 22, 0.2);
}
.theme-5 .grade-assessment .points.self-grade {
  background: rgba(12, 210, 222, 0.2);
}
.theme-6 .grade-assessment .points.self-grade {
  background: rgba(252, 235, 146, 0.2);
}
.theme-7 .grade-assessment .points.self-grade {
  background: rgba(255, 239, 181, 0.2);
}
.theme-8 .grade-assessment .points.self-grade {
  background: rgba(141, 245, 249, 0.2);
}
.theme-9 .grade-assessment .points.self-grade {
  background: rgba(230, 234, 167, 0.2);
}
.theme-10 .grade-assessment .points.self-grade {
  background: rgba(148, 225, 254, 0.2);
}
.theme-11 .grade-assessment .points.self-grade {
  background: rgba(224, 241, 143, 0.2);
}
.grade-assessment .points.self-grade {
  border-radius: 5px;
}
.grade-assessment .points.self-grade .-points-display {
  display: none;
}
.grade-assessment .points.self-grade .-points-edit {
  display: block;
}
.grade-assessment .points.self-grade.-focused {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-color: rgb(221, 221, 221);
}
.grade-assessment .points.self-grade .points__number {
  color: #888;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
.grade-assessment .assessment__questions__answers__answer:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.grade-assessment .assessment__questions__answers__answer.submittedAnswer.correct:hover i {
  visibility: visible !important;
}
.grade-assessment .assessment__questions__answers__answer:not(.-correct):hover i {
  visibility: hidden !important;
}
.grade-assessment .assessment__questions__answers__answer.-comment {
  position: relative;
}
.grade-assessment .assessment__questions__answers__answer.-comment .short-answer {
  padding-right: 54px;
}
.grade-assessment .assessment__questions__answers__answer.-comment i {
  color: #bbb;
  right: 32px;
  top: 23px;
  visibility: visible;
}
.grade-assessment .assessment__questions__answers__answer.-comment:hover i {
  visibility: visible !important;
}
.theme-1 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #22b7f2;
}
.theme-2 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #8240ca;
}
.theme-3 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #bd1118;
}
.theme-4 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #cc5302;
}
.theme-5 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #f43b5f;
}
.theme-6 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #0cd2de;
}
.theme-7 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #fba90b;
}
.theme-8 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #13a104;
}
.theme-9 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #07696a;
}
.theme-10 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #005a9d;
}
.theme-11 .grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  color: #8acb01;
}
.grade-assessment .assessment__questions__answers__answer.-comment:hover i:hover {
  opacity: 1;
}
.grade-assessment .assessment__heading__left {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.grade-assessment .assessment__heading__left:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .grade-assessment .assessment__heading__left {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .grade-assessment .assessment__heading__left:last-child {
    margin-right: 0;
  }
}
.grade-assessment .assessment__heading__left {
  margin-bottom: 20px;
}
.grade-assessment .assessment__heading__right {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 21.5258004416%;
}
.grade-assessment .assessment__heading__right:last-child {
  margin-right: 0;
}
.grade-assessment .assessment__heading__right {
  float: right;
  margin-left: 0;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .grade-assessment .assessment__heading__right {
    width: 100%;
    float: none;
    padding-top: 0;
    margin-bottom: 40px;
  }
}
.grade-assessment .assessment__heading__right .students {
  float: right;
}
@media screen and (max-width: 768px) {
  .grade-assessment .assessment__heading__right .students {
    float: left;
  }
}
.grade-assessment .assessment__heading__right .students .dropdown,
.grade-assessment .assessment__heading__right .students span:not(.date) {
  display: block;
}

.gradebook .assessment__heading,
.grade-assessment .assessment__heading {
  height: auto;
}

.gradebook__sort-buttons {
  margin-top: 20px;
}
.gradebook {
  margin-top: 50px;
}
.gradebook__table__row {
  font-family: "myriad-pro", sans-serif;
  white-space: nowrap;
  border-bottom: 1px solid #bbb;
  background-color: #22b7f2;
}
.gradebook__table__row .static-items {
  padding-left: 203px;
}
.gradebook__table__row .static-items .gradebook__table__row-item {
  background-color: #22b7f2 !important;
}
.gradebook__table__row-item {
  min-width: 200px;
  width: 200px;
  padding: 20px;
  text-align: center;
  height: 76px;
  vertical-align: top;
  display: inline-block;
  border-right: 1px solid #bbb;
  margin-left: -3px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white !important;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 1rem;
}
.gradebook__table__row-item.-fixed {
  text-align: left;
  margin-left: 0;
  position: absolute;
  line-height: 36px;
  z-index: 9;
  left: 0;
}
.theme-1 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-1 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #22b7f2;
}
.theme-2 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-2 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #8240ca;
}
.theme-3 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-3 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #bd1118;
}
.theme-4 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-4 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #cc5302;
}
.theme-5 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-5 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #f43b5f;
}
.theme-6 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-6 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #0cd2de;
}
.theme-7 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-7 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #fba90b;
}
.theme-8 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-8 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #13a104;
}
.theme-9 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-9 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #07696a;
}
.theme-10 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-10 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #005a9d;
}
.theme-11 .gradebook__table__row-item:not(.-fixed):first-of-type, .theme-11 .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  color: #8acb01;
}
.gradebook__table__row-item:not(.-fixed):first-of-type, .gradebook__table__row-item:not(.-fixed):nth-of-type(2) {
  line-height: 36px;
}
.gradebook__table__column {
  min-width: 200px;
  width: 200px;
  position: absolute;
  left: 0;
  background: #f4f4f4;
  border-right: 1px solid #ddd;
}
.gradebook__table__column-row {
  padding-left: 203px;
  white-space: nowrap;
  margin: 0;
}
.gradebook__table__column-row:last-of-type .gradebook__table__column-row-item {
  border-bottom: 0;
}
.gradebook__table__column-row-item {
  min-width: 200px;
  width: 200px;
  text-align: center;
  font-weight: 400;
  height: 77px;
  line-height: 77px;
  vertical-align: top;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-size: 1rem;
  color: #888;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-left: -3px;
  margin-top: -1px;
}
.gradebook__table__column-row-item:first-of-type, .gradebook__table__column-row-item:nth-of-type(2) {
  color: #222;
}
.gradebook__table__column:not(.-header-side) .gradebook__table__column-item {
  line-height: 36px;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
}
.gradebook__table__column-item {
  min-width: 100%;
  padding-left: 20px;
  text-align: center;
  height: 76px;
  vertical-align: top;
}
.gradebook__table__column.-header-side .gradebook__table__column-item {
  text-align: left;
  font-size: 1rem;
  line-height: 76px;
  border-bottom: 1px solid #ddd;
  font-family: "myriad-pro", sans-serif;
  margin: 0;
}
.gradebook__table__column .gradebook__table__column-item:last-of-type {
  border-bottom: 0;
}
.gradebook__heading__right, .gradebook__heading__left {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.gradebook__heading__right:last-child, .gradebook__heading__left:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .gradebook__heading__right, .gradebook__heading__left {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .gradebook__heading__right:last-child, .gradebook__heading__left:last-child {
    margin-right: 0;
  }
}
.gradebook__heading__left .type {
  font-weight: 600;
  text-transform: uppercase;
  color: #bbb;
  font-size: 14px;
  font-size: 0.875rem;
}
.gradebook__heading__left h1 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: normal;
}
.gradebook__heading__right {
  text-align: right;
  margin-top: 60px;
}
.theme-1 .gradebook__heading__right {
  color: #22b7f2;
}
.theme-2 .gradebook__heading__right {
  color: #8240ca;
}
.theme-3 .gradebook__heading__right {
  color: #bd1118;
}
.theme-4 .gradebook__heading__right {
  color: #cc5302;
}
.theme-5 .gradebook__heading__right {
  color: #f43b5f;
}
.theme-6 .gradebook__heading__right {
  color: #0cd2de;
}
.theme-7 .gradebook__heading__right {
  color: #fba90b;
}
.theme-8 .gradebook__heading__right {
  color: #13a104;
}
.theme-9 .gradebook__heading__right {
  color: #07696a;
}
.theme-10 .gradebook__heading__right {
  color: #005a9d;
}
.theme-11 .gradebook__heading__right {
  color: #8acb01;
}
.gradebook__heading__right span {
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: bold;
  padding: 0 10px 0 14px;
}

.classroom-content-sections-section-students-list-item:first-of-type {
  margin-bottom: 10px;
}
.classroom-content-sections-section-students-list-item:first-of-type > a {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
}
.classroom-content-sections-section-students-list-item.-not-started {
  color: #888 !important;
}
.classroom-content-sections-section-students-list-item.-in-prog {
  color: #888 !important;
  font-size: 14px;
}
.classroom-content-sections-section-students-list-item.-in-prog span {
  color: #888 !important;
  font-size: 14px;
}
.classroom-content-sections-section-students-list-item.-not-started, .classroom-content-sections-section-students-list-item.-in-prog, .classroom-content-sections-section-students-list-item.-submitted {
  font-size: 14px;
}
.theme-1 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #22b7f2;
}
.theme-2 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #8240ca;
}
.theme-3 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #bd1118;
}
.theme-4 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #cc5302;
}
.theme-5 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #f43b5f;
}
.theme-6 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #0cd2de;
}
.theme-7 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #fba90b;
}
.theme-8 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #13a104;
}
.theme-9 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #07696a;
}
.theme-10 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #005a9d;
}
.theme-11 .classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  color: #8acb01;
}
.classroom-content-sections-section-students-list.-students:hover .classroom-content-sections-section-students-list-item:first-of-type {
  cursor: pointer;
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item .-unstyled {
  line-height: 32px;
  line-height: 2rem;
  font-size: 21px;
  font-size: 1.3125rem;
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:first-of-type {
  width: 40%;
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:first-of-type {
    width: 80%;
  }
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(2) {
  font-weight: normal;
  color: #222;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 14px;
  width: 14%;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(2) {
    width: 20%;
  }
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(3) {
  width: 26%;
  text-align: center;
}
@media screen and (max-width: 1041px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(3) {
    margin-top: 0;
    width: 15%;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(3) {
    width: 33%;
    padding-top: 0;
  }
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(4) {
  margin-top: 14px;
  width: 10%;
}
@media screen and (max-width: 1041px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(4) {
    margin-top: 0;
    width: 15%;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:nth-of-type(4) {
    width: 33%;
    padding-top: 0;
    text-align: center;
  }
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:last-of-type {
  margin-top: 14px;
  width: 10%;
}
@media screen and (max-width: 1041px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:last-of-type {
    margin-top: 0;
    width: 15%;
  }
}
@media screen and (max-width: 480px) {
  .classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:last-of-type {
    width: 33%;
    padding-top: 0;
    text-align: center;
  }
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:last-of-type .dropdown {
  background: #eee;
}
.classroom-content-sections-section-students-list.-students .classroom-content-sections-section-students-list-item:last-of-type .dropdown:hover {
  background-color: #dbdbdb;
}

.-manual-and-digital-grade {
  margin-top: 60px;
}
.-manual-and-digital-grade .manual-and-digital-grade__header p {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}
.-manual-and-digital-grade .manual-and-digital-grade__header a {
  float: right;
  line-height: 36px;
}
.-manual-and-digital-grade .manual-and-digital-grade__header a i {
  display: inline-block;
  margin-right: 20px;
}
.-manual-and-digital-grade .manual-and-digital-grade .scores-header {
  padding: 20px 0;
}
.-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual h5:first-of-type, .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .discover-map .nav-controls .breadcrumbs .crumb:first-of-type, .discover-map .nav-controls .breadcrumbs .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .crumb:first-of-type, .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .discover-map .nav-controls .breadcrumbs .darken:first-of-type, .discover-map .nav-controls .breadcrumbs .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .darken:first-of-type {
  width: 88%;
}
.-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual h5:last-of-type, .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .discover-map .nav-controls .breadcrumbs .crumb:last-of-type, .discover-map .nav-controls .breadcrumbs .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .crumb:last-of-type, .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .discover-map .nav-controls .breadcrumbs .darken:last-of-type, .discover-map .nav-controls .breadcrumbs .-manual-and-digital-grade .manual-and-digital-grade .scores-header.-manual .darken:last-of-type {
  padding-right: 0;
  width: 11%;
}
.-manual-and-digital-grade .manual-and-digital-grade .grade {
  display: inline-block;
  font-size: 21px !important;
  padding-right: 10px;
}
.-manual-and-digital-grade .manual-and-digital-grade .point-value {
  display: inline-block;
  padding-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.-manual-and-digital-grade .manual-and-digital-grade .point-value span {
  font-size: 21px !important;
}
.-manual-and-digital-grade .manual-and-digital-grade .point-value input {
  background: white;
  margin-right: 10px;
}
.-manual-and-digital-grade .manual-and-digital-grade .point-value fieldset:not(.assessment__student-list-item-grade-input) {
  margin: 10px !important;
}
.-manual-and-digital-grade .manual-and-digital-grade .point-value fieldset:after {
  top: 30%;
  right: 20px;
  color: #888;
  font-weight: normal;
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list.-manual-scoring .classroom-content-sections-section-students-list-item:first-of-type {
  width: 80%;
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list.-manual-scoring .classroom-content-sections-section-students-list-item:last-of-type {
  padding-right: 0;
  margin-top: 0;
  width: 20%;
  text-align: right;
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list.-manual-scoring .classroom-content-sections-section-students-list-item:last-of-type span {
  color: #222;
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list-item:nth-child(3) {
  width: 14%;
  font-size: 18px;
  font-size: 1.125rem;
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list-item:first-of-type span {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list-item:nth-child(4) {
  width: 16%;
  text-align: right;
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (max-width: 480px) {
  .-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list-item:nth-child(4) {
    text-align: unset;
    margin-bottom: 20px;
  }
}
.-manual-and-digital-grade .manual-and-digital-grade .classroom-content-sections-section-students-list-item:nth-child(4) span.grade {
  font-weight: bold;
  font-size: 24px !important;
}
.-manual-and-digital-grade .manual-and-digital-grade__header {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  color: #888;
  padding: 40px 0 20px 0;
  border-bottom: 1px solid #ddd;
}
.-manual-and-digital-grade .manual-and-digital-grade__header span {
  font-weight: bold;
  font-family: "myriad-pro", sans-serif;
}

.-scoring-header .points {
  margin-top: 0;
}
.-scoring-header .type {
  text-transform: uppercase;
  font-weight: bold;
  color: #888;
  display: block;
  margin-bottom: 10px;
}
.-scoring-header .auto-save {
  color: #888;
  font-style: italic;
  line-height: 18px;
  line-height: 1.125rem;
  display: block;
  text-align: right;
  width: 100%;
}
.-scoring-header .auto-save-label {
  font-weight: 600;
}

[data-modal-dialog-body=edit] fieldset.markdown:not(.show) {
  display: none !important;
}

[data-modal-dialog-body=edit] .answer-options .assessment__questions__answers__answer > *:not(.show) {
  display: none !important;
}

/*[data-modal-dialog-body="edit"] .answer-options  [name=correct]:checked + span {
    color: green
}*/
*[data-modal-dialog-body=edit] .answer-options .assessment__questions__answers__answer {
  cursor: default !important;
}

*[data-modal-dialog-body=edit] .answer-options .assessment__questions__answers__answer label {
  cursor: pointer !important;
}

.modal-dialog-body-assessmentpdf .fieldset-list--center .fieldset {
  display: block;
}
.modal-dialog-body-assessmentpdf .fieldset-list--center hr {
  border-top: 1px solid #f4f4f4;
  margin-top: 14px;
}

.gradebook__student-name {
  font-weight: bold;
  color: #22b7f2;
}

.gradebook__grade {
  color: #60C100 !important;
}

.gradebook__row--white {
  background-color: white;
}
.gradebook__row--white .gradebook__table__column-row-item {
  background-color: white;
}

.gradebook__header-item {
  background-color: #22b7f2 !important;
  color: white !important;
  font-family: "ff-meta-serif-web-pro", serif !important;
  display: inline-flex;
}

.gradebook__header-item-arrow-icon {
  display: inline-block;
  width: 10%;
}
@media screen and (min-width: 481px) {
  .gradebook__header-item-arrow-icon {
    display: none;
  }
}

.gradebook__header-item-text {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 480px) {
  .gradebook__header-item-text {
    width: 80%;
  }
}

.assessment__launch-dialog-option-heading {
  font-weight: bold !important;
  font-family: "myriad-pro", sans-serif !important;
}

.assessment__launch-dialog-option {
  padding: 50px;
}

.assessment__preview-heading {
  margin-top: 20px;
}

.assessment__preview-version-actions {
  float: left;
}

.assessment__preview-version-list {
  float: left;
}
.assessment__preview-version-list select {
  font-size: 1rem !important;
  width: 250px;
  background-color: white;
  border: thin solid silver;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 2em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #22b7f2, #22b7f2);
  background-position: calc(100% - 23px) calc(1.5em - 3px), calc(100% - 18px) calc(1.5em - 3px), 100% 0;
  background-size: 5px 5px, 5px 5px, 3em 3em;
  background-repeat: no-repeat;
  outline: none;
  color: grey;
}
.assessment__preview-version-list select:focus {
  background-image: linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(to right, #22b7f2, #22b7f2);
}
.assessment__preview-version-list select .assessment__preview-version-list-option {
  font-weight: 100;
  font-size: 1.1rem;
}
.assessment__preview-version-list select .assessment__preview-version-list-option:hover {
  background-color: #22b7f2;
}

.assessment__toolbar-close-button {
  padding: 16px 0;
}

.assessment__overall-score-heading {
  text-align: left;
}

.assessment__overall-score {
  color: #5fbf02;
  font-size: 2rem;
  text-align: left;
}

.assessment__overall-score-breakdown {
  font-size: 1rem;
  color: silver;
  font-family: "myriad-pro", sans-serif;
  text-align: left;
}

.assessment__student-list-header h5, .assessment__student-list-header .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .assessment__student-list-header .crumb, .assessment__student-list-header .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .assessment__student-list-header .darken {
  text-transform: none !important;
}
@media screen and (max-width: 940px) {
  .assessment__student-list-header h5:not(:first-of-type), .assessment__student-list-header .discover-map .nav-controls .breadcrumbs .crumb:not(:first-of-type), .discover-map .nav-controls .breadcrumbs .assessment__student-list-header .crumb:not(:first-of-type), .assessment__student-list-header .discover-map .nav-controls .breadcrumbs .darken:not(:first-of-type), .discover-map .nav-controls .breadcrumbs .assessment__student-list-header .darken:not(:first-of-type) {
    width: 17% !important;
    text-align: right;
  }
}

.assessment__student-list-item {
  padding-left: 0;
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .assessment__student-list-item .assessment__student-list-item-block:nth-of-type(1) {
    width: 36% !important;
  }
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item .assessment__student-list-item-block:nth-of-type(1) {
    width: 100% !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item .assessment__student-list-item-block {
    width: 100% !important;
    text-align: center !important;
    margin-top: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .assessment__student-list-item .assessment__student-list-item-block-offline-assessment:nth-of-type(1) {
    width: 70% !important;
  }
}
@media screen and (max-width: 768px) {
  .assessment__student-list-item .assessment__student-list-item-block-offline-assessment:nth-of-type(2) {
    width: 30% !important;
  }
}

.assessment__student-list-item-student-name {
  color: #22b7f2 !important;
}

.assessment__student-list-item-status-description {
  font-style: italic;
}

.assessment__student-list-item-grade-input {
  margin: 10px !important;
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item-grade-input {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.assessment__student-list-item-grade-input input {
  padding: 15px;
}

.assessment__student-list-item-block-status {
  margin-top: 1rem !important;
}

@media screen and (max-width: 1060px) {
  .assessment__student-list-item-block-offline-assessment-student-name {
    width: 55% !important;
  }
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item-block-offline-assessment-student-name {
    width: 100% !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 1060px) {
  .assessment__student-list-item-block-offline-assessment-grade-container {
    width: 44% !important;
  }
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item-block-offline-assessment-grade-container {
    width: 100% !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 480px) {
  .assessment__student-list-item-block-offline-assessment-grade {
    width: 100% !important;
  }
}

.assessment__student-list-header-offline-assessment h5:first-of-type, .assessment__student-list-header-offline-assessment .discover-map .nav-controls .breadcrumbs .crumb:first-of-type, .discover-map .nav-controls .breadcrumbs .assessment__student-list-header-offline-assessment .crumb:first-of-type, .assessment__student-list-header-offline-assessment .discover-map .nav-controls .breadcrumbs .darken:first-of-type, .discover-map .nav-controls .breadcrumbs .assessment__student-list-header-offline-assessment .darken:first-of-type {
  width: 80% !important;
}

.assessment__student-list-item-grade-button {
  background-color: #888 !important;
}
@media screen and (max-width: 480px) {
  .assessment__student-list-item-grade-button {
    float: none !important;
  }
}

.assessment__grading-students {
  float: none !important;
}

.assessment__grading-dropdown {
  text-transform: uppercase !important;
  font-family: "myriad-pro", sans-serif !important;
  font-weight: bold !important;
  font-size: 1.2rem !important;
  text-align: left !important;
}
.assessment__grading-dropdown--forced-inactive .assessment__grading-dropdown-menu, .assessment__grading-dropdown--forced-inactive .assessment__grading-dropdown-arrow-down {
  display: none !important;
}

.assessment__grading-dropdown-toolbar {
  margin-left: 30px !important;
}

.assessment__grading-dropdown-arrow-down {
  margin-top: 0.2rem !important;
}

.assessment__grading-dropdown-menu {
  left: -20px !important;
}

.assessment__grading-student-name {
  color: #22b7f2 !important;
}

.assessment__grading-student-name--grading-complete {
  color: #5fbf02 !important;
}

.assessment__grading-student-name--non-editable {
  color: gray !important;
}

.assessment__grading-final-grade {
  color: black !important;
  font-size: 2rem !important;
  font-weight: bold !important;
}

.assessment__grading-final-grade-points {
  color: silver !important;
  font-size: 1rem !important;
  font-weight: bold !important;
}

.assessment__grading-submit-button {
  float: none !important;
}

.assessment__create-new-classroom-select .assessment__create-new-classroom-select-default-option {
  color: silver;
}
.assessment__create-new-classroom-select option:not(.assessment__create-new-classroom-select-default-option) {
  color: black;
}

.assessment__create-new-classroom-select--default-state {
  color: silver !important;
}

.assessment__launch-online-dialog-select-students-heading {
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  margin-bottom: 20px;
  color: #222;
}

.assessment__launch-online-dialog-select-students-username {
  text-transform: uppercase;
  color: silver !important;
  font-size: 1rem;
}

.assessment__launch-online-dialog-select-students-error {
  padding: 20px 10px;
  font-size: 1rem !important;
}

.assessment__launch-online-dialog-select-students-select-all-buttons {
  text-align: right;
}

@media screen and (max-width: 480px) {
  .assessment__launch-online-dialog-select-students-select-button {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
}

.registration-page .step-label {
  font-size: 14px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  color: black;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.registration-page .step-title {
  font-size: 32px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  color: black;
  display: block;
  text-align: center;
}
.registration-page .step-desc {
  font-size: 16px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  color: #575757;
  display: block;
  text-align: center;
}
.registration-page-step1 {
  margin: 0 0 0 0 !important;
}
.registration-page-step1 .layout-footprint-web {
  top: 220px !important;
}
.registration-page-step1-buttons {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  justify-content: center;
}
@media screen and (max-width: 720px) {
  .registration-page-step1-buttons {
    flex-direction: column;
    gap: 15px;
  }
}
.registration-page-step1-buttons .option-btn {
  background-color: #f5c800;
  border: none;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  width: 187px;
  height: 148px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: transform 0.1s ease;
}
@media screen and (max-width: 720px) {
  .registration-page-step1-buttons .option-btn {
    width: 298px;
    height: 96px;
    margin: 0 auto;
    padding-top: 5px;
  }
}
.registration-page-step1-buttons .option-btn img {
  width: 68px;
  height: 68px;
  object-fit: contain;
}
@media screen and (max-width: 720px) {
  .registration-page-step1-buttons .option-btn img {
    width: 52px;
    height: 52px;
    flex-direction: column;
  }
}
.registration-page-step1-buttons .option-btn span {
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-align: center;
  font-family: "Manrope";
}
.registration-page-step1-buttons .option-btn .line-break {
  display: inline;
}
@media screen and (max-width: 720px) {
  .registration-page-step1-buttons .option-btn .line-break {
    display: none;
  }
}
.registration-page-step1-buttons .option-btn:hover {
  transform: scale(1.03);
}
.registration-page-step2 {
  display: none;
}
.registration-page-step2 .layout-footprint-web {
  top: 140px !important;
}
.registration-page-step2 .button-primary {
  min-width: 186px;
}
@media screen and (max-width: 480px) {
  .registration-page-step2 .button-primary {
    width: 100%;
  }
}
.registration-page-step2-dropdown-container {
  margin-top: 32px;
}
.registration-page-step2-dropdown-container .chosen-single {
  background-color: white !important;
  color: black !important;
  text-align: left;
  border-color: #DEDEDE !important;
}
.registration-page-step2-dropdown-container .chosen-single div {
  background-color: white !important;
}
.registration-page-step2-dropdown-container .chosen-single div b:before {
  color: black !important;
}
.registration-page-step3 {
  display: none;
}
.registration-page-step3 .layout-footprint-web {
  top: 660px !important;
}
.registration-page-step3-container {
  display: flex;
  flex-direction: row;
  justify-self: center;
}
@media screen and (max-width: 720px) {
  .registration-page-step3-container {
    flex-direction: column;
  }
}
.registration-page-step3-container .title {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: black;
  font-family: "myriad-pro", sans-serif;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .registration-page-step3-container .title {
    display: none;
  }
}
.registration-page-step3-container .title-mobile {
  display: none;
  font-size: 20px;
  font-weight: 400;
  color: black;
  font-family: "myriad-pro", sans-serif;
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 720px) {
  .registration-page-step3-container .title-mobile {
    display: block;
  }
}
.registration-page-step3-container-fields {
  order: 1;
  width: 370px;
  margin-right: 20px;
}
.registration-page-step3-container-fields .button-create-account {
  width: max-content;
}
@media screen and (max-width: 720px) {
  .registration-page-step3-container-fields {
    order: 2;
    margin-right: 0px;
  }
}
.registration-page-step3-container-sso {
  order: 2;
}
.registration-page-step3-container-sso .sign-up__oauth {
  flex-direction: column;
  gap: 20px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .registration-page-step3-container-sso .sign-up__oauth a {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .registration-page-step3-container-sso {
    order: 1;
  }
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.layout-footprint-web {
  width: 200px;
  position: absolute;
  left: 745px;
  top: 160px;
  display: block;
}
@media screen and (max-width: 1215px) {
  .layout-footprint-web {
    display: none;
  }
}

.modern-sign-up-dialog .sign-up-dialog__header {
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 14px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  color: black;
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: unset;
  margin: 0px;
  border-bottom: unset;
}
.modern-sign-up-dialog .sign-up-dialog__content-text {
  font-size: 32px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  color: black;
  display: block;
  text-align: center;
}
.modern-sign-up-dialog .sign-up-dialog__footer {
  background-color: white;
  border-top: unset;
  padding-bottom: 50px;
  padding-top: 0px;
}
.modern-sign-up-dialog .sign-up-dialog__footer-text {
  font-size: 16px;
}
.modern-sign-up-dialog .sign-up-dialog__footer-text a {
  font-size: 16px !important;
  color: black;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.theme-1 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-2 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-3 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-4 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-5 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-6 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-7 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-8 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-9 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-10 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.theme-11 .modern-sign-up-dialog .sign-up-dialog__footer-text a:hover {
  color: #0d9cd5;
  opacity: 1;
}
.modern-sign-up-dialog .sign-up-dialog__content-text {
  margin-top: 0px;
}
.modern-sign-up-dialog .button-primary {
  min-width: 184px;
}
@media screen and (max-width: 480px) {
  .modern-sign-up-dialog .button-primary {
    min-width: 104px;
  }
}

.sign-up-dialog-student .step-row {
  padding-bottom: 40px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  height: 0;
  overflow: hidden;
  transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}
.sign-up-dialog-student .step-row.is-active {
  visibility: visible;
  opacity: 1;
  position: static;
  height: auto;
  overflow: visible;
}
.sign-up-dialog-student .field-label {
  color: black;
  font-weight: 700;
  text-transform: none !important;
  font-family: "myriad-pro", sans-serif;
}
.sign-up-dialog-student .field-hint {
  margin-top: unset !important;
  margin-left: 5px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-style: normal !important;
  display: inline !important;
}
.sign-up-dialog-student .button-upgrade {
  margin-left: auto;
  margin-right: auto;
  min-width: 180px;
  display: block;
}
.sign-up-dialog-student .step-desc {
  font-size: 16px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  color: #575757;
  display: block;
  text-align: center;
}
.sign-up-dialog-student .step-label {
  font-size: 14px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  color: black;
  display: block;
  text-align: center;
}
.sign-up-dialog-student .field-signup {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}
.sign-up-dialog-student .step-title {
  font-size: 32px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  color: black;
  display: block;
  text-align: center;
}
.sign-up-dialog-student .step1 .step-title {
  margin-bottom: 10px;
}
.sign-up-dialog-student .step1 .step-desc {
  margin-bottom: 21px;
}
.sign-up-dialog-student .step1 .container-description {
  margin-bottom: 0px;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step1 .container-description {
    margin-bottom: 10px;
  }
}
.sign-up-dialog-student .step1 .container-description .step-desc {
  display: block;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step1 .container-description .step-desc {
    display: none;
  }
}
.sign-up-dialog-student .step2 {
  display: flex;
  flex-direction: column;
}
.sign-up-dialog-student .step2 .layout-footprint-web {
  top: 370px !important;
}
.sign-up-dialog-student .step2 .container-header {
  margin-bottom: 40px;
  order: 1;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-header {
    margin-bottom: 20px;
  }
}
.sign-up-dialog-student .step2 .container-body {
  order: 2;
}
.sign-up-dialog-student .step2 .container-body .step-desc {
  display: none;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-body .step-desc {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: black;
  }
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-body {
    order: 3;
  }
}
.sign-up-dialog-student .step2 .container-sso-buttons {
  padding-top: 40px;
  order: 3;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-sso-buttons {
    padding-top: 0px;
    padding-bottom: 40px;
    order: 2;
  }
}
.sign-up-dialog-student .step2 .container-sso-buttons .step-desc-mobile {
  display: none;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-sso-buttons .step-desc-mobile {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: black;
    text-align: center;
  }
}
.sign-up-dialog-student .step2 .container-sso-buttons .step-desc {
  display: block;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-sso-buttons .step-desc {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .sign-up-dialog-student .step2 .container-sso-buttons .sign-up__oauth a {
    width: 100%;
    max-width: 390px;
  }
}
.sign-up-dialog-student .step3 .layout-footprint-web {
  top: 370px !important;
}
.sign-up-dialog-student .step3 .container-username-field {
  margin-top: 40px;
  margin-bottom: 40px;
}
.sign-up-dialog {
  text-align: center;
  background: white;
  max-width: 750px;
  margin: auto;
  margin-bottom: 80px;
  padding-top: 50px;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  position: relative;
}

.sign-up-dialog__frog {
  position: absolute;
  top: -53px;
  left: 20px;
}
.sign-up-dialog__frog--prompt {
  top: -103px;
}

.sign-up-dialog__new-frog {
  position: absolute;
  top: -125px;
  left: 50%;
  transform: translateX(-50%);
  width: 276px;
  height: 125px;
}
.sign-up-dialog__new-frog--prompt {
  top: -103px;
}

.sign-up-dialog__header {
  border-bottom: 1px solid #ddd;
  margin: 0 70px 17px 70px;
  padding-bottom: 22px;
  font-size: 2rem;
}
.sign-up-dialog__header--without-margin {
  margin: 0 0 0 0 !important;
}
@media screen and (max-width: 480px) {
  .sign-up-dialog__header {
    margin: 0 0 0 0;
  }
}

.sign-up-dialog__content {
  padding: 0 75px;
}
@media screen and (max-width: 768px) {
  .sign-up-dialog__content {
    padding: 0 16px;
  }
}
.sign-up-dialog__content {
  margin-bottom: 50px;
}
.sign-up-dialog__content--left-aligned {
  text-align: left;
}

.sign-up-dialog__content-text {
  font-size: 28px;
  font-size: 1.9rem;
  color: #888;
  font-weight: 300;
  padding: 0 0 34px 0;
  margin-top: 30px;
  text-align: center;
}
.sign-up-dialog__content-text--small {
  font-size: 1.2rem;
  margin-top: 40px;
  padding-bottom: 20px;
}
.sign-up-dialog__content-text--small-2 {
  font-size: 14px;
  margin-top: -20px;
  padding-bottom: 20px;
}
.sign-up-dialog__content-text--empty {
  margin-top: 0px;
  padding-bottom: 20px;
}
.sign-up-dialog__content-text--squeezed {
  margin: 20px;
  padding: 0;
}

.sign-up-dialog__footer {
  margin-top: 50px;
  background-color: #d7d7d7;
  border-top: 1px solid #eee;
  padding: 25px 0;
}

.sign-up-dialog__footer-text {
  color: grey;
  font-size: 1.2rem;
  font-weight: 400;
  font-family: "myriad-pro", sans-serif;
}
.sign-up-dialog__footer-text--emphasized {
  color: #22b7f2;
}

.sign-up-dialog__oauth-button {
  margin: 4px;
}
@media screen and (max-width: 720px) {
  .sign-up-dialog__oauth-button {
    margin: 0;
  }
}

.sign-up-dialog__finish-profile-grades {
  float: left;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .sign-up-dialog__finish-profile-grades {
    float: none;
    width: 100%;
  }
}
.sign-up-dialog__finish-profile-grades-checkboxes {
  float: left;
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .sign-up-dialog__finish-profile-grades-checkboxes {
    margin-bottom: 0px;
  }
}

.sign-up-dialog__finish-profile-subjects-checkboxes {
  list-style: none;
  margin: 0 0 14px 0;
  padding: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sign-up-dialog__finish-profile-subjects-checkboxes li:last-child {
    display: none;
  }
}

.sign-up-dialog__finish-profile-zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068% !important;
  width: 22.3160022949%;
}
@media screen and (max-width: 768px) {
  .sign-up-dialog__finish-profile-zipcode {
    width: 100%;
  }
}

.sign-up-dialog__finish-profile-school-other {
  clear: both;
}

.sign-up-dialog__finish-profile-name-input {
  width: 69%;
}
@media screen and (max-width: 768px) {
  .sign-up-dialog__finish-profile-name-input {
    width: 100%;
  }
}

.sign-up-dialog__finish-profile-school-note {
  margin-bottom: 20px;
}

.sign-up-dialog__link {
  font-family: "myriad-pro", sans-serif;
}
.sign-up-dialog__link--emphasized {
  font-weight: bold;
}

.sign-up-dialog--student {
  width: unset !important;
}

.sign-up-dialog--homeschool-plan {
  border: none;
  text-align: left;
  margin-bottom: 0;
  padding-top: 0 !important;
}

@media screen and (max-width: 480px) {
  .sign-up-dialog__step-row-header-number, .sign-up-dialog__step-row-header-label {
    font-size: 1.3rem !important;
  }
}

@media screen and (max-width: 480px) {
  .sign-up__step-row-fields-column, .sign-up__create-student-account-button {
    width: 100% !important;
  }
}

.sign-up_dialog__header--student {
  margin-bottom: 40px;
}

.sign-up-dialog__register-form {
  text-align: left;
}

.sign-up-dialog__spinner-icon {
  margin-right: 1rem;
}

.sign-up__oauth {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 720px) {
  .sign-up__oauth {
    flex-direction: column;
    align-items: center;
  }
}

.base-oauth-button, .google-button, .classlink-button, .clever-button {
  padding: 10px 16px 10px 50px;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-size: 14px;
  font-weight: 500;
  font-family: Roboto, Oxygen, Ubuntu, sans-serif;
  background-repeat: no-repeat;
  background-position: 7px;
  background-size: 32px;
}
@media screen and (max-width: 720px) {
  .base-oauth-button, .google-button, .classlink-button, .clever-button {
    margin-top: 6px;
    min-width: 240px;
  }
}

.clever-button {
  color: #fff !important;
  background-color: #4274F6;
  background-position: 0;
  background-size: 42px;
  background-image: url(/Assets/Images/OAuth/clever.png);
}

.classlink-button {
  color: #fff !important;
  background-color: #4e95cc;
  position: relative;
}
.classlink-button img {
  height: 40px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 3px;
}

.classlink-button {
  color: #fff !important;
  background-color: #4e95cc;
  position: relative;
}
.classlink-button img {
  height: 40px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 3px;
}

.google-button {
  color: #757575 !important;
  background-color: #fff;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
}

@media screen and (min-width: 480px) {
  .desktop--sign-up-dialog {
    position: relative;
    top: -50px;
    left: -75px;
    width: 125%;
    height: 50%;
  }
  .desktop--hide {
    display: none !important;
  }
  .desktop--show {
    display: block !important;
  }
}
@media screen and (max-width: 480px) {
  .mobile--sign-up-dialog {
    position: relative;
    top: -55px;
    width: 100%;
  }
  .mobile--hide {
    display: none !important;
  }
  .mobile--show {
    display: block !important;
  }
}
.educator-flow .step-label {
  font-size: 14px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  color: black;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.educator-flow .step-title {
  font-size: 32px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  color: black;
  display: block;
  text-align: center;
}
.educator-flow .step-desc {
  font-size: 16px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  color: #575757;
  display: block;
  text-align: center;
}
.educator-flow .additional-information {
  font-family: "myriad-pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #575757;
  text-align: center;
  margin-bottom: 30px;
}
.educator-flow .button-primary {
  display: block;
  justify-self: center;
}
.educator-flow-step1 {
  display: block;
}
.educator-flow-step1 .sign-up-dialog__finish-profile-zipcode {
  width: 100% !important;
}
.educator-flow-step1 .content-container {
  margin-top: 50px;
}
.educator-flow-step1 .button-primary {
  min-width: 186px;
}
@media screen and (max-width: 480px) {
  .educator-flow-step1 .button-primary {
    width: 100%;
  }
}
.educator-flow-step1 .chosen-single {
  background-color: white !important;
  color: black !important;
  text-align: left;
  border-color: #DEDEDE !important;
}
.educator-flow-step1 .chosen-single div {
  background-color: white !important;
}
.educator-flow-step1 .chosen-single div b:before {
  color: black !important;
}
.educator-flow-step2 {
  display: none;
}
.educator-flow-step2 .button-primary {
  min-width: 186px;
}
@media screen and (max-width: 480px) {
  .educator-flow-step2 .button-primary {
    width: 100%;
  }
}
.educator-flow-step2 .grades-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  max-width: 800px;
  margin: 0 auto 20px auto;
}
@media (max-width: 600px) {
  .educator-flow-step2 .grades-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 400px) {
  .educator-flow-step2 .grades-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.educator-flow-step2 .grade-btn {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  height: 55px;
  font-size: 17px;
  font-weight: 500;
  font-family: "myriad-pro", sans-serif;
  transition: all 0.25s;
}
.educator-flow-step2 .grade-btn input {
  display: none;
}
.educator-flow-step2 .grade-btn span {
  pointer-events: none;
}
.educator-flow-step2 .grade-btn:hover {
  background: #efefef;
  border-color: #bfbfbf;
}
.educator-flow-step2 {
  /* --- CHECKED STATE --- */
}
.educator-flow-step2 .grade-btn input:checked + span {
  font-weight: 700;
}
.educator-flow-step2 .grade-btn input:checked ~ span,
.educator-flow-step2 .grade-btn input:checked + span {
  color: black;
}
.educator-flow-step2 .grade-btn input:checked ~ span, .educator-flow-step2 .grade-btn input:checked + span {
  background: none;
}
.educator-flow-step2 .grade-btn input:checked + span,
.educator-flow-step2 .grade-btn input:checked ~ span {
  background: none;
}
.educator-flow-step2 .grade-btn input:checked::before {
  content: "";
}
.educator-flow-step2 .grade-btn input:checked + span,
.educator-flow-step2 .grade-btn input:checked ~ span {
  font-weight: 700;
}
.educator-flow-step2 .grade-btn:has(input:checked) {
  background: #b5e6ff;
  border-color: #48b8ff;
}
.educator-flow-step3 {
  display: none;
  text-align: center;
}
.educator-flow-step3 .subjects-other {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.educator-flow-step3 .subjects-grid {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: center;
  gap: 14px;
  max-width: 760px;
  margin: 0 auto 28px;
}
@media (max-width: 900px) {
  .educator-flow-step3 .subjects-grid {
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 480px) {
  .educator-flow-step3 .subjects-grid {
    grid-template-columns: 1fr;
  }
}
.educator-flow-step3 .subject-btn {
  width: min-content;
  padding: 0 22px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  height: 55px;
  font-size: 17px;
  font-weight: 500;
  font-family: "myriad-pro", sans-serif;
  transition: all 0.25s ease;
  text-align: center;
}
.educator-flow-step3 .subject-btn input {
  display: none;
}
.educator-flow-step3 .subject-btn span {
  pointer-events: none;
  color: black;
  white-space: nowrap;
}
.educator-flow-step3 .subject-btn:hover {
  background: #efefef;
  border-color: #bfbfbf;
}
.educator-flow-step3 .subject-btn input:checked + span {
  font-weight: 700;
}
.educator-flow-step3 .subject-btn:has(input:checked) {
  background: #b5e6ff;
  border-color: #48b8ff;
}

@media screen and (min-width: 481px) {
  .purchase-sign-up__page-content {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 769px) {
  .purchase-sign-up__page-content {
    margin-bottom: 0;
  }
}

.purchase-sign-up__heading {
  text-align: center;
  margin-bottom: 50px;
}

.purchase-sign-up__dialog {
  background: white;
  border: 1px solid silver;
  border-radius: 10px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .purchase-sign-up__dialog {
    display: block;
  }
}

.purchase-sign-up__existing-members {
  flex: 1;
  padding: 100px 50px 100px 75px;
}
@media screen and (max-width: 1024px) {
  .purchase-sign-up__existing-members {
    padding: 100px 50px;
  }
}
@media screen and (max-width: 768px) {
  .purchase-sign-up__existing-members {
    padding: 50px;
  }
}
@media screen and (max-width: 480px) {
  .purchase-sign-up__existing-members {
    padding: 50px 20px;
  }
}

.purchase-sign-up__login-form {
  width: 100%;
  float: none;
  padding: 0;
}

.purchase-sign-up__create-an-account {
  flex: 2;
  color: white;
  padding: 150px 100px;
  background: url("/Assets/Images/Flag.png");
  background-size: cover;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media screen and (max-width: 1024px) {
  .purchase-sign-up__create-an-account {
    padding: 100px 50px;
  }
}
@media screen and (max-width: 768px) {
  .purchase-sign-up__create-an-account {
    padding: 100px 50px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media screen and (max-width: 480px) {
  .purchase-sign-up__create-an-account {
    padding: 100px 20px;
  }
}

.purchase-sign-up__heading--small {
  font-weight: normal;
  font-size: 1.8rem;
  margin-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .purchase-sign-up__heading--small {
    margin-bottom: 20px;
  }
}

.purchase-sign-up__button {
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .purchase-sign-up__button {
    width: 100%;
    margin-top: 30px;
  }
}

.slick-item-topic {
  width: 255px !important;
}

.content-items .slick-list {
  max-height: 480px;
}
@media (min-width: 767px) {
  .content-items .slick-list .slick-track .slick-slide {
    width: 270px !important;
  }
}
@media screen and (max-width: 768px) {
  .content-items .slick-list .slick-track .slick-slide {
    display: flex;
    justify-content: center;
  }
}

.hiw-wrapper {
  background-size: cover;
}

#hiw-video {
  position: initial !important;
}

#hiw-video-mobile {
  position: initial !important;
}

.how-it-works-header {
  font-family: proxima-nova-bold;
  font-weight: bold;
  line-height: 4.125rem;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .how-it-works-header {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .how-it-works-header-image {
    width: 80px;
    height: 70px;
  }
}
.how-it-works-text {
  font-family: proxima-nova-light;
}
.how-it-works-nonfiction-image {
  display: flex;
  position: relative;
  flex: 1;
  min-height: 24.75vw;
  max-height: 24.75vw;
  max-width: 50vw;
}
@media screen and (max-width: 768px) {
  .how-it-works-nonfiction-image {
    display: block;
    margin: auto;
    min-height: 50.625vw;
    max-height: 50.625vw;
    max-width: 90vw;
    margin-top: 5vw;
  }
}
.how-it-works-testimonial-wrapper {
  background-color: #fbd20b;
  position: relative;
}
@media screen and (max-width: 768px) {
  .how-it-works-testimonial-wrapper {
    margin: 14vw 0;
    overflow-x: clip;
  }
}
.how-it-works-testimonial-text {
  font-family: "myriad-pro", sans-serif;
}
.how-it-works-testimonial-footer {
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
.how-it-works-testimonial-quote-up {
  position: absolute;
  height: 7vw;
  bottom: -2vw;
  right: 15vw;
}
@media screen and (max-width: 768px) {
  .how-it-works-testimonial-quote-up {
    height: 20vw;
    bottom: -13vw;
    right: -3vw;
  }
}
.how-it-works-testimonial-quote-up img {
  height: 100%;
}
.how-it-works-testimonial-quote-down {
  position: absolute;
  height: 7vw;
  top: -2vw;
  left: 15vw;
}
@media screen and (max-width: 768px) {
  .how-it-works-testimonial-quote-down {
    height: 20vw;
    top: -13vw;
    left: -3vw;
  }
}
.how-it-works-testimonial-quote-down img {
  height: 100%;
}
.how-it-works-key_features-content-wrapper {
  padding-bottom: 10vw;
}
.how-it-works-key_features-arrow-left {
  position: absolute;
  left: unset;
  right: 48vw;
  top: 15vw;
  z-index: 999;
  color: white;
}
@media screen and (max-width: 768px) {
  .how-it-works-key_features-arrow-left {
    right: unset;
    left: 3vw;
    top: 35%;
  }
}
.how-it-works-key_features-arrow-right {
  position: absolute;
  right: 2vw;
  top: 15vw;
  color: white;
}
@media screen and (max-width: 768px) {
  .how-it-works-key_features-arrow-right {
    top: 35%;
  }
}
.how-it-works-stats-content-item {
  flex: 1;
}
.how-it-works-discover-content-wrapper {
  display: flex;
  align-items: center;
  padding-top: 13.5vw;
  padding-bottom: 13.5vw;
}
.how-it-works-discover-content-text {
  flex: 1;
  padding-left: 7vw;
}
.how-it-works-discover-content-image {
  flex: 1;
  padding-right: 5vw;
  max-width: 50%;
}
.how-it-works-join-button-wrapper {
  margin-top: 3vw;
  padding-bottom: 10vw;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .how-it-works__intro {
    text-align: center;
  }
}

.how-it-works__hero {
  background: #22b7f2;
  padding: 75px 125px;
  color: white;
  text-align: center;
  margin: 0 -15px;
}
@media screen and (max-width: 1240px) {
  .how-it-works__hero {
    padding: 75px;
  }
}

.how-it-works__lander-components {
  margin-bottom: 0;
}

.how-it-works__landers-container {
  margin-top: 50px;
}
@media screen and (max-width: 1240px) {
  .how-it-works__landers-container {
    padding: 0 15px;
  }
}
.how-it-works__landers-container .layout-full {
  width: calc(100% + 30px);
  margin-left: -15px;
}
@media screen and (max-width: 768px) {
  .how-it-works__landers-container .component-callout-container {
    text-align: center;
    padding: 75px 25px !important;
  }
  .how-it-works__landers-container .component-callout-container .component-callout-column:last-child {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 769px) {
  .how-it-works__landers-container .component-callout-container {
    display: flex;
    padding: 50px 20px !important;
  }
  .how-it-works__landers-container .component-callout-container .component-callout-column:last-child {
    vertical-align: middle;
    position: static;
    margin: auto;
    margin-right: 10px !important;
    width: 300px;
  }
}
@media screen and (min-width: 769px) {
  .how-it-works__landers-container .component-callout-container {
    padding: 50px 30px !important;
  }
}
@media screen and (min-width: 1241px) {
  .how-it-works__landers-container .component-callout-container {
    padding: 50px 0 !important;
  }
}

@media (min-width: 1600px) {
  .how-it-works-background-3 {
    background-size: 100% 980px !important;
    background-repeat: no-repeat;
    margin-top: 15vw;
    min-height: 980px !important;
  }
}
@media (min-width: 1042px) {
  .how-it-works-button-30-day-trial {
    background-color: #fbd20b !important;
    float: right;
    margin-top: 20px !important;
    margin-right: 16px !important;
  }
}
@media (min-width: 767px) {
  .how-it-works-background-1 {
    min-height: 700px;
    max-height: 700px;
    margin-top: 90px;
    display: flex !important;
    justify-content: space-evenly;
    padding-top: 110px;
  }
  .how-it-works-background-3 {
    background-size: 100% 810px;
    background-repeat: no-repeat;
    margin-top: 15vw;
    min-height: 810px;
  }
  .how-it-works-background-4 {
    margin-top: 3vw;
  }
  .how-it-works-background-5 {
    background-size: 100% 350px;
    min-height: 350px;
    max-height: 350px;
    background-repeat: no-repeat;
    margin-top: 3vw;
  }
  .how-it-works-background-6 {
    display: flex;
    max-width: 80vw;
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
  .how-it-works-background-7 {
    background-size: 100% 450px;
    min-height: 450px;
    max-height: 450px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-8 {
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 6vw;
  }
  .how-it-works-background-9 {
    margin-top: 3vw;
  }
  .how-it-works-background-10 {
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 10vw;
    margin-top: 5vw;
  }
  .how-it-works-s-1-1-content {
    font-size: 1.3125rem;
    line-height: 2.125rem;
    margin-top: 20px;
    margin-bottom: 3vw;
  }
  .how-it-works-s-1-1-button {
    background-color: #fbd20b !important;
  }
  .how-it-works-s-1-2 {
    min-width: 40vw;
    display: flex;
  }
  .how-it-works-s-2-content {
    font-size: 1.3125rem;
    text-align: center;
    position: relative;
    padding-top: 2.5vw;
    margin-left: auto;
    margin-right: auto;
    width: 50vw;
    line-height: 2.125rem;
  }
  .how-it-works-s-2-footer {
    text-align: center;
    font-style: italic;
    padding-bottom: 2vw;
  }
  .how-it-works-s-3-1 {
    display: flex;
    align-items: center;
  }
  .how-it-works-s-3-1-1 {
    flex: 1;
    margin-left: 7vw;
  }
  .how-it-works-s-3-1-main-header {
    line-height: 4.125rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 5vw;
    padding-bottom: 2vw;
  }
  .how-it-works-s-3-1-header {
    font-family: proxima-nova-bold;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2rem;
  }
  .how-it-works-s-3-1-content {
    font-size: 1.3125rem;
    line-height: 2.125rem;
    font-weight: 400;
    width: 30vw;
  }
  .how-it-works-3-1-1 {
    width: 50%;
    margin-right: 50px;
  }
  .how-it-works-s-3-1-2 {
    width: 50%;
    flex: 1;
  }
  .how-it-works-s-3-1-2-images {
    width: 40vw !important;
  }
  .how-it-works-s-3-1-2-button-prev {
    font-size: 2vw;
    color: white;
    z-index: 999;
  }
  .how-it-works-s-3-1-2-button-next {
    font-size: 2vw;
    color: white;
  }
  .how-it-works-s-4-1 {
    text-align: center;
  }
  .how-it-works-s-4-header {
    line-height: 4.125rem;
  }
  .how-it-works-s-4-content {
    margin-top: 20px;
    position: absolute;
    margin-left: 15vw;
    width: 70vw;
    font-size: 1.3125rem;
    line-height: 1.125;
    text-align: center;
    font-weight: 400;
  }
  .how-it-works-s-4-button {
    margin-top: 120px;
    width: 190px;
    background-color: #fbd20b;
  }
  .how-it-works-s-4-button-2 {
    margin-left: 5vw !important;
  }
  .how-it-works-s-4-footer {
    font-size: 1.5rem;
    line-height: 2.125rem;
    font-weight: 400;
    text-align: center;
    text-align: center;
    margin-top: 5vw;
  }
  .how-it-works-s-4-carousel {
    margin-top: 7vw;
    margin-left: 11vw;
    margin-right: 12vw;
  }
  .how-it-works-s-4-carousel-items {
    height: 500px;
    width: 18vw !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    padding-right: 3vw;
    border-left-style: solid;
    border-left-color: #f8f8f8;
    border-left-width: 0.1px;
  }
  .how-it-works-s-4-carousel-images {
    width: 18vw;
    padding-left: 5vw;
    background-repeat: no-repeat;
    height: 15vw;
    background-size: contain;
  }
  .how-it-works-s-4-carousel-title-theme-1 {
    background-color: #22b7f2;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-2 {
    background-color: #8240ca;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-3 {
    background-color: #bd1118;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-4 {
    background-color: #cc5302;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-5 {
    background-color: #f43b5f;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-6 {
    background-color: #0cd2de;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-7 {
    background-color: #fba90b;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-8 {
    background-color: #13a104;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-9 {
    background-color: #07696a;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-10 {
    background-color: #005a9d;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-title-theme-11 {
    background-color: #8acb01;
    margin-top: 8.5vw;
    position: absolute;
    width: auto;
    padding: 0.7vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    font-size: 0.7vw;
    max-width: 18vw;
  }
  .how-it-works-s-4-carousel-topic-name {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
  .how-it-works-s-4-carousel-content-body {
    margin-left: 2vw;
    color: black;
    line-height: 1.5rem !important;
  }
  .how-it-works-s-4-carousel-details {
    color: #888;
    height: 300px;
    margin-top: 19px;
    max-height: 300px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  }
  .how-it-works-s-4-carousel-details-paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .how-it-works-s-4-carousel-buttons-prev {
    font-size: 2rem;
    position: absolute;
    color: #22b7f2;
    margin-left: -7vw;
    top: 200px;
  }
  .how-it-works-s-4-carousel-buttons-next {
    font-size: 2rem;
    position: absolute;
    color: #22b7f2;
    margin-left: 80vw;
    top: 200px;
  }
  .how-it-works-s-5-header {
    position: absolute;
    margin-top: 60px;
    margin-left: 35vw;
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 32vw;
    text-align: center;
    line-height: 2rem;
  }
  .how-it-works-s-5-buttons {
    width: 100%;
    text-align: center !important;
  }
  .how-it-works-s-5-button {
    margin-top: 170px !important;
  }
  .how-it-works-s-6-image {
    display: block;
    margin: auto;
  }
  .how-it-works-s-6-image-3 {
    padding-top: 13px;
  }
  .how-it-works-s-6-content {
    font-size: 1.3rem;
    width: 20vw;
    text-align: center;
    line-height: 1.5rem;
    display: block;
    margin: auto;
    margin-top: 10px;
  }
  .how-it-works-s-7-header {
    padding-top: 5vw;
    margin-bottom: 5vw;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2rem;
    text-align: center;
  }
  .how-it-works-s-8-header {
    font-family: "myriad-pro", sans-serif;
    font-weight: bold;
    font-size: 3.5rem;
  }
  .how-it-works-s-8-content {
    width: 30vw;
  }
  .how-it-works-s-8-paragraph {
    font-size: 1.3125rem;
    line-height: 2.125rem;
    font-weight: 400;
  }
  .how-it-works-s-9-1 {
    width: 100%;
  }
  .how-it-works-s-9-header {
    text-align: center;
  }
  .how-it-works-s-9-2 {
    width: 100%;
  }
  .how-it-works-s-9-content {
    text-align: center;
    width: 75%;
    margin: auto;
    margin-bottom: 5vw;
    margin-top: 1vw;
  }
  .how-it-works-s-9-3 {
    text-align: center;
  }
  .how-it-works-s-9-image {
    max-width: 90%;
  }
  .how-it-works-s-10-1 {
    text-align: center;
  }
  .how-it-works-s-10-header {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 5vw;
    line-height: 2rem;
  }
  .how-it-works-s-10-button {
    background-color: #22b7f2 !important;
    margin-left: 2vw;
    margin-right: 2vw;
  }
  .how-it-works-topic-rotator {
    display: ruby;
  }
  .how-it-works-topic-container {
    width: 100%;
  }
  .how-it-works-trustbox-container {
    width: 100% !important;
  }
  .how-it-works-button-30-day-trial {
    background-color: #fbd20b !important;
    float: right;
    margin-top: 4px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .how-it-works-background-1 {
    background-size: 100% 400px;
    min-height: 400px;
    background-repeat: no-repeat;
    margin-top: 90px;
  }
  .how-it-works-background-3 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-size: 100% 735px;
    min-height: 735px;
    max-height: 735px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-4 {
    background-size: 100% 600px;
    max-height: 600px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-5 {
    background-size: 100% 300px;
    min-height: 300px;
    max-height: 300px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .how-it-works-background-6 {
    background-size: 100% 350px;
    min-height: 350px;
    max-height: 350px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-7 {
    background-size: 100% 220px;
    min-height: 220px;
    max-height: 220px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-8 {
    background-size: 100% 670px;
    min-height: 670px;
    max-height: 670px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-9 {
    background-size: contain;
    background-position: top;
    min-height: 840px;
    max-height: 840px;
    background-repeat: no-repeat;
  }
  .how-it-works-background-10 {
    background-size: 100% 280px;
    min-height: 280px;
    max-height: 280px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
  }
  .how-it-works-s-1-1 {
    position: relative;
    text-align: center;
    padding-top: 3vw;
    padding-bottom: 10px;
  }
  .how-it-works-s-1-1-header {
    margin-top: 40px;
    font-weight: bold;
    position: relative;
  }
  .how-it-works-s-1-1-content {
    font-size: 1rem;
    width: 65vw;
    line-height: 1.2rem;
    display: block;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
  }
  .how-it-works-s-1-1-button {
    background-color: gold !important;
    color: gold !important;
  }
  .how-it-works-s-1-2-image {
    width: 90vw;
    height: 50vw;
    margin-top: 40px;
    margin-left: 5vw;
    position: relative;
  }
  .how-it-works-s-1-2-play-icon {
    position: absolute;
    margin-left: -47vw;
    margin-top: 30vw;
    color: transparent;
    font-size: 2rem;
  }
  .how-it-works-s-2-content {
    text-align: center;
    line-height: 1.2rem;
    padding-top: 10vw;
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .how-it-works-s-2-footer {
    text-align: center;
    font-style: italic;
    margin-top: 5vw;
    font-size: 1.1rem;
    font-weight: bold;
    padding-bottom: 1vw;
  }
  .how-it-works-s-3-1 {
    position: relative;
    text-align: center;
  }
  .how-it-works-s-3-1-main-header {
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
  }
  .how-it-works-s-3-1-header {
    font-weight: bold;
    position: relative;
    padding-top: 20px;
  }
  .how-it-works-s-3-1-content {
    font-size: 1rem;
    line-height: 1.2;
    margin: auto;
    margin-top: 20px;
    width: 78vw;
    text-align: center;
    display: block;
    font-weight: normal;
  }
  .how-it-works-s-3-2 {
    margin: auto;
    display: block;
    width: 80vw;
  }
  .how-it-works-s-3-2-images {
    width: 80vw !important;
    max-width: 500px;
    margin: auto;
  }
  .how-it-works-s-3-2-button-prev {
    font-size: 5vw;
    margin-left: 3vw;
    margin-top: 82vw;
    position: absolute;
    color: white;
  }
  .how-it-works-s-3-2-button-next {
    font-size: 5vw;
    margin-left: 93vw;
    margin-top: -158vw;
    position: absolute;
    color: white;
  }
  .how-it-works-s-4-1 {
    text-align: center;
  }
  .how-it-works-s-4-header {
    position: relative;
    font-weight: bold;
  }
  .how-it-works-s-4-content {
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    font-weight: 400;
    width: 80vw;
    padding-top: 3vw;
    margin: auto;
  }
  .how-it-works-s-4-buttons {
    display: flex;
    text-align: center !important;
    padding-left: 5vw;
    padding-right: 5vw;
    margin-top: 7vw;
  }
  .how-it-works-s-4-button {
    background-color: gold;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 150px;
  }
  .how-it-works-s-4-button-wrapper {
    flex: 1;
  }
  .how-it-works-s-4-footer {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10vw;
    margin-top: 5vw;
  }
  .how-it-works-s-4-carousel {
    margin-left: 13.5vw;
    margin-right: 13.5vw;
  }
  .how-it-works-s-4-carousel-items {
    height: 240px;
    width: 35vw !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
    padding-right: 3vw;
  }
  .how-it-works-s-4-carousel-images {
    width: 35vw;
    padding-left: 5vw;
    background-repeat: no-repeat;
    height: 25vw;
    background-size: contain;
  }
  .how-it-works-s-4-carousel-title-theme-1 {
    background-color: #22b7f2;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-2 {
    background-color: #8240ca;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-3 {
    background-color: #bd1118;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-4 {
    background-color: #cc5302;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-5 {
    background-color: #f43b5f;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-6 {
    background-color: #0cd2de;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-7 {
    background-color: #fba90b;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-8 {
    background-color: #13a104;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-9 {
    background-color: #07696a;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-10 {
    background-color: #005a9d;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-title-theme-11 {
    background-color: #8acb01;
    margin-top: 15vw;
    position: absolute;
    width: auto;
    padding: 0.4vw 1.5vw;
    color: white;
    text-transform: uppercase;
    margin-left: -5vw;
    max-width: 35vw;
    font-size: 2.3vw;
  }
  .how-it-works-s-4-carousel-content-body {
    margin-left: 2vw;
    color: black;
  }
  .how-it-works-s-4-carousel-topic-name {
    font-size: 0.7rem;
    line-height: 0.8rem;
    padding-top: 20px;
  }
  .how-it-works-s-4-carousel-details {
    color: #888;
    height: 100px;
    margin-top: 2px;
    max-height: 100px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  }
  .how-it-works-s-4-carousel-details-paragraph {
    font-size: 0.7rem;
    line-height: 0.8rem;
    padding-top: 10px;
  }
  .how-it-works-s-4-carousel-buttons-prev {
    font-size: 1.5rem;
    position: absolute;
    color: #22b7f2;
    top: 45%;
    left: -5vw;
  }
  .how-it-works-s-4-carousel-buttons-next {
    font-size: 1.5rem;
    position: absolute;
    color: #22b7f2;
    top: 45%;
    right: -5vw;
  }
  .how-it-works-s-5-1 {
    margin-bottom: 10px;
  }
  .how-it-works-s-5-header {
    font-size: 1.2rem;
    font-weight: bold;
    margin: auto;
    width: 80vw;
    text-align: center;
    line-height: 1.2rem;
  }
  .how-it-works-s-5-buttons {
    text-align: center !important;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 10px;
  }
  .how-it-works-s-5-button {
    margin-top: 10px !important;
  }
  .how-it-works-s-5-button-wrapper {
    padding: 20px;
  }
}
@media (max-width: 767px) and (max-width: 446px) {
  .how-it-works-s-5-button-wrapper {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .how-it-works-s-6-container {
    padding-bottom: 35px;
    display: flex;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .how-it-works-s-6-image {
    width: 150px;
    height: 60px;
  }
  .how-it-works-s-6-content {
    font-size: 1rem;
    text-align: left;
    line-height: 1rem;
    margin-left: 2vw;
    font-weight: 400;
  }
  .how-it-works-s-7-header {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
  }
  .how-it-works-s-8-header {
    font-size: 1.5rem;
    padding-top: 120px;
    line-height: 1.6rem;
    text-align: center;
    font-weight: bold;
    color: white;
    margin-bottom: 20px;
  }
  .how-it-works-s-8-content {
    width: 72vw;
    text-align: center;
    margin: auto;
    color: white;
  }
  .how-it-works-s-8-paragraph {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
    max-width: 400px;
    margin: auto;
    margin-top: 20px;
  }
  .how-it-works-s-8-image {
    margin: auto;
    display: block;
    width: 72vw;
    max-width: 400px;
  }
  .how-it-works-s-9-container {
    text-align: center;
  }
  .how-it-works-s-9-header {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bold;
    padding-top: 30px;
  }
  .how-it-works-s-9-content {
    margin-top: 15px;
    margin-left: 17vw;
    width: 66vw;
    font-size: 1rem;
    text-align: center;
    line-height: 1rem;
    font-weight: 400;
  }
  .how-it-works-s-10-1 {
    text-align: center;
  }
  .how-it-works-s-10-header {
    font-size: 1.2rem;
    line-height: 1.1rem;
    font-weight: bold;
    padding-top: 45px;
  }
  .how-it-works-s-10-button {
    background-color: #22b7f2 !important;
    margin-top: 30px !important;
  }
  .how-it-works-topic-rotator {
    display: ruby;
  }
  .how-it-works-topic-container {
    width: 100%;
  }
  .how-it-works-button-30-day-trial {
    background-color: gold !important;
    float: right;
    margin-top: 4px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 767px) {
  .desktop--hide_hiw {
    visibility: hidden !important;
    display: none !important;
  }
  .desktop--show_hiw {
    visibility: visible !important;
  }
}
@media screen and (max-width: 767px) {
  .mobile--hide_hiw {
    visibility: hidden !important;
    display: none !important;
  }
  .mobile--show_hiw {
    visibility: visible !important;
  }
}
.quiz__questions {
  padding: 0;
  height: inherit;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .quiz__questions {
    height: auto;
  }
}
.quiz__questions .question-container {
  padding: 0 !important;
  height: auto !important;
  overflow: hidden;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .quiz__questions .question-container {
    height: 35rem !important;
  }
}
@media screen and (max-width: 480px) {
  .quiz__questions .question-container {
    height: 43.5rem !important;
  }
}
.quiz__questions hr {
  display: none;
}
.quiz__questions .assessment__questions__question {
  padding: 0;
  overflow: hidden;
}
.quiz__questions .assessment__questions__question .points.desktop-only {
  font-size: 1.3rem;
  font-weight: bold;
}
.quiz__questions .assessment__questions__question .points.desktop-only .points__number {
  font-size: 1.8rem;
}
.quiz__questions .content {
  z-index: 1;
  height: inherit;
  overflow-y: scroll !important;
  min-height: unset !important;
}
.quiz__questions .content::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
@-moz-document url-prefix() {
  .quiz__questions .content {
    scrollbar-width: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .quiz__questions .content {
    overflow-y: hidden !important;
  }
}
@media screen and (max-width: 768px) {
  .quiz__questions .content {
    min-height: 35rem;
  }
}
@media screen and (max-width: 480px) {
  .quiz__questions .content {
    min-height: 43.5rem;
  }
}
.quiz__questions .assessment__questions__answers {
  margin-top: 20px;
}
@media screen and (max-height: 800px) {
  .quiz__questions .assessment__questions__answers {
    margin-top: 5px;
  }
}
@media screen and (max-width: 800px) {
  .quiz__questions .assessment__questions__answers {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .quiz__questions .assessment__questions__answers {
    margin-top: 0;
  }
}
.quiz__questions .assessment__questions__answers__answer {
  background-color: #91F2FF;
}
.quiz__questions .assessment__questions__answers__answer label {
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .quiz__questions .assessment__questions__answers__answer label {
    padding: 10px 40px;
  }
}
.quiz__questions .assessment__questions__question .question-text-container {
  min-height: 35em;
}
@media screen and (max-height: 800px) {
  .quiz__questions .assessment__questions__question .question-text-container {
    min-height: 27em;
  }
}
.quiz__questions .assessment__questions__answers__answer.graded {
  cursor: default;
}
.quiz__questions .assessment__questions__answers__answer.graded label {
  cursor: default;
}
@media screen and (max-width: 768px) {
  .quiz__questions .assessment__questions__answers__answer.submittedAnswer.correct:after {
    display: none;
  }
}

.theme-1 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-1 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #22b7f2;
}
@media screen and (max-height: 800px) {
  .theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #22b7f2 !important;
  color: white;
  width: 14rem;
}
.theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-1 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-2 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-2 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #8240ca;
}
@media screen and (max-height: 800px) {
  .theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #8240ca !important;
  color: white;
  width: 14rem;
}
.theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-2 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-3 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-3 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #bd1118;
}
@media screen and (max-height: 800px) {
  .theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #bd1118 !important;
  color: white;
  width: 14rem;
}
.theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-3 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-4 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-4 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #cc5302;
}
@media screen and (max-height: 800px) {
  .theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #cc5302 !important;
  color: white;
  width: 14rem;
}
.theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-4 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-5 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-5 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #f43b5f;
}
@media screen and (max-height: 800px) {
  .theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #f43b5f !important;
  color: white;
  width: 14rem;
}
.theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-5 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-6 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-6 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #0cd2de;
}
@media screen and (max-height: 800px) {
  .theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #0cd2de !important;
  color: white;
  width: 14rem;
}
.theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-6 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-7 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-7 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #fba90b;
}
@media screen and (max-height: 800px) {
  .theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #fba90b !important;
  color: white;
  width: 14rem;
}
.theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-7 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-8 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-8 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #13a104;
}
@media screen and (max-height: 800px) {
  .theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #13a104 !important;
  color: white;
  width: 14rem;
}
.theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-8 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-9 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-9 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #07696a;
}
@media screen and (max-height: 800px) {
  .theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #07696a !important;
  color: white;
  width: 14rem;
}
.theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-9 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-10 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-10 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #005a9d;
}
@media screen and (max-height: 800px) {
  .theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #005a9d !important;
  color: white;
  width: 14rem;
}
.theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-10 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.theme-11 .quick-quiz__final-step {
  text-align: center;
  display: table;
  height: 50vh !important;
}
.theme-11 .quick-quiz__final-step .quick-quiz__final-step-content {
  display: table-cell;
  vertical-align: middle;
}
.theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
  color: #8acb01;
}
@media screen and (max-height: 800px) {
  .theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-heading {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}
.theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button {
  background-color: #8acb01 !important;
  color: white;
  width: 14rem;
}
.theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button:hover {
  color: white !important;
}
.theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-button[disabled=disabled] {
  cursor: not-allowed;
  background-color: silver !important;
}
.theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
  font-size: 1.2rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
}
@media screen and (max-height: 800px) {
  .theme-11 .quick-quiz__final-step .quick-quiz__final-step-content .quick-quiz__final-step-text {
    margin-bottom: 5px;
  }
}

.quick-quiz__unanswered-questions-warning {
  color: red;
  font-weight: bold;
  margin-bottom: 1rem;
  display: none;
}
.quick-quiz__unanswered-questions-warning--visible {
  display: block;
}

.quick-quiz__marketing-overlay {
  position: absolute;
  background: rgba(251, 210, 11, 0.2);
  background: linear-gradient(to top, rgba(251, 210, 11, 0.2), rgba(255, 255, 255, 0.75));
  width: 100%;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .quick-quiz__marketing-overlay {
    background: rgba(255, 255, 255, 0.75);
  }
}
@media screen and (max-width: 480px) {
  .quick-quiz__marketing-overlay {
    background: rgba(255, 255, 255, 0.9);
  }
}
.quick-quiz__marketing-overlay {
  z-index: 11;
  height: 200px;
  text-align: center;
}
@media screen and (max-width: 1060px) {
  .quick-quiz__marketing-overlay {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .quick-quiz__marketing-overlay {
    height: 80%;
  }
}
@media screen and (max-width: 480px) {
  .quick-quiz__marketing-overlay {
    padding: 0 10px;
  }
}

.quick-quiz__marketing-overlay-content h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  line-height: 2.3125rem;
  font-weight: bold;
  font-family: "myriad-pro", sans-serif;
  padding-bottom: 18px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .quick-quiz__marketing-overlay-content h3 {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .quick-quiz__marketing-overlay-content h3 {
    line-height: 1.5rem;
    font-size: 1rem;
  }
}
.quick-quiz__marketing-overlay-content p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 31px;
  line-height: 1.9375rem;
  font-weight: 300;
  font-family: "ff-meta-serif-web-pro", serif;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .quick-quiz__marketing-overlay-content p {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .quick-quiz__marketing-overlay-content p {
    font-size: 0.9rem;
  }
}
.quick-quiz__marketing-overlay-content h3, .quick-quiz__marketing-overlay-content p {
  float: left;
  max-width: 780px;
}
.quick-quiz__marketing-overlay-content h3 .date, .quick-quiz__marketing-overlay-content p .date {
  color: #22b7f2;
}
@media screen and (max-width: 1060px) {
  .quick-quiz__marketing-overlay-content h3, .quick-quiz__marketing-overlay-content p {
    float: none;
  }
}
.quick-quiz__marketing-overlay-content button {
  float: right;
  background-color: #22b7f2 !important;
  color: white;
}

.quick-quiz__marketing-overlay-link {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .quick-quiz__marketing-overlay-link {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .quick-quiz__marketing-overlay-link {
    font-size: 0.9rem;
  }
}

.quick-quiz__introduction-heading {
  width: 100% !important;
  text-align: left;
  font-size: 2.5rem !important;
}
@media screen and (max-height: 800px) {
  .quick-quiz__introduction-heading {
    font-size: 1.3rem !important;
  }
}
@media screen and (max-width: 480px) {
  .quick-quiz__introduction-heading {
    font-size: 2rem !important;
  }
}

@media screen and (max-height: 800px) {
  .quick-quiz__introduction {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .quick-quiz__introduction .number {
    margin-bottom: 0 !important;
  }
}

.quick-quiz__introduction-text {
  width: 100% !important;
  min-height: unset !important;
  margin-top: 30px;
}
@media screen and (max-height: 800px) {
  .quick-quiz__introduction-text {
    margin-top: 5px;
  }
}
@media screen and (max-height: 800px) {
  .quick-quiz__introduction-text p {
    margin-top: 0 !important;
    font-size: 1rem !important;
  }
}

.quick-quiz__introduction-note {
  font-style: italic;
}

.quick-quiz__marketing-overlay__button {
  background-color: #22b7f2;
}
.quick-quiz__marketing-overlay__button:hover {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}

.navigation-toolbar-container {
  -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  z-index: 103;
  position: fixed;
  bottom: 0;
  background-color: white;
}

@-moz-document url-prefix() {
  .zoom--zoomed-in .navigation-toolbar-container {
    position: absolute;
  }
}

.iframe__container {
  position: relative;
  overflow: visible;
}

.iframe--responsive {
  width: 700px;
}
@media screen and (max-width: 800px) {
  .iframe--responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    border: 0;
  }
}
.iframe--responsive .container {
  margin-left: 30px !important;
}

.results-wrapper.user-accounts .name {
  font-weight: 400;
}
.results-wrapper.user-accounts .email {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
.results-wrapper.user-accounts .email:hover {
  text-decoration: underline;
}

.user-account-header {
  background: #fff;
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  padding: 24px 72px 16px;
  width: 100%;
}
.user-account-header__back {
  color: #000000;
  display: inline-flex;
  align-items: center;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 12px;
  padding: 8px 24px 8px 0;
  text-decoration: none;
}
.user-account-header__back i {
  font-size: 12px;
  margin-right: 8px;
}
.user-account-header__back:hover {
  text-decoration: underline;
}
.user-account-header__breadcrumb {
  color: #000000;
  display: inline-flex;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 12px;
  text-decoration: none;
}
.user-account-header__breadcrumb:hover {
  text-decoration: underline;
}
.user-account-header__row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 12px;
}
.user-account-header__profile {
  align-items: center;
  display: flex;
  gap: 24px;
}
.user-account-header__avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  flex: 0 0 88px;
  height: 88px;
  width: 88px;
}
.user-account-header__content {
  flex: 1 1 auto;
  min-width: 0;
}
.user-account-header__name {
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
.user-account-header__actions {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.user-account-header__actions > * + * {
  margin-left: 0;
}
.user-account-header__settings {
  flex: 0 0 auto;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.user-account-header__ghost {
  flex: 0 0 auto;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-weight: 700;
}
.user-account-header__settings-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.user-account-header__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-account-header__meta li {
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 16px;
  line-height: 120%;
}
.user-account-header__meta-label {
  font-weight: 600;
  margin-right: 4px;
}
.user-account-header__meta-value {
  font-weight: 400;
}

.admin-item.user-account .content-toolbar {
  background-color: #fff;
  border-bottom: 1px solid #DEDEDE;
  box-shadow: none;
  padding: 0 72px;
  width: 100%;
}
.admin-item.user-account .content-toolbar-nav {
  float: left;
}
.admin-item.user-account .content-toolbar-nav-link {
  color: #000000 !important;
  display: block;
  float: left;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-left: 0;
  margin-right: 24px;
  padding: 16px 8px;
  position: relative;
}
.admin-item.user-account .content-toolbar-nav-link span {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
  background-color: #008EC6;
  bottom: 0;
  height: 2px;
  left: 0;
  position: absolute;
  top: auto;
  width: 0;
}
.admin-item.user-account .content-toolbar-nav-link:hover {
  color: #000000 !important;
}
.admin-item.user-account .content-toolbar-nav-link:hover span {
  width: 100%;
}
.admin-item.user-account .content-toolbar-nav-link.active {
  color: #008EC6 !important;
}
.admin-item.user-account .content-toolbar-nav-link.active span {
  width: 100%;
}
.admin-item.user-account .content-toolbar-actions {
  float: right;
  padding: 8px 0;
}
.admin-item.user-account .content-wrapper {
  background-color: #f4f4f4;
  margin: 0;
  max-width: none;
  padding: 24px 72px 80px;
  width: 100%;
}
.admin-item.user-account .content-article {
  float: none;
  margin: 0;
  min-height: 1200px;
  padding: 0;
  width: 100%;
}
.admin-item.user-account .content-background {
  display: none;
}
.admin-item.user-account .content-container {
  padding-top: 0;
  width: 100%;
}
.admin-item.user-account .content-container-inset {
  float: none;
  margin: 0;
  max-width: none;
  padding: 0;
  width: 100%;
}
.admin-item.user-account .account-form .alertbar-warning {
  margin-bottom: 32px;
}
.admin-item.user-account .accordion-panel-header span {
  font-size: 18px;
  font-size: 1.125rem;
}
.admin-item.user-account .accordion-panel-header strong {
  font-size: 14px;
  font-size: 0.875rem;
  float: right;
}
.admin-item.user-account .accordion.account-types .accordion-panel-header [type=radio] ~ label:before {
  background-color: #fff;
}
.admin-item.user-account .accordion.account-types .accordion-panel-body input[type=text] {
  margin-right: 18px;
  width: 157px;
}
.admin-item.user-account .accordion.account-types .accordion-panel-body input[type=text].field-input--long {
  width: 50% !important;
}
.admin-item.user-account .accordion.account-types .accordion-panel-body input[type=text].field-input--readonly {
  color: gray;
  background-color: #f4f4f4;
}
.admin-item.user-account .accordion.account-types .accordion-panel-body input[type=password].field-input--readonly {
  color: gray;
  background-color: #f4f4f4;
}
.admin-item.user-account .accordion.account-types .accordion-panel-body .field-hint {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "ff-meta-serif-web-pro", serif;
}
.admin-item.user-account .billing-form .address-group .address1 {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.admin-item.user-account .billing-form .address-group .address1:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .address-group .address2 {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.admin-item.user-account .billing-form .address-group .address2:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .address-group .city {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.admin-item.user-account .billing-form .address-group .city:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .address-group .phone {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.admin-item.user-account .billing-form .address-group .phone:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .address-group .state {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.admin-item.user-account .billing-form .address-group .state:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .address-group .zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.admin-item.user-account .billing-form .address-group .zipcode:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .address-group .country {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.admin-item.user-account .billing-form .address-group .country:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .admin-item.user-account .billing-form .address-group .country {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 74.1053340983%;
  }
  .admin-item.user-account .billing-form .address-group .country:last-child {
    margin-right: 0;
  }
}
.admin-item.user-account .billing-form .billing-address,
.admin-item.user-account .billing-form .shipping-address {
  margin-bottom: 96px;
}
.admin-item.user-account .billing-form .po {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  margin-bottom: 60px;
}
.admin-item.user-account .billing-form .po-header {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.theme-1 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .admin-item.user-account .billing-form .po-header {
  background-color: rgba(224, 241, 143, 0.2);
}
.admin-item.user-account .billing-form .po-header {
  padding: 26px 60px 20px 40px;
}
.admin-item.user-account .billing-form .po-body {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 79.4314828859%;
}
.admin-item.user-account .billing-form .po-body:last-child {
  margin-right: 0;
}
.admin-item.user-account .billing-form .po-body {
  margin-left: 7.4416729867%;
  padding: 36px 0 17px 0;
}
.admin-item.user-account .billing-form .po-body [class^=field-input],
.admin-item.user-account .billing-form .po-body .chosen-container-single .chosen-single {
  background-color: #fff;
}
.admin-item.user-account .billing-form .po-approved {
  color: #6bac43;
  font-weight: 700;
  margin-left: 30px;
}
.admin-item.user-account .billing-form .po-approved [class^=icon-] {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-right: 10px;
  vertical-align: middle;
}
.admin-item.user-account .details-form .details-fields {
  margin-bottom: 100px;
}
.admin-item.user-account .details-form .fieldset.grades {
  float: left;
  width: 50%;
}
.admin-item.user-account .details-form .fieldset.subjects {
  float: left;
  width: 50%;
}
.admin-item.user-account .details-form .fieldset.zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.admin-item.user-account .details-form .fieldset.zipcode:last-child {
  margin-right: 0;
}
.admin-item.user-account .details-form .fieldset.school {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.admin-item.user-account .details-form .fieldset.school:last-child {
  margin-right: 0;
}
.admin-item.user-account .details-form .grade-checkboxes {
  float: left;
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
  width: 50%;
}
.admin-item.user-account .details-form .grade-checkboxes li + li {
  margin-top: 20px;
}
.admin-item.user-account .details-form .subject-checkboxes {
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
}
.admin-item.user-account .details-form .subject-checkboxes li + li {
  margin-top: 20px;
}
.admin-item.user-account .details-form .credentials-group .username {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.admin-item.user-account .details-form .credentials-group .username:last-child {
  margin-right: 0;
}
.admin-item.user-account .details-form .credentials-group .password {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.admin-item.user-account .details-form .credentials-group .password:last-child {
  margin-right: 0;
}
.admin-item.user-account .details-form .send-invitation {
  margin-top: 32px;
}
.admin-item.user-account .order-history .invoice-list {
  list-style: none;
  padding: 0;
}
.admin-item.user-account .order-history .invoice-list-item {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  border-bottom: 1px solid #eee;
  padding: 20px 4px;
}
.admin-item.user-account .order-history .invoice-number {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.admin-item.user-account .order-history .invoice-number:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-inner {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.admin-item.user-account .order-history .invoice-inner:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-date {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.admin-item.user-account .order-history .invoice-date:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-coupon {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.admin-item.user-account .order-history .invoice-coupon:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-amount {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.admin-item.user-account .order-history .invoice-amount:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-amount {
  color: #333;
  font-weight: 600;
  text-align: right;
}
.admin-item.user-account .order-history .invoice-notes {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.admin-item.user-account .order-history .invoice-notes:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-notes {
  color: #888;
  font-weight: 400;
}
.admin-item.user-account .order-history .invoice-payment-method {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.admin-item.user-account .order-history .invoice-payment-method:last-child {
  margin-right: 0;
}
.admin-item.user-account .order-history .invoice-payment-method {
  text-align: right;
}
.admin-item.user-account .licenses-header {
  background-color: #f4f4f4;
  padding: 14px 30px;
}
.admin-item.user-account .licenses-row {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}
.admin-item.user-account .licenses-rowedu {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  display: flex;
}
.admin-item.user-account .licenses-rowedu .educatorText {
  width: 28%;
  color: #333;
  font-weight: bolder;
  font-family: "myriad-pro", "sans-serif";
  font-size: large;
  margin: auto;
}
.admin-item.user-account .licenses-rowedu .ssoText {
  width: 13%;
  color: #bbb;
  font-weight: bolder;
  margin: auto;
}
.admin-item.user-account .licenses-rowedu .emailText {
  width: 30%;
  color: #bbb;
  font-weight: bolder;
  margin: auto;
}
.admin-item.user-account .licenses-rowedu .usernameText {
  color: #bbb;
  font-weight: bolder;
  width: 24%;
  margin: auto;
}
.admin-item.user-account .licenses-rowfirstedu {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  display: flex;
  border-color: #bfbdbd;
  padding-bottom: 8px;
}
.admin-item.user-account .licenses-rowfirstedu .educatorColumn {
  width: 28%;
  color: #888;
  font-weight: bold;
}
.admin-item.user-account .licenses-rowfirstedu .ssoColumn {
  width: 13%;
  color: #888;
  font-weight: bold;
}
.admin-item.user-account .licenses-rowfirstedu .emailColumn {
  width: 30%;
  color: #888;
  font-weight: bold;
}
.admin-item.user-account .licenses-rowfirstedu .usernameColumn {
  color: #888;
  font-weight: bold;
}
.admin-item.user-account .licenses-user {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.admin-item.user-account .licenses-user:last-child {
  margin-right: 0;
}
.admin-item.user-account .licenses-user {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #333;
  font-weight: 400;
  padding: 10px 0 0 30px;
}
.admin-item.user-account .licenses-user span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 32px;
  line-height: 2rem;
  color: #bbb;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  padding-left: 30px;
}
.admin-item.user-account .licenses-username {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.admin-item.user-account .licenses-username:last-child {
  margin-right: 0;
}
.admin-item.user-account .licenses-username {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #bbb;
  font-weight: 400;
  padding-top: 6px;
  text-align: right;
}
.admin-item.user-account .licenses-actions {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 9.3686693441%;
}
.admin-item.user-account .licenses-actions:last-child {
  margin-right: 0;
}
.admin-item.user-account .licenses-actions {
  text-align: center;
}
.admin-item.user-account .licenses-actions [class^=button-tertiary] {
  padding: 16px 8px 16px 16px;
}
.admin-item.user-account .licenses-actions [class^=button-tertiary] [class^=icon-] {
  color: #bbb !important;
}
.theme-1 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #22b7f2;
}
.theme-2 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #8240ca;
}
.theme-3 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #bd1118;
}
.theme-4 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #cc5302;
}
.theme-5 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #f43b5f;
}
.theme-6 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #0cd2de;
}
.theme-7 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #fba90b;
}
.theme-8 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #13a104;
}
.theme-9 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #07696a;
}
.theme-10 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #005a9d;
}
.theme-11 .admin-item.user-account .licenses-actions.active [class^=button-tertiary] {
  background-color: #8acb01;
}
.admin-item.user-account .licenses-actions.active [class^=button-tertiary] [class^=icon-] {
  color: #fff !important;
}
.admin-item.user-account .licenses-footer {
  margin-bottom: 100px;
  padding-top: 35px;
}
.admin-item.user-account .licenses-footer span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #bbb;
  font-weight: 400;
  letter-spacing: -0.08px;
  margin-top: 8px;
  padding-left: 30px;
}

.user-settings-form .renewal, .account-renewal-form .renewal {
  margin-bottom: 0;
}
.user-settings-form .renewal-month, .account-renewal-form .renewal-month {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.user-settings-form .renewal-month:last-child, .account-renewal-form .renewal-month:last-child {
  margin-right: 0;
}
.user-settings-form .renewal-day, .account-renewal-form .renewal-day {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.user-settings-form .renewal-day:last-child, .account-renewal-form .renewal-day:last-child {
  margin-right: 0;
}
.user-settings-form .renewal-year, .account-renewal-form .renewal-year {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.user-settings-form .renewal-year:last-child, .account-renewal-form .renewal-year:last-child {
  margin-right: 0;
}
.user-settings-form input[type=text], .account-renewal-form input[type=text] {
  margin-right: 18px;
  width: 157px;
}
.user-settings-form .field-hint, .account-renewal-form .field-hint {
  font-size: 1.125rem;
  line-height: 2rem;
  font-family: "ff-meta-serif-web-pro", serif;
}

.theme-1 .refund-form .field-readonly.to {
  color: #22b7f2;
}
.theme-2 .refund-form .field-readonly.to {
  color: #8240ca;
}
.theme-3 .refund-form .field-readonly.to {
  color: #bd1118;
}
.theme-4 .refund-form .field-readonly.to {
  color: #cc5302;
}
.theme-5 .refund-form .field-readonly.to {
  color: #f43b5f;
}
.theme-6 .refund-form .field-readonly.to {
  color: #0cd2de;
}
.theme-7 .refund-form .field-readonly.to {
  color: #fba90b;
}
.theme-8 .refund-form .field-readonly.to {
  color: #13a104;
}
.theme-9 .refund-form .field-readonly.to {
  color: #07696a;
}
.theme-10 .refund-form .field-readonly.to {
  color: #005a9d;
}
.theme-11 .refund-form .field-readonly.to {
  color: #8acb01;
}
.refund-form .field-readonly.to {
  margin-bottom: 10px;
  margin-top: 30px;
}
.refund-form .amount {
  text-align: right;
}

.theme-1 .invoice-form .field-readonly.to {
  color: #22b7f2;
}
.theme-2 .invoice-form .field-readonly.to {
  color: #8240ca;
}
.theme-3 .invoice-form .field-readonly.to {
  color: #bd1118;
}
.theme-4 .invoice-form .field-readonly.to {
  color: #cc5302;
}
.theme-5 .invoice-form .field-readonly.to {
  color: #f43b5f;
}
.theme-6 .invoice-form .field-readonly.to {
  color: #0cd2de;
}
.theme-7 .invoice-form .field-readonly.to {
  color: #fba90b;
}
.theme-8 .invoice-form .field-readonly.to {
  color: #13a104;
}
.theme-9 .invoice-form .field-readonly.to {
  color: #07696a;
}
.theme-10 .invoice-form .field-readonly.to {
  color: #005a9d;
}
.theme-11 .invoice-form .field-readonly.to {
  color: #8acb01;
}
.invoice-form .field-readonly.to {
  margin-bottom: 10px;
  margin-top: 30px;
}
.invoice-form .amount {
  text-align: right;
}

.invite-modal {
  width: 880px !important;
}
.invite-modal .modal-dialog-body .instructions {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 50px;
  text-align: center;
}
.invite-modal .modal-dialog-body h3 {
  margin-bottom: 45px;
  text-align: center;
}
.invite-modal .modal-dialog-body .fieldset-admin,
.invite-modal .modal-dialog-body .fieldset-educator {
  margin: 0 auto 48px auto;
  width: 520px;
}
.invite-modal .modal-dialog-body .fieldset-email {
  margin: 0 auto 80px auto;
  width: 430px;
}
.invite-modal .modal-dialog-body .fieldset-email .field-input--full {
  width: 65%;
}
.invite-modal .modal-dialog-body .fieldset-email .button-primary {
  float: right;
  width: 30%;
  height: 55px;
  padding-left: 10px;
  padding-right: 10px;
}

.transfer-modal .modal-dialog-body .instructions {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 50px;
  text-align: center;
}

.add-account-modal {
  width: 880px !important;
}
.add-account-modal .add-account-form {
  margin: 0 auto;
  padding-top: 40px;
  text-align: left;
  width: 430px;
  width: 542px;
}
.add-account-modal .add-account-form .fieldset {
  margin: 0 66px 27px 66px !important;
}
.add-account-modal .modal-dialog-body {
  padding-bottom: 30px;
}

.delete-account-modal .delete-account-modal__header {
  text-align: left;
}
.delete-account-modal .delete-account-modal__header .modal-title {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.delete-account-modal .confirm-modal-body h3 {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.delete-account-modal .delete-account-modal__recovery {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}
.delete-account-modal .delete-account-modal__recovery input[type=checkbox] {
  appearance: auto;
  position: static;
  left: auto;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.delete-account-modal .delete-account-modal__recovery label {
  position: static;
  padding: 0;
  color: #000000;
  cursor: pointer;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 150%;
  text-transform: none;
}
.delete-account-modal .delete-account-modal__recovery label:before, .delete-account-modal .delete-account-modal__recovery label:after {
  content: none;
  display: none;
}

.account-settings-modal .account-settings-modal__header {
  text-align: left;
}
.account-settings-modal .account-settings-modal__header .modal-title {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}
.account-settings-modal .account-settings-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.account-settings-modal .account-settings-modal__actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.account-settings-modal .account-settings-modal__actions button + button {
  margin-left: 0;
}
.account-settings-modal .account-settings-modal__delete {
  box-sizing: border-box;
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 4px;
  background: #D9534F;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}
.account-settings-modal .account-settings-modal__delete:hover:not(:disabled) {
  background: rgb(209.7551401869, 50.2074766355, 45.4448598131);
}
.account-settings-modal .account-settings-modal__delete:disabled {
  background: #DEDEDE;
  color: rgba(0, 0, 0, 0.45);
  cursor: default;
}

.admin__building-login-section--hidden {
  display: none;
}

.admin__user-account-data__row {
  margin: 20px 0;
}

.admin__user-account__ip-address-input {
  width: 50% !important;
  margin: 10px 0 0 0;
}

.fieldset-list--flat {
  margin-bottom: 20px !important;
}
.fieldset-list .field-input--readonly {
  color: gray;
  background-color: #f4f4f4;
}
.fieldset-list .field-input--readonly:focus {
  color: gray;
  background-color: #f4f4f4;
}

@media screen and (max-width: 768px) {
  .admin__user-account__whitelisted-ip-address-button {
    width: 100%;
    margin: 10px 0 !important;
  }
}

.admin__import-students-form {
  text-align: center;
  padding: 1rem;
}

.admin__students-import-file-select-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.admin__students-import-file-select-label {
  cursor: pointer;
}

.admin__students-import-selected-file-name {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
}

.admin__students-import-error-message {
  color: red;
  margin-top: 1rem;
  font-weight: 400;
}

.admin__students-import-note {
  margin-top: 2rem;
}

.admin__students-import-count {
  margin-top: 1rem;
  padding-top: 1rem;
  font-weight: 400;
  border-top: 1px solid #eee;
}

@media (max-width: 1100px) {
  .user-account-header {
    box-sizing: border-box;
    padding-left: 32px;
    padding-right: 32px;
  }
  .user-account-header__row {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .user-account-header__actions {
    flex-wrap: wrap;
  }
  .admin-item.user-account .content-toolbar {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .admin-item.user-account .content-toolbar-nav {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    float: none;
    min-width: 0;
  }
  .admin-item.user-account .content-toolbar-actions {
    float: none;
    margin-left: auto;
  }
  .admin-item.user-account .content-wrapper {
    box-sizing: border-box;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 700px) {
  .user-account-header {
    padding: 16px;
  }
  .user-account-header__row {
    flex-direction: column;
  }
  .user-account-header__name {
    font-size: 26px;
    overflow-wrap: anywhere;
  }
  .user-account-header__actions {
    align-items: stretch;
    display: flex;
    width: 100%;
  }
  .user-account-header__actions > * {
    box-sizing: border-box;
    flex: 1 1 180px;
    text-align: center;
  }
  .user-account-header__meta {
    gap: 12px 20px;
  }
  .user-account-header__meta li {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .admin-item.user-account .content-toolbar {
    align-items: stretch;
    padding: 0 16px;
  }
  .admin-item.user-account .content-toolbar-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
  }
  .admin-item.user-account .content-toolbar-nav-link {
    flex: 0 0 auto;
    margin-right: 12px;
  }
  .admin-item.user-account .content-toolbar-actions {
    margin: 0 0 8px;
  }
  .admin-item.user-account .content-wrapper {
    padding: 16px 16px 48px;
  }
}
@keyframes dashboard-spin {
  to {
    transform: rotate(360deg);
  }
}
.user-account--dashboard {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  color: #000000;
}
.user-account--dashboard .dashboard-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 20px;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px;
}
.user-account--dashboard .dashboard-top-bar__left, .user-account--dashboard .dashboard-top-bar__right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.user-account--dashboard .dashboard-visibility {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.user-account--dashboard .dashboard-visibility input {
  display: none;
}
.user-account--dashboard .dashboard-visibility__switch {
  position: relative;
  width: 36px;
  height: 20px;
  background: #CCC;
  border-radius: 10px;
  transition: background 0.15s ease;
}
.user-account--dashboard .dashboard-visibility__switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #FFF;
  border-radius: 50%;
  transition: transform 0.15s ease;
}
.user-account--dashboard .dashboard-visibility input:checked + .dashboard-visibility__switch {
  background: #22B7F2;
}
.user-account--dashboard .dashboard-visibility input:checked + .dashboard-visibility__switch::after {
  transform: translateX(16px);
}
.user-account--dashboard .dashboard-visibility__label {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  color: #000000;
}
.user-account--dashboard .dashboard-visibility__email {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #000000;
}
.user-account--dashboard .dashboard-updated {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.7);
}
.user-account--dashboard .dashboard-export-dropdown {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export,
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export.button-tertiary--small {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #000000 !important;
  border-radius: 4px !important;
  color: #000000 !important;
  padding: 6px 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export:hover,
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export.button-tertiary--small:hover {
  background: #F4F4F4 !important;
  background-color: #F4F4F4 !important;
  color: #000000 !important;
}
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export [class^=icon-],
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export [class^=icon],
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export.button-tertiary--small [class^=icon-],
.user-account--dashboard .dashboard-export-dropdown > button#dashboard-export.button-tertiary--small [class^=icon] {
  color: #000000 !important;
}
.user-account--dashboard .dashboard-export-dropdown__menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 50;
  min-width: 160px;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 4px 0;
  display: flex;
  flex-direction: column;
}
.user-account--dashboard .dashboard-export-dropdown__menu[hidden] {
  display: none;
}
.user-account--dashboard .dashboard-export-dropdown__menu button {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  background: transparent;
  border: 0;
  color: #000000;
  margin-left: 0;
  padding: 8px 12px;
  text-align: left;
  cursor: pointer;
}
.user-account--dashboard .dashboard-export-dropdown__menu button:hover {
  background: #F4F4F4;
}
.user-account--dashboard .dashboard-hero-row {
  background: #FFFFFF;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px;
}
.user-account--dashboard .dashboard-hero-tile {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  min-height: 126px;
}
.user-account--dashboard .dashboard-hero-tile__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 16px;
}
.user-account--dashboard .dashboard-hero-tile__title {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  color: #000000;
}
.user-account--dashboard .dashboard-hero-tile__info {
  width: 16px;
  height: 16px;
  display: inline-block;
  flex-shrink: 0;
  background: url("/Assets/Images/Admin/tooltip.svg") no-repeat center center;
  background-size: contain;
  font-size: 0;
  color: transparent;
  cursor: help;
  opacity: 1;
}
.user-account--dashboard .dashboard-hero-tile__info::before {
  content: none !important;
}
.user-account--dashboard .dashboard-hero-tile__edit {
  width: 17px;
  height: 17px;
  padding: 0;
  margin: 0;
  border: 0;
  background: url("/Assets/Images/Admin/edit.svg") no-repeat center center;
  background-size: contain;
  flex-shrink: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}
.user-account--dashboard .dashboard-hero-tile__edit:hover {
  opacity: 0.7;
}
.user-account--dashboard .dashboard-hero-tile.-demo-status .dashboard-hero-tile__body {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
.user-account--dashboard .dashboard-hero-tile.-demo-status .dashboard-hero-tile__label {
  font-size: 16px;
  font-weight: 800;
  margin-top: 4px;
}
.user-account--dashboard .dashboard-hero-tile.-demo-status .dashboard-hero-tile__label.-demo-date {
  color: #008327;
}
.user-account--dashboard .dashboard-hero-tile.-demo-status .dashboard-hero-tile__label.-demo-schedule {
  color: #D9534F;
}
.user-account--dashboard .dashboard-hero-tile__body {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 12px;
}
.user-account--dashboard .dashboard-hero-tile__value {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  color: #000000;
}
.user-account--dashboard .dashboard-hero-tile__label {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
  margin-top: 4px;
}
.user-account--dashboard .dashboard-hero-tile__score {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 150%;
  color: #008327;
}
.user-account--dashboard .dashboard-hero-tile__score-max {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  color: #000000;
}
.user-account--dashboard .dashboard-hero-tile__donut {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
}
.user-account--dashboard .dashboard-hero-tile__donut canvas {
  width: 84px !important;
  height: 84px !important;
}
.user-account--dashboard .dashboard-hero-tile__delta {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 150%;
  margin-top: 6px;
}
.user-account--dashboard .dashboard-hero-tile__delta--up {
  color: #008327;
}
.user-account--dashboard .dashboard-hero-tile__delta--down {
  color: #D9534F;
}
.user-account--dashboard .dashboard-hero-tile__delta--flat {
  color: #000000;
}
.user-account--dashboard .dashboard-health-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  height: 23px;
  background: #F4F4F4;
  border-radius: 6px;
  margin-left: 8px;
  vertical-align: middle;
}
.user-account--dashboard .dashboard-health-pill__dot {
  width: 9.47px;
  height: 9.47px;
  border-radius: 50%;
  background: #008327;
  flex-shrink: 0;
  display: inline-block;
}
.user-account--dashboard .dashboard-health-pill__text {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 190%;
  color: #000000;
}
.user-account--dashboard .dashboard-chart-section {
  background: #FFFFFF;
  border-radius: 8px 8px 0 0;
  padding: 24px;
  margin-bottom: 0;
}
.user-account--dashboard .dashboard-activity-section {
  background: #FFFFFF;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #DEDEDE;
  padding: 24px;
  margin-bottom: 24px;
}
.user-account--dashboard .dashboard-activity-section--student {
  border-radius: 8px;
  border-top: 0;
}
.user-account--dashboard .dashboard-chart-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.user-account--dashboard .dashboard-chart-controls__left, .user-account--dashboard .dashboard-chart-controls__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.user-account--dashboard .dashboard-chart-controls select.field-input {
  width: auto;
  min-width: 140px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}
.user-account--dashboard .dashboard-chart-controls button {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}
.user-account--dashboard .dashboard-chip-list {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.user-account--dashboard .dashboard-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px 4px 10px;
  border: 1px solid currentColor;
  border-radius: 4px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 150%;
}
.user-account--dashboard .dashboard-chip__label {
  line-height: 1;
}
.user-account--dashboard .dashboard-chip__remove {
  background: transparent;
  border: 0;
  padding: 0 4px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  color: inherit;
  cursor: pointer;
}
.user-account--dashboard #dashboard-add-comparison,
.user-account--dashboard button#dashboard-add-comparison.button-tertiary--small {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  color: #000000 !important;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  padding: 6px 8px;
  cursor: pointer;
}
.user-account--dashboard #dashboard-add-comparison:hover,
.user-account--dashboard button#dashboard-add-comparison.button-tertiary--small:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #000000 !important;
  text-decoration: underline;
}
.user-account--dashboard #dashboard-add-comparison [class^=icon],
.user-account--dashboard button#dashboard-add-comparison.button-tertiary--small [class^=icon] {
  color: #000000 !important;
}
.user-account--dashboard #dashboard-add-comparison[disabled],
.user-account--dashboard button#dashboard-add-comparison.button-tertiary--small[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.user-account--dashboard #dashboard-add-comparison[disabled]:hover,
.user-account--dashboard button#dashboard-add-comparison.button-tertiary--small[disabled]:hover {
  text-decoration: none;
}
.user-account--dashboard .dashboard-range {
  position: relative;
  display: inline-block;
}
.user-account--dashboard .dashboard-range__trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 140px;
  padding: 6px 12px;
  background: #FFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  cursor: pointer;
}
.user-account--dashboard .dashboard-range__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #FFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 10;
  min-width: 100%;
  display: flex;
  flex-direction: column;
}
.user-account--dashboard .dashboard-range__menu[hidden] {
  display: none;
}
.user-account--dashboard .dashboard-range__menu button {
  background: transparent;
  border: 0;
  padding: 8px 12px;
  text-align: left;
  cursor: pointer;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  margin: 0;
}
.user-account--dashboard .dashboard-range__menu button:hover {
  background: #F5F5F5;
}
.user-account--dashboard .dashboard-range__menu button + button {
  margin-left: 0;
}
.user-account--dashboard .dashboard-range__calendar {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 11;
}
.user-account--dashboard .dashboard-range__calendar[hidden] {
  display: none;
}
.user-account--dashboard .dashboard-period-toggle {
  display: inline-flex;
  align-items: stretch;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 4px;
  padding: 0;
  gap: 0;
  overflow: hidden;
}
.user-account--dashboard .dashboard-period-toggle button {
  background: transparent;
  border: none;
  padding: 6px 14px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
  cursor: pointer;
  border-radius: 0;
  margin: 0;
}
.user-account--dashboard .dashboard-period-toggle button:hover {
  background: #F4F4F4;
}
.user-account--dashboard .dashboard-period-toggle button.active, .user-account--dashboard .dashboard-period-toggle button.active:hover {
  background: #000000;
  color: #FFFFFF;
}
.user-account--dashboard .dashboard-period-toggle button + button {
  margin-left: 0;
}
.user-account--dashboard .dashboard-chart-canvas-wrapper {
  position: relative;
  height: 280px;
  width: 100%;
}
.user-account--dashboard .dashboard-chart-legend {
  display: flex;
  gap: 16px;
  margin-top: 12px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #000000;
}
.user-account--dashboard .dashboard-chart-legend__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.user-account--dashboard .dashboard-chart-legend__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
}
.user-account--dashboard .dashboard-chart-legend__item.-primary .user-account--dashboard .dashboard-chart-legend__dot {
  background: #22B7F2;
}
.user-account--dashboard .dashboard-chart-legend__item.-secondary .user-account--dashboard .dashboard-chart-legend__dot {
  background: #9C5DE0;
}
.user-account--dashboard .date-range-calendar {
  width: 320px;
  padding: 16px;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  color: #000000;
}
.user-account--dashboard .date-range-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.user-account--dashboard .date-range-calendar__title {
  font-size: 16px;
  font-weight: 700;
}
.user-account--dashboard .date-range-calendar__nav {
  background: transparent;
  border: 0;
  font-size: 20px;
  line-height: 1;
  padding: 4px 8px;
  cursor: pointer;
  color: #000000;
}
.user-account--dashboard .date-range-calendar__nav:hover {
  color: #22B7F2;
}
.user-account--dashboard .date-range-calendar__dow {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
}
.user-account--dashboard .date-range-calendar__dow span {
  text-align: center;
}
.user-account--dashboard .date-range-calendar__inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.user-account--dashboard .date-range-calendar__input {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}
.user-account--dashboard .date-range-calendar__input.-active {
  border-color: #22B7F2;
  color: #000000;
  outline: none;
}
.user-account--dashboard .date-range-calendar__to-label {
  font-size: 13px;
  color: #000000;
}
.user-account--dashboard .date-range-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.user-account--dashboard .date-range-calendar__day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
}
.user-account--dashboard .date-range-calendar__day.-blank {
  visibility: hidden;
  cursor: default;
}
.user-account--dashboard .date-range-calendar__day.-disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: not-allowed;
}
.user-account--dashboard .date-range-calendar__day.-in-range {
  background: #FFF1B8;
}
.user-account--dashboard .date-range-calendar__day.-endpoint {
  background: #FBD20B;
  font-weight: 700;
}
.user-account--dashboard .date-range-calendar__day:not(.-blank):not(.-disabled):not(.-endpoint):hover {
  background: rgba(251, 210, 11, 0.35);
}
.user-account--dashboard .dashboard-section-title {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  color: #000000;
  margin: 8px 0 12px;
}
.user-account--dashboard .dashboard-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}
.user-account--dashboard .dashboard-stat-tile {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 12px;
}
.user-account--dashboard .dashboard-stat-tile__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  color: #000000;
  margin-bottom: 16px;
}
.user-account--dashboard .dashboard-stat-tile__info {
  width: 16px;
  height: 16px;
  display: inline-block;
  flex-shrink: 0;
  background: url("/Assets/Images/Admin/tooltip.svg") no-repeat center center;
  background-size: contain;
  font-size: 0;
  color: transparent;
  cursor: help;
  opacity: 1;
}
.user-account--dashboard .dashboard-stat-tile__info::before {
  content: none !important;
}
.user-account--dashboard .dashboard-stat-tile__value {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  color: #000000;
}
.user-account--dashboard .dashboard-stat-tile__delta {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 150%;
  margin-top: 6px;
}
.user-account--dashboard .dashboard-stat-tile__delta--up {
  color: #008327;
}
.user-account--dashboard .dashboard-stat-tile__delta--down {
  color: #D9534F;
}
.user-account--dashboard .dashboard-stat-tile__delta--flat {
  color: #000000;
}
.user-account--dashboard .dashboard-stat-tile__delta-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.user-account--dashboard .dashboard-stat-tile.is-loading,
.user-account--dashboard .dashboard-chart-canvas-wrapper.is-loading {
  position: relative;
}
.user-account--dashboard .dashboard-stat-tile.is-loading > *:not(.dashboard-loading-spinner),
.user-account--dashboard .dashboard-chart-canvas-wrapper.is-loading > *:not(.dashboard-loading-spinner) {
  opacity: 0.25;
  filter: blur(1px);
  pointer-events: none;
}
.demo-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.demo-modal[hidden] {
  display: none;
}
.demo-modal__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.demo-modal__panel {
  position: relative;
  width: 847px;
  max-width: calc(100% - 40px);
  background: #FFFFFF;
  border-radius: 8px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}
.demo-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
.demo-modal__title {
  margin: 0;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  color: #000000;
}
.demo-modal__close {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 22px;
  line-height: 1;
  color: #000000;
  cursor: pointer;
}
.demo-modal__close:hover {
  opacity: 0.7;
}
.demo-modal__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.demo-modal__toggle-row {
  display: flex;
  gap: 8px;
}
.demo-modal__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.demo-modal__toggle input {
  display: none;
}
.demo-modal__toggle__label {
  line-height: 150%;
}
.demo-modal__check {
  box-sizing: border-box;
  width: 15px;
  height: 16px;
  border: 0;
  border-radius: 0;
  background: url("/Assets/Images/Admin/checkbox_black_empty.svg") no-repeat center;
  background-size: 15px 16px;
  flex-shrink: 0;
}
.demo-modal__toggle input:checked ~ .demo-modal__check {
  background: url("/Assets/Images/Admin/checbox_black_filled.svg") no-repeat center;
  background-size: 15px 16px;
}
.demo-modal__toggle.-active {
  border-color: #000000;
}
.demo-modal__field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
}
.demo-modal__field.-textarea {
  align-items: flex-start;
}
.demo-modal__label {
  width: 120px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.5);
}
.demo-modal__input, .demo-modal__textarea {
  box-sizing: border-box;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  padding: 12px 20px 12px 24px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
  background: #FFFFFF;
  width: 100%;
}
.demo-modal__input:focus, .demo-modal__textarea:focus {
  outline: 1px solid #22B7F2;
}
.demo-modal__input.-date {
  width: 220px;
  flex-grow: 0;
}
.demo-modal__textarea {
  resize: vertical;
  min-height: 150px;
}
.demo-modal__actions {
  display: flex;
  justify-content: flex-end;
}
.demo-modal__save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  background: #FBD20B;
  border: 0;
  border-radius: 4px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
  cursor: pointer;
}
.demo-modal__save:hover {
  background: rgb(232.685483871, 193.5866935484, 3.814516129);
}
@media (max-width: 700px) {
  .demo-modal {
    align-items: flex-start;
    overflow-y: auto;
    padding: 16px;
  }
  .demo-modal__panel {
    box-sizing: border-box;
    gap: 20px;
    margin: auto 0;
    max-height: calc(100vh - 32px);
    max-width: 100%;
    overflow-y: auto;
    padding: 20px;
    width: 100%;
  }
  .demo-modal__toggle-row {
    flex-wrap: wrap;
  }
  .demo-modal__field {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }
  .demo-modal__field.-textarea {
    align-items: stretch;
  }
  .demo-modal__label, .demo-modal__input.-date {
    width: 100%;
  }
  .demo-modal__actions, .demo-modal__save {
    width: 100%;
  }
}

.user-account--dashboard .dashboard-loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border: 3px solid rgba(34, 183, 242, 0.2);
  border-top-color: #22B7F2;
  border-radius: 50%;
  animation: dashboard-spin 0.8s linear infinite;
  pointer-events: none;
  z-index: 5;
}
@media (max-width: 1100px) {
  .user-account--dashboard .dashboard-top-bar {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
  }
  .user-account--dashboard .dashboard-top-bar__left, .user-account--dashboard .dashboard-top-bar__right {
    flex-wrap: wrap;
    min-width: 0;
  }
  .user-account--dashboard .dashboard-hero-row,
  .user-account--dashboard .dashboard-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .user-account--dashboard .dashboard-top-bar__left,
  .user-account--dashboard .dashboard-top-bar__right,
  .user-account--dashboard .dashboard-chart-controls__left,
  .user-account--dashboard .dashboard-chart-controls__right {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }
  .user-account--dashboard .dashboard-hero-row,
  .user-account--dashboard .dashboard-stat-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .user-account--dashboard .dashboard-chart-section,
  .user-account--dashboard .dashboard-activity-section {
    padding: 16px;
  }
  .user-account--dashboard .dashboard-chart-controls select.field-input,
  .user-account--dashboard .dashboard-range,
  .user-account--dashboard .dashboard-range__trigger,
  .user-account--dashboard .dashboard-period-toggle {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  .user-account--dashboard .dashboard-period-toggle button {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  .user-account--dashboard .dashboard-range__calendar {
    left: 0;
    right: auto;
    max-width: calc(100vw - 64px);
  }
  .user-account--dashboard .date-range-calendar {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
}

.user-account--licenses,
.user-account--buildings {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  color: #000000;
}
.user-account--licenses.accountcontent,
.user-account--buildings.accountcontent {
  background-color: #F4F4F4;
}
.user-account--licenses .accountcontent-wrapper,
.user-account--buildings .accountcontent-wrapper {
  background-color: #F4F4F4;
  box-sizing: border-box;
  margin: 0;
  max-width: none;
  padding: 24px 72px 80px;
  width: 100%;
}
.user-account--licenses .accountcontent-article,
.user-account--buildings .accountcontent-article {
  float: none;
  margin: 0;
  min-height: 0;
  padding: 0;
  width: 100%;
}
.user-account--licenses .accountcontent-background,
.user-account--buildings .accountcontent-background {
  display: none;
}
.user-account--licenses .accountcontent-container,
.user-account--buildings .accountcontent-container {
  padding-top: 0;
  width: 100%;
}
.user-account--licenses .content-background,
.user-account--buildings .content-background {
  display: none;
}
.user-account--licenses .content-container,
.user-account--buildings .content-container {
  padding-top: 0;
  width: 100%;
}
.user-account--licenses .content-container-inset,
.user-account--buildings .content-container-inset {
  float: none;
  margin: 0;
  max-width: none;
  padding: 32px clamp(16px, 4vw, 72px) 64px;
  width: 100%;
  background: #F4F4F4;
  box-sizing: border-box;
  overflow-x: hidden;
}
.user-account--licenses .ual-licenses,
.user-account--licenses .ual-licenses *,
.user-account--buildings .ual-licenses,
.user-account--buildings .ual-licenses * {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
}
.user-account--licenses .ual-licenses,
.user-account--buildings .ual-licenses {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.user-account--licenses .ual-licenses__topbar,
.user-account--buildings .ual-licenses__topbar {
  display: flex;
  justify-content: flex-end;
}
.user-account--licenses .ual-licenses__card,
.user-account--buildings .ual-licenses__card {
  background: #FFFFFF;
  border-radius: 8px;
  padding: clamp(16px, 2.4vw, 32px);
  box-sizing: border-box;
  max-width: 100%;
}
.user-account--licenses .ual-licenses__card-head,
.user-account--buildings .ual-licenses__card-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.user-account--licenses .ual-licenses__heading,
.user-account--buildings .ual-licenses__heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.user-account--licenses .ual-licenses__title,
.user-account--buildings .ual-licenses__title {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  color: #000000;
  margin: 0;
}
.user-account--licenses .ual-licenses__subtitle,
.user-account--buildings .ual-licenses__subtitle {
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}
.user-account--licenses .ual-licenses__card-actions,
.user-account--buildings .ual-licenses__card-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.user-account--licenses .ual-licenses__table-wrapper,
.user-account--buildings .ual-licenses__table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
.user-account--licenses .ual-licenses__table,
.user-account--buildings .ual-licenses__table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #FFFFFF;
  table-layout: fixed;
}
.user-account--licenses .ual-licenses__table thead th,
.user-account--licenses .ual-licenses__table thead th a,
.user-account--buildings .ual-licenses__table thead th,
.user-account--buildings .ual-licenses__table thead th a {
  background: transparent;
  border: 0;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  white-space: nowrap;
}
.user-account--licenses .ual-licenses__table thead th,
.user-account--buildings .ual-licenses__table thead th {
  padding: 12px clamp(8px, 1.2vw, 24px);
}
.user-account--licenses .ual-licenses__table thead th a,
.user-account--buildings .ual-licenses__table thead th a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.user-account--licenses .ual-licenses__table thead th.is-sort-asc a::after,
.user-account--buildings .ual-licenses__table thead th.is-sort-asc a::after {
  content: " ▲";
  font-size: 9px;
}
.user-account--licenses .ual-licenses__table thead th.is-sort-desc a::after,
.user-account--buildings .ual-licenses__table thead th.is-sort-desc a::after {
  content: " ▼";
  font-size: 9px;
}
.user-account--licenses .ual-licenses__table th:nth-child(1),
.user-account--buildings .ual-licenses__table th:nth-child(1) {
  width: 20%;
}
.user-account--licenses .ual-licenses__table th:nth-child(2),
.user-account--buildings .ual-licenses__table th:nth-child(2) {
  width: 12%;
}
.user-account--licenses .ual-licenses__table th:nth-child(3),
.user-account--buildings .ual-licenses__table th:nth-child(3) {
  width: 22%;
}
.user-account--licenses .ual-licenses__table th:nth-child(4),
.user-account--buildings .ual-licenses__table th:nth-child(4) {
  width: 18%;
}
.user-account--licenses .ual-licenses__table th:nth-child(5),
.user-account--buildings .ual-licenses__table th:nth-child(5) {
  width: 10%;
}
.user-account--licenses .ual-licenses__table th:nth-child(6),
.user-account--buildings .ual-licenses__table th:nth-child(6) {
  width: 12%;
}
.user-account--licenses .ual-licenses__table th:nth-child(7),
.user-account--buildings .ual-licenses__table th:nth-child(7) {
  width: 32px;
}
.user-account--licenses .ual-licenses__table th:nth-child(8),
.user-account--buildings .ual-licenses__table th:nth-child(8) {
  width: 44px;
}
.user-account--licenses .ual-licenses__table tbody tr,
.user-account--buildings .ual-licenses__table tbody tr {
  background: #FFFFFF;
  cursor: pointer;
  transition: background 0.1s ease;
}
.user-account--licenses .ual-licenses__table tbody tr + tr > td,
.user-account--buildings .ual-licenses__table tbody tr + tr > td {
  border-top: 1px solid #DEDEDE;
}
.user-account--licenses .ual-licenses__table tbody tr:hover,
.user-account--buildings .ual-licenses__table tbody tr:hover {
  background: #FAFAFA;
}
.user-account--licenses .ual-licenses__table tbody tr.ual-license-row--pending, .user-account--licenses .ual-licenses__table tbody tr.ual-license-row--pending:hover,
.user-account--buildings .ual-licenses__table tbody tr.ual-license-row--pending,
.user-account--buildings .ual-licenses__table tbody tr.ual-license-row--pending:hover {
  background: rgba(35, 183, 243, 0.0509803922);
}
.user-account--licenses .ual-licenses__table tbody tr.ual-license-row--pending td,
.user-account--licenses .ual-licenses__table tbody tr.ual-license-row--pending .ual-cell__name, .user-account--licenses .ual-licenses__table tbody tr.ual-license-row--pending:hover td,
.user-account--licenses .ual-licenses__table tbody tr.ual-license-row--pending:hover .ual-cell__name,
.user-account--buildings .ual-licenses__table tbody tr.ual-license-row--pending td,
.user-account--buildings .ual-licenses__table tbody tr.ual-license-row--pending .ual-cell__name,
.user-account--buildings .ual-licenses__table tbody tr.ual-license-row--pending:hover td,
.user-account--buildings .ual-licenses__table tbody tr.ual-license-row--pending:hover .ual-cell__name {
  color: #8F9AA3;
}
.user-account--licenses .ual-licenses__table tbody td:first-child,
.user-account--buildings .ual-licenses__table tbody td:first-child {
  border-left: 1px solid #DEDEDE;
}
.user-account--licenses .ual-licenses__table tbody td:last-child,
.user-account--buildings .ual-licenses__table tbody td:last-child {
  border-right: 1px solid #DEDEDE;
}
.user-account--licenses .ual-licenses__table tbody tr:first-child > td,
.user-account--buildings .ual-licenses__table tbody tr:first-child > td {
  border-top: 1px solid #DEDEDE;
}
.user-account--licenses .ual-licenses__table tbody tr:last-child > td,
.user-account--buildings .ual-licenses__table tbody tr:last-child > td {
  border-bottom: 1px solid #DEDEDE;
}
.user-account--licenses .ual-licenses__table tbody tr:first-child > td:first-child,
.user-account--buildings .ual-licenses__table tbody tr:first-child > td:first-child {
  border-top-left-radius: 8px;
}
.user-account--licenses .ual-licenses__table tbody tr:first-child > td:last-child,
.user-account--buildings .ual-licenses__table tbody tr:first-child > td:last-child {
  border-top-right-radius: 8px;
}
.user-account--licenses .ual-licenses__table tbody tr:last-child > td:first-child,
.user-account--buildings .ual-licenses__table tbody tr:last-child > td:first-child {
  border-bottom-left-radius: 8px;
}
.user-account--licenses .ual-licenses__table tbody tr:last-child > td:last-child,
.user-account--buildings .ual-licenses__table tbody tr:last-child > td:last-child {
  border-bottom-right-radius: 8px;
}
.user-account--licenses .ual-licenses__table td,
.user-account--buildings .ual-licenses__table td {
  padding: 20px clamp(8px, 1.2vw, 24px);
  vertical-align: middle;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px;
}
.user-account--licenses .ual-licenses__table td.ual-cell--actions,
.user-account--licenses .ual-licenses__table td.ual-cell--status,
.user-account--buildings .ual-licenses__table td.ual-cell--actions,
.user-account--buildings .ual-licenses__table td.ual-cell--status {
  overflow: visible;
}
.user-account--licenses .ual-cell--name,
.user-account--buildings .ual-cell--name {
  width: 20%;
}
.user-account--licenses .ual-cell--name .ual-cell__name,
.user-account--buildings .ual-cell--name .ual-cell__name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.user-account--licenses .ual-cell--status,
.user-account--buildings .ual-cell--status {
  width: 40px;
  text-align: center;
}
.user-account--licenses .licenses-container,
.user-account--buildings .licenses-container {
  background: #F4F4F4;
  box-sizing: border-box;
  padding: 32px clamp(16px, 4vw, 72px) 64px;
  width: 100%;
}
.user-account--licenses .licenses,
.user-account--buildings .licenses {
  background: #FFFFFF;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0 0 32px;
  padding: clamp(16px, 2.4vw, 32px);
  width: 100% !important;
}
.user-account--licenses .licenses.educators,
.user-account--buildings .licenses.educators {
  width: 100% !important;
}
.user-account--licenses .licenses-header,
.user-account--buildings .licenses-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.user-account--licenses .licenses-header h3,
.user-account--licenses .licenses-header .licenses__educators-list-header,
.user-account--buildings .licenses-header h3,
.user-account--buildings .licenses-header .licenses__educators-list-header {
  color: #000000;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
}
.user-account--licenses .licenses-row,
.user-account--licenses .licenses-rowedu,
.user-account--licenses .licenses-rowfirstedu,
.user-account--buildings .licenses-row,
.user-account--buildings .licenses-rowedu,
.user-account--buildings .licenses-rowfirstedu {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
.user-account--licenses .licenses-row--accepted,
.user-account--buildings .licenses-row--accepted {
  cursor: pointer;
}
.user-account--licenses .licenses-rowedu,
.user-account--buildings .licenses-rowedu {
  display: grid;
  grid-template-columns: minmax(140px, 1.1fr) minmax(90px, 0.7fr) minmax(180px, 1.4fr) minmax(140px, 1fr) 44px;
  gap: 16px;
  align-items: center;
}
.user-account--licenses .licenses-rowfirstedu,
.user-account--buildings .licenses-rowfirstedu {
  display: grid;
  grid-template-columns: minmax(140px, 1.1fr) minmax(90px, 0.7fr) minmax(180px, 1.4fr) minmax(140px, 1fr) 44px;
  gap: 16px;
  align-items: center;
  color: rgba(0, 0, 0, 0.7);
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}
.user-account--licenses .licenses-rowedu .educatorText,
.user-account--licenses .licenses-rowedu .ssoText,
.user-account--licenses .licenses-rowedu .emailText,
.user-account--licenses .licenses-rowedu .usernameText,
.user-account--licenses .licenses-username,
.user-account--buildings .licenses-rowedu .educatorText,
.user-account--buildings .licenses-rowedu .ssoText,
.user-account--buildings .licenses-rowedu .emailText,
.user-account--buildings .licenses-rowedu .usernameText,
.user-account--buildings .licenses-username {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-account--licenses .licenses-user,
.user-account--buildings .licenses-user {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-account--licenses .licenses-actions,
.user-account--buildings .licenses-actions {
  position: relative;
  z-index: 2;
}
.user-account--licenses .ual-cell--actions,
.user-account--buildings .ual-cell--actions {
  width: 48px;
  overflow: visible;
  text-align: right;
}
.user-account--licenses .ual-owner-star,
.user-account--buildings .ual-owner-star {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .user-account--licenses .content-container-inset,
  .user-account--buildings .content-container-inset {
    padding: 24px 12px 48px;
  }
  .user-account--licenses .ual-licenses,
  .user-account--buildings .ual-licenses {
    gap: 20px;
  }
  .user-account--licenses .ual-licenses__card,
  .user-account--buildings .ual-licenses__card {
    padding: 16px 8px;
  }
  .user-account--licenses .ual-licenses__card-head,
  .user-account--buildings .ual-licenses__card-head {
    gap: 12px;
    margin-bottom: 16px;
  }
  .user-account--licenses .ual-licenses__table thead th,
  .user-account--licenses .ual-licenses__table thead th a,
  .user-account--licenses .ual-licenses__table td,
  .user-account--buildings .ual-licenses__table thead th,
  .user-account--buildings .ual-licenses__table thead th a,
  .user-account--buildings .ual-licenses__table td {
    font-size: 11px;
    line-height: 130%;
  }
  .user-account--licenses .ual-licenses__table thead th,
  .user-account--licenses .ual-licenses__table td,
  .user-account--buildings .ual-licenses__table thead th,
  .user-account--buildings .ual-licenses__table td {
    padding-left: 4px;
    padding-right: 4px;
  }
  .user-account--licenses .ual-cell--name,
  .user-account--buildings .ual-cell--name {
    width: 22%;
  }
  .user-account--licenses .ual-cell--name .ual-cell__name,
  .user-account--buildings .ual-cell--name .ual-cell__name {
    gap: 4px;
    font-size: 11px;
  }
  .user-account--licenses .ual-cell--status,
  .user-account--buildings .ual-cell--status {
    width: 24px;
  }
  .user-account--licenses .ual-cell--actions,
  .user-account--buildings .ual-cell--actions {
    width: 32px;
  }
}
.user-account--licenses .ual-btn,
.user-account--buildings .ual-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 12px 16px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  border-radius: 4px;
  border: 1px solid #000000;
  background: #FFFFFF;
  color: #000000;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.1s ease, border-color 0.1s ease;
}
.user-account--licenses .ual-btn:hover,
.user-account--buildings .ual-btn:hover {
  background: #F4F4F4;
}
.user-account--licenses .ual-btn:focus,
.user-account--buildings .ual-btn:focus {
  outline: none;
}
.user-account--licenses .ual-btn [class^=icon],
.user-account--buildings .ual-btn [class^=icon] {
  font-size: 12px;
  line-height: 1;
}
.user-account--licenses .ual-btn__icon,
.user-account--buildings .ual-btn__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.user-account--licenses .ual-btn--primary,
.user-account--buildings .ual-btn--primary {
  background: #FBD20B;
  border-color: #FBD20B;
  color: #000000;
}
.user-account--licenses .ual-btn--primary:hover,
.user-account--buildings .ual-btn--primary:hover {
  background: rgb(227.6677419355, 189.4120967742, 3.7322580645);
  border-color: rgb(227.6677419355, 189.4120967742, 3.7322580645);
}
.user-account--licenses .ual-btn--secondary,
.user-account--buildings .ual-btn--secondary {
  background: #FEF1AE;
  border-color: #FEF1AE;
  color: #000000;
}
.user-account--licenses .ual-btn--secondary:hover,
.user-account--buildings .ual-btn--secondary:hover {
  background: rgb(253.6268292683, 235.7756097561, 143.7731707317);
  border-color: rgb(253.6268292683, 235.7756097561, 143.7731707317);
}
.user-account--licenses .ual-kebab,
.user-account--buildings .ual-kebab {
  position: relative;
  display: inline-block;
}
.user-account--licenses .ual-kebab__btn,
.user-account--buildings .ual-kebab__btn {
  background: transparent;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  line-height: 1;
  color: #000000;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.user-account--licenses .ual-kebab__btn::before,
.user-account--buildings .ual-kebab__btn::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000000;
  box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
}
.user-account--licenses .ual-kebab__btn:hover,
.user-account--buildings .ual-kebab__btn:hover {
  background: #F4F4F4;
  border-radius: 50%;
}
.user-account--licenses .ual-kebab__menu,
.user-account--buildings .ual-kebab__menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  min-width: 200px;
  margin: 8px 0 0;
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
  z-index: 1000;
  display: none;
  text-align: left;
}
.user-account--licenses .ual-kebab__menu.is-fixed,
.user-account--buildings .ual-kebab__menu.is-fixed {
  position: fixed;
  top: auto;
  right: auto;
  left: auto;
  z-index: 10000;
}
.user-account--licenses .ual-kebab__menu a.dropdown-link,
.user-account--buildings .ual-kebab__menu a.dropdown-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-family: "Manrope", "myriad-pro", sans-serif, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  float: none;
  letter-spacing: 0;
}
.user-account--licenses .ual-kebab__menu a.dropdown-link:hover,
.user-account--buildings .ual-kebab__menu a.dropdown-link:hover {
  background: #F4F4F4;
}
.user-account--licenses .ual-kebab__menu a.dropdown-link i,
.user-account--buildings .ual-kebab__menu a.dropdown-link i {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  float: none;
  padding: 0;
  display: inline-flex;
}
.user-account--licenses .ual-kebab__menu a.dropdown-link .ual-menu-icon,
.user-account--buildings .ual-kebab__menu a.dropdown-link .ual-menu-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.user-account--licenses .ual-kebab.is-open .ual-kebab__menu,
.user-account--buildings .ual-kebab.is-open .ual-kebab__menu {
  display: block;
}

.print__logo {
  float: left;
}

.print__address {
  float: right;
}

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

.print__spacer {
  clear: both;
}

.account-callout {
  font-size: 14px;
  font-size: 0.875rem;
}
.theme-1 .account-callout {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .account-callout {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .account-callout {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .account-callout {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .account-callout {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .account-callout {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .account-callout {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .account-callout {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .account-callout {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .account-callout {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .account-callout {
  background-color: rgba(224, 241, 143, 0.2);
}
.account-callout {
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 0;
}
.account-callout.-alert {
  position: relative;
  top: 0;
}
.account-callout.-alert .alertbar-warning {
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 480px) {
  .account-callout.-alert .alertbar-warning {
    padding-right: 118px;
    padding-left: 16px;
    text-align: left;
  }
}
.account-callout strong {
  color: #222;
}
.account-callout a {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
}
.theme-1 .account-callout a.dismiss {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .account-callout a.dismiss {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .account-callout a.dismiss {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .account-callout a.dismiss {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .account-callout a.dismiss {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .account-callout a.dismiss {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .account-callout a.dismiss {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .account-callout a.dismiss {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .account-callout a.dismiss {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .account-callout a.dismiss {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .account-callout a.dismiss {
  background-color: rgba(224, 241, 143, 0.2);
}
.account-callout a.dismiss {
  color: #222;
  display: block;
  padding: 10px 25px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  bottom: 0;
}

.addto {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .addto {
    padding: 12px 0;
  }
}
.addto:last-child {
  border-bottom: none;
}
.addto-tabs {
  border-bottom: 1px solid #eee;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.addto-tabs-tab {
  display: block;
  float: left;
  height: 40px;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .addto-tabs-tab {
    margin-right: 25px;
  }
}
.addto-tabs-tab:last-child {
  margin-right: 0;
}
.addto-tabs-tab a {
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-bottom: 4px solid transparent;
  color: #bbb;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-bottom: 13px;
  text-transform: uppercase;
}
.theme-1 .addto-tabs-tab a.active, .theme-1 .addto-tabs-tab a:hover {
  border-color: #22b7f2;
  color: #22b7f2;
}
.theme-2 .addto-tabs-tab a.active, .theme-2 .addto-tabs-tab a:hover {
  border-color: #8240ca;
  color: #8240ca;
}
.theme-3 .addto-tabs-tab a.active, .theme-3 .addto-tabs-tab a:hover {
  border-color: #bd1118;
  color: #bd1118;
}
.theme-4 .addto-tabs-tab a.active, .theme-4 .addto-tabs-tab a:hover {
  border-color: #cc5302;
  color: #cc5302;
}
.theme-5 .addto-tabs-tab a.active, .theme-5 .addto-tabs-tab a:hover {
  border-color: #f43b5f;
  color: #f43b5f;
}
.theme-6 .addto-tabs-tab a.active, .theme-6 .addto-tabs-tab a:hover {
  border-color: #0cd2de;
  color: #0cd2de;
}
.theme-7 .addto-tabs-tab a.active, .theme-7 .addto-tabs-tab a:hover {
  border-color: #fba90b;
  color: #fba90b;
}
.theme-8 .addto-tabs-tab a.active, .theme-8 .addto-tabs-tab a:hover {
  border-color: #13a104;
  color: #13a104;
}
.theme-9 .addto-tabs-tab a.active, .theme-9 .addto-tabs-tab a:hover {
  border-color: #07696a;
  color: #07696a;
}
.theme-10 .addto-tabs-tab a.active, .theme-10 .addto-tabs-tab a:hover {
  border-color: #005a9d;
  color: #005a9d;
}
.theme-11 .addto-tabs-tab a.active, .theme-11 .addto-tabs-tab a:hover {
  border-color: #8acb01;
  color: #8acb01;
}
.addto-row {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.addto-row-item {
  display: block;
  float: left;
  position: relative;
  z-index: 1;
}
.addto-row-item-empty {
  font-size: 18px;
  font-size: 1.125rem;
  color: #888;
  display: block;
  float: left;
  width: 100%;
}
.addto-row-item:not(.addto-row-item-empty):first-child {
  width: 75%;
}
.addto-row-item:not(.addto-row-item-empty):last-child {
  margin-top: 20px;
  text-align: right;
  width: 25%;
}
.addto-row-item [type=checkbox] ~ label {
  float: right;
  padding-left: 25px !important;
  padding-right: 0 !important;
  width: 16px;
}
.theme-1 .addto-row-item h3 {
  color: #22b7f2;
}
.theme-2 .addto-row-item h3 {
  color: #8240ca;
}
.theme-3 .addto-row-item h3 {
  color: #bd1118;
}
.theme-4 .addto-row-item h3 {
  color: #cc5302;
}
.theme-5 .addto-row-item h3 {
  color: #f43b5f;
}
.theme-6 .addto-row-item h3 {
  color: #0cd2de;
}
.theme-7 .addto-row-item h3 {
  color: #fba90b;
}
.theme-8 .addto-row-item h3 {
  color: #13a104;
}
.theme-9 .addto-row-item h3 {
  color: #07696a;
}
.theme-10 .addto-row-item h3 {
  color: #005a9d;
}
.theme-11 .addto-row-item h3 {
  color: #8acb01;
}
.addto-classrooms {
  margin-bottom: 25px;
}
.addto-customunits {
  margin-bottom: 25px;
}
.addto-desks {
  margin-bottom: 25px;
}

.alertbar-success, .alertbar-error, .alertbar-warning {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding: 16px 0 16px 0;
  letter-spacing: 0.7px;
  text-align: center;
  text-transform: uppercase;
}
.alertbar-warning {
  background-color: #fef6ce;
  color: #92895e;
}
.alertbar-warning a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  color: #22b7f2;
  font-family: "myriad-pro", sans-serif;
}
.alertbar-warning strong {
  color: #222;
}
.alertbar-error {
  background-color: #fdebec;
  color: #9d383b;
}
.alertbar-error a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  color: #e92329;
  font-family: "myriad-pro", sans-serif;
}
.alertbar-success {
  background-color: #e8f8de;
  color: #44662f;
}
.alertbar-success a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  color: #6bac43;
  font-family: "myriad-pro", sans-serif;
}

.alertbar-container .alertbar-warning {
  display: none;
}
.alertbar-container.warning .alertbar-warning {
  display: block;
}
.alertbar-container .alertbar-error {
  display: none;
}
.alertbar-container.error .alertbar-error {
  display: block;
}
.alertbar-container .alertbar-success {
  display: none;
}
.alertbar-container.success .alertbar-success {
  display: block;
}

.button-urgent, .button-success, .button-muted, .button-link, .button-clear, .button-quaternary, .button-tertiary, .button-secondary, .button-primary, .button, .button-icon-primary, .button-back, .button-urgent--large--icon, .button-urgent--small--icon, .button-success--large--icon, .button-success--small--icon, .button-muted--large--icon, .button-muted--small--icon, .button-clear--icon--secondary, .button-clear--icon--primary, .button-clear--icon, .button-quaternary--large--icon, .button-quaternary--small--icon, .button-quaternary--icon, .button-tertiary--icon, .button-secondary--large--icon, .button-secondary--small--icon, .button-secondary--icon, .button-primary--large--icon, .button-primary--small--icon, .button-primary--icon, .button-tertiary--large--icon, .button-tertiary--small--icon, .button-urgent--large, .button-success--large, .button-muted--large, .button-link--large, .button-clear--large, .button-quaternary--large, .button-tertiary--large, .button-secondary--large, .button-primary--large, .button-signout, .button-urgent--small, .button-success--small, .button-muted--small, .button-link--small, .button-clear--small, .button-quaternary--small, .button-tertiary--small, .button-secondary--small--icon, .button-secondary--small, .button-primary--small--icon, .button-primary--small {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: color 0.5s ease, background-color 0.5s ease;
  -moz-transition: color 0.5s ease, background-color 0.5s ease;
  transition: color 0.5s ease, background-color 0.5s ease;
  border: 0;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  outline: 0;
  padding: 16px 40px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  -webkit-appearance: none;
}
.disabled.button-urgent, .disabled.button-success, .disabled.button-muted, .disabled.button-link, .disabled.button-clear, .disabled.button-quaternary, .disabled.button-tertiary, .disabled.button-secondary, .disabled.button-primary, .disabled.button, .disabled.button-icon-primary, .disabled.button-back, .disabled.button-urgent--large--icon, .disabled.button-urgent--small--icon, .disabled.button-success--large--icon, .disabled.button-success--small--icon, .disabled.button-muted--large--icon, .disabled.button-muted--small--icon, .disabled.button-clear--icon--secondary, .disabled.button-clear--icon--primary, .disabled.button-clear--icon, .disabled.button-quaternary--large--icon, .disabled.button-quaternary--small--icon, .disabled.button-quaternary--icon, .disabled.button-tertiary--icon, .disabled.button-secondary--large--icon, .disabled.button-secondary--small--icon, .disabled.button-secondary--icon, .disabled.button-primary--large--icon, .disabled.button-primary--small--icon, .disabled.button-primary--icon, .disabled.button-tertiary--large--icon, .disabled.button-tertiary--small--icon, .disabled.button-urgent--large, .disabled.button-success--large, .disabled.button-muted--large, .disabled.button-link--large, .disabled.button-clear--large, .disabled.button-quaternary--large, .disabled.button-tertiary--large, .disabled.button-secondary--large, .disabled.button-primary--large, .disabled.button-signout, .disabled.button-urgent--small, .disabled.button-success--small, .disabled.button-muted--small, .disabled.button-link--small, .disabled.button-clear--small, .disabled.button-quaternary--small, .disabled.button-tertiary--small, .disabled.button-secondary--small, .disabled.button-primary--small {
  background-color: #d5d5d5;
  color: #fff !important;
}
.disabled-dark.button-urgent, .disabled-dark.button-success, .disabled-dark.button-muted, .disabled-dark.button-link, .disabled-dark.button-clear, .disabled-dark.button-quaternary, .disabled-dark.button-tertiary, .disabled-dark.button-secondary, .disabled-dark.button-primary, .disabled-dark.button, .disabled-dark.button-icon-primary, .disabled-dark.button-back, .disabled-dark.button-urgent--large--icon, .disabled-dark.button-urgent--small--icon, .disabled-dark.button-success--large--icon, .disabled-dark.button-success--small--icon, .disabled-dark.button-muted--large--icon, .disabled-dark.button-muted--small--icon, .disabled-dark.button-clear--icon--secondary, .disabled-dark.button-clear--icon--primary, .disabled-dark.button-clear--icon, .disabled-dark.button-quaternary--large--icon, .disabled-dark.button-quaternary--small--icon, .disabled-dark.button-quaternary--icon, .disabled-dark.button-tertiary--icon, .disabled-dark.button-secondary--large--icon, .disabled-dark.button-secondary--small--icon, .disabled-dark.button-secondary--icon, .disabled-dark.button-primary--large--icon, .disabled-dark.button-primary--small--icon, .disabled-dark.button-primary--icon, .disabled-dark.button-tertiary--large--icon, .disabled-dark.button-tertiary--small--icon, .disabled-dark.button-urgent--large, .disabled-dark.button-success--large, .disabled-dark.button-muted--large, .disabled-dark.button-link--large, .disabled-dark.button-clear--large, .disabled-dark.button-quaternary--large, .disabled-dark.button-tertiary--large, .disabled-dark.button-secondary--large, .disabled-dark.button-primary--large, .disabled-dark.button-signout, .disabled-dark.button-urgent--small, .disabled-dark.button-success--small, .disabled-dark.button-muted--small, .disabled-dark.button-link--small, .disabled-dark.button-clear--small, .disabled-dark.button-quaternary--small, .disabled-dark.button-tertiary--small, .disabled-dark.button-secondary--small, .disabled-dark.button-primary--small {
  background-color: #444;
  color: #222 !important;
}
.button-urgent:focus-visible, .button-success:focus-visible, .button-muted:focus-visible, .button-link:focus-visible, .button-clear:focus-visible, .button-quaternary:focus-visible, .button-tertiary:focus-visible, .button-secondary:focus-visible, .button-primary:focus-visible, .button:focus-visible, .button-icon-primary:focus-visible, .button-back:focus-visible, .button-urgent--large--icon:focus-visible, .button-urgent--small--icon:focus-visible, .button-success--large--icon:focus-visible, .button-success--small--icon:focus-visible, .button-muted--large--icon:focus-visible, .button-muted--small--icon:focus-visible, .button-clear--icon--secondary:focus-visible, .button-clear--icon--primary:focus-visible, .button-clear--icon:focus-visible, .button-quaternary--large--icon:focus-visible, .button-quaternary--small--icon:focus-visible, .button-quaternary--icon:focus-visible, .button-tertiary--icon:focus-visible, .button-secondary--large--icon:focus-visible, .button-secondary--small--icon:focus-visible, .button-secondary--icon:focus-visible, .button-primary--large--icon:focus-visible, .button-primary--small--icon:focus-visible, .button-primary--icon:focus-visible, .button-tertiary--large--icon:focus-visible, .button-tertiary--small--icon:focus-visible, .button-urgent--large:focus-visible, .button-success--large:focus-visible, .button-muted--large:focus-visible, .button-link--large:focus-visible, .button-clear--large:focus-visible, .button-quaternary--large:focus-visible, .button-tertiary--large:focus-visible, .button-secondary--large:focus-visible, .button-primary--large:focus-visible, .button-signout:focus-visible, .button-urgent--small:focus-visible, .button-success--small:focus-visible, .button-muted--small:focus-visible, .button-link--small:focus-visible, .button-clear--small:focus-visible, .button-quaternary--small:focus-visible, .button-tertiary--small:focus-visible, .button-secondary--small:focus-visible, .button-primary--small:focus-visible {
  outline: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #000000;
}

.button-signout, .button-urgent--small--icon, .button-urgent--small, .button-success--small--icon, .button-success--small, .button-muted--small--icon, .button-muted--small, .button-link--small, .button-clear--small, .button-quaternary--small--icon, .button-quaternary--small, .button-tertiary--small--icon, .button-tertiary--small, .button-secondary--small--icon, .button-secondary--small, .button-primary--small--icon, .button-primary--small {
  font-size: 12px;
  padding: 13px 30px;
}
.button-signout [class^=icon], .button-urgent--small--icon [class^=icon], .button-urgent--small [class^=icon], .button-success--small--icon [class^=icon], .button-success--small [class^=icon], .button-muted--small--icon [class^=icon], .button-muted--small [class^=icon], .button-link--small [class^=icon], .button-clear--small [class^=icon], .button-quaternary--small--icon [class^=icon], .button-quaternary--small [class^=icon], .button-tertiary--small--icon [class^=icon], .button-tertiary--small [class^=icon], .button-secondary--small--icon [class^=icon], .button-secondary--small [class^=icon], .button-primary--small--icon [class^=icon], .button-primary--small [class^=icon] {
  display: block;
  float: left;
  padding-right: 10px;
  padding-top: 2px;
}

.button-urgent--large--icon, .button-urgent--large, .button-success--large--icon, .button-success--large, .button-muted--large--icon, .button-muted--large, .button-link--large, .button-clear--large, .button-quaternary--large--icon, .button-quaternary--large, .button-tertiary--large--icon, .button-tertiary--large, .button-secondary--large--icon, .button-secondary--large, .button-primary--large--icon, .button-primary--large {
  padding: 18px 40px;
}

.theme-1 .button-primary--large--icon, .theme-1 .button-primary--large, .theme-1 .button-primary--small--icon, .theme-1 .button-primary--small, .theme-1 .button-primary--icon, .theme-1 .button-primary {
  background-color: #fbd20b;
}
.theme-2 .button-primary--large--icon, .theme-2 .button-primary--large, .theme-2 .button-primary--small--icon, .theme-2 .button-primary--small, .theme-2 .button-primary--icon, .theme-2 .button-primary {
  background-color: #3cfdf2;
}
.theme-3 .button-primary--large--icon, .theme-3 .button-primary--large, .theme-3 .button-primary--small--icon, .theme-3 .button-primary--small, .theme-3 .button-primary--icon, .theme-3 .button-primary {
  background-color: #eee7cb;
}
.theme-4 .button-primary--large--icon, .theme-4 .button-primary--large, .theme-4 .button-primary--small--icon, .theme-4 .button-primary--small, .theme-4 .button-primary--icon, .theme-4 .button-primary {
  background-color: #efc416;
}
.theme-5 .button-primary--large--icon, .theme-5 .button-primary--large, .theme-5 .button-primary--small--icon, .theme-5 .button-primary--small, .theme-5 .button-primary--icon, .theme-5 .button-primary {
  background-color: #0cd2de;
}
.theme-6 .button-primary--large--icon, .theme-6 .button-primary--large, .theme-6 .button-primary--small--icon, .theme-6 .button-primary--small, .theme-6 .button-primary--icon, .theme-6 .button-primary {
  background-color: #fceb92;
}
.theme-7 .button-primary--large--icon, .theme-7 .button-primary--large, .theme-7 .button-primary--small--icon, .theme-7 .button-primary--small, .theme-7 .button-primary--icon, .theme-7 .button-primary {
  background-color: #ffefb5;
}
.theme-8 .button-primary--large--icon, .theme-8 .button-primary--large, .theme-8 .button-primary--small--icon, .theme-8 .button-primary--small, .theme-8 .button-primary--icon, .theme-8 .button-primary {
  background-color: #8df5f9;
}
.theme-9 .button-primary--large--icon, .theme-9 .button-primary--large, .theme-9 .button-primary--small--icon, .theme-9 .button-primary--small, .theme-9 .button-primary--icon, .theme-9 .button-primary {
  background-color: #e6eaa7;
}
.theme-10 .button-primary--large--icon, .theme-10 .button-primary--large, .theme-10 .button-primary--small--icon, .theme-10 .button-primary--small, .theme-10 .button-primary--icon, .theme-10 .button-primary {
  background-color: #94e1fe;
}
.theme-11 .button-primary--large--icon, .theme-11 .button-primary--large, .theme-11 .button-primary--small--icon, .theme-11 .button-primary--small, .theme-11 .button-primary--icon, .theme-11 .button-primary {
  background-color: #e0f18f;
}
.button-primary--large--icon, .button-primary--large, .button-primary--small--icon, .button-primary--small, .button-primary--icon, .button-primary {
  color: #222 !important;
}
.button-primary--large--icon [class^=icon], .button-primary--large [class^=icon], .button-primary--small--icon [class^=icon], .button-primary--small [class^=icon], .button-primary--icon [class^=icon], .button-primary [class^=icon] {
  color: #222 !important;
}
.theme-1 .active.button-primary--large--icon, .theme-1 .active.button-primary--large, .theme-1 .active.button-primary--small--icon, .theme-1 .active.button-primary--small, .theme-1 .active.button-primary--icon, .theme-1 .active.button-primary, .theme-1 .button-primary--large--icon:hover, .theme-1 .button-primary--large:hover, .theme-1 .button-primary--small--icon:hover, .theme-1 .button-primary--small:hover, .theme-1 .button-primary--icon:hover, .theme-1 .button-primary:hover {
  background-color: rgb(207.5967741935, 172.7137096774, 3.4032258065);
}
.theme-2 .active.button-primary--large--icon, .theme-2 .active.button-primary--large, .theme-2 .active.button-primary--small--icon, .theme-2 .active.button-primary--small, .theme-2 .active.button-primary--icon, .theme-2 .active.button-primary, .theme-2 .button-primary--large--icon:hover, .theme-2 .button-primary--large:hover, .theme-2 .button-primary--small--icon:hover, .theme-2 .button-primary--small:hover, .theme-2 .button-primary--icon:hover, .theme-2 .button-primary:hover {
  background-color: rgb(9.5177664975, 252.4822335025, 238.6345177665);
}
.theme-3 .active.button-primary--large--icon, .theme-3 .active.button-primary--large, .theme-3 .active.button-primary--small--icon, .theme-3 .active.button-primary--small, .theme-3 .active.button-primary--icon, .theme-3 .active.button-primary, .theme-3 .button-primary--large--icon:hover, .theme-3 .button-primary--large:hover, .theme-3 .button-primary--small--icon:hover, .theme-3 .button-primary--small:hover, .theme-3 .button-primary--icon:hover, .theme-3 .button-primary:hover {
  background-color: rgb(225.4347826087, 213.2608695652, 164.5652173913);
}
.theme-4 .active.button-primary--large--icon, .theme-4 .active.button-primary--large, .theme-4 .active.button-primary--small--icon, .theme-4 .active.button-primary--small, .theme-4 .active.button-primary--icon, .theme-4 .active.button-primary, .theme-4 .button-primary--large--icon:hover, .theme-4 .button-primary--large:hover, .theme-4 .button-primary--small--icon:hover, .theme-4 .button-primary--small:hover, .theme-4 .button-primary--icon:hover, .theme-4 .button-primary:hover {
  background-color: rgb(196.5060240964, 160.2409638554, 13.4939759036);
}
.theme-5 .active.button-primary--large--icon, .theme-5 .active.button-primary--large, .theme-5 .active.button-primary--small--icon, .theme-5 .active.button-primary--small, .theme-5 .active.button-primary--icon, .theme-5 .active.button-primary, .theme-5 .button-primary--large--icon:hover, .theme-5 .button-primary--large:hover, .theme-5 .button-primary--small--icon:hover, .theme-5 .button-primary--small:hover, .theme-5 .button-primary--icon:hover, .theme-5 .button-primary:hover {
  background-color: rgb(9.3846153846, 164.2307692308, 173.6153846154);
}
.theme-6 .active.button-primary--large--icon, .theme-6 .active.button-primary--large, .theme-6 .active.button-primary--small--icon, .theme-6 .active.button-primary--small, .theme-6 .active.button-primary--icon, .theme-6 .active.button-primary, .theme-6 .button-primary--large--icon:hover, .theme-6 .button-primary--large:hover, .theme-6 .button-primary--small--icon:hover, .theme-6 .button-primary--small:hover, .theme-6 .button-primary--icon:hover, .theme-6 .button-primary:hover {
  background-color: rgb(250.6339285714, 225.8928571429, 96.3660714286);
}
.theme-7 .active.button-primary--large--icon, .theme-7 .active.button-primary--large, .theme-7 .active.button-primary--small--icon, .theme-7 .active.button-primary--small, .theme-7 .active.button-primary--icon, .theme-7 .active.button-primary, .theme-7 .button-primary--large--icon:hover, .theme-7 .button-primary--large:hover, .theme-7 .button-primary--small--icon:hover, .theme-7 .button-primary--small:hover, .theme-7 .button-primary--icon:hover, .theme-7 .button-primary:hover {
  background-color: rgb(255, 227.972972973, 130);
}
.theme-8 .active.button-primary--large--icon, .theme-8 .active.button-primary--large, .theme-8 .active.button-primary--small--icon, .theme-8 .active.button-primary--small, .theme-8 .active.button-primary--icon, .theme-8 .active.button-primary, .theme-8 .button-primary--large--icon:hover, .theme-8 .button-primary--large:hover, .theme-8 .button-primary--small--icon:hover, .theme-8 .button-primary--small:hover, .theme-8 .button-primary--icon:hover, .theme-8 .button-primary:hover {
  background-color: rgb(92.55, 240.75, 246.45);
}
.theme-9 .active.button-primary--large--icon, .theme-9 .active.button-primary--large, .theme-9 .active.button-primary--small--icon, .theme-9 .active.button-primary--small, .theme-9 .active.button-primary--icon, .theme-9 .active.button-primary, .theme-9 .button-primary--large--icon:hover, .theme-9 .button-primary--large:hover, .theme-9 .button-primary--small--icon:hover, .theme-9 .button-primary--small:hover, .theme-9 .button-primary--icon:hover, .theme-9 .button-primary:hover {
  background-color: rgb(218.3027522936, 224.1743119266, 125.8256880734);
}
.theme-10 .active.button-primary--large--icon, .theme-10 .active.button-primary--large, .theme-10 .active.button-primary--small--icon, .theme-10 .active.button-primary--small, .theme-10 .active.button-primary--icon, .theme-10 .active.button-primary, .theme-10 .button-primary--large--icon:hover, .theme-10 .button-primary--large:hover, .theme-10 .button-primary--small--icon:hover, .theme-10 .button-primary--small:hover, .theme-10 .button-primary--icon:hover, .theme-10 .button-primary:hover {
  background-color: rgb(97.4722222222, 210.8333333333, 253.5277777778);
}
.theme-11 .active.button-primary--large--icon, .theme-11 .active.button-primary--large, .theme-11 .active.button-primary--small--icon, .theme-11 .active.button-primary--small, .theme-11 .active.button-primary--icon, .theme-11 .active.button-primary, .theme-11 .button-primary--large--icon:hover, .theme-11 .button-primary--large:hover, .theme-11 .button-primary--small--icon:hover, .theme-11 .button-primary--small:hover, .theme-11 .button-primary--icon:hover, .theme-11 .button-primary:hover {
  background-color: rgb(211.4523809524, 235.3333333333, 97.6666666667);
}
.theme-1 [disabled].button-primary--large--icon, .theme-1 [disabled].button-primary--large, .theme-1 [disabled].button-primary--small--icon, .theme-1 [disabled].button-primary--small, .theme-1 [disabled].button-primary--icon, .theme-1 [disabled].button-primary {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 [disabled].button-primary--large--icon, .theme-2 [disabled].button-primary--large, .theme-2 [disabled].button-primary--small--icon, .theme-2 [disabled].button-primary--small, .theme-2 [disabled].button-primary--icon, .theme-2 [disabled].button-primary {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 [disabled].button-primary--large--icon, .theme-3 [disabled].button-primary--large, .theme-3 [disabled].button-primary--small--icon, .theme-3 [disabled].button-primary--small, .theme-3 [disabled].button-primary--icon, .theme-3 [disabled].button-primary {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 [disabled].button-primary--large--icon, .theme-4 [disabled].button-primary--large, .theme-4 [disabled].button-primary--small--icon, .theme-4 [disabled].button-primary--small, .theme-4 [disabled].button-primary--icon, .theme-4 [disabled].button-primary {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 [disabled].button-primary--large--icon, .theme-5 [disabled].button-primary--large, .theme-5 [disabled].button-primary--small--icon, .theme-5 [disabled].button-primary--small, .theme-5 [disabled].button-primary--icon, .theme-5 [disabled].button-primary {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 [disabled].button-primary--large--icon, .theme-6 [disabled].button-primary--large, .theme-6 [disabled].button-primary--small--icon, .theme-6 [disabled].button-primary--small, .theme-6 [disabled].button-primary--icon, .theme-6 [disabled].button-primary {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 [disabled].button-primary--large--icon, .theme-7 [disabled].button-primary--large, .theme-7 [disabled].button-primary--small--icon, .theme-7 [disabled].button-primary--small, .theme-7 [disabled].button-primary--icon, .theme-7 [disabled].button-primary {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 [disabled].button-primary--large--icon, .theme-8 [disabled].button-primary--large, .theme-8 [disabled].button-primary--small--icon, .theme-8 [disabled].button-primary--small, .theme-8 [disabled].button-primary--icon, .theme-8 [disabled].button-primary {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 [disabled].button-primary--large--icon, .theme-9 [disabled].button-primary--large, .theme-9 [disabled].button-primary--small--icon, .theme-9 [disabled].button-primary--small, .theme-9 [disabled].button-primary--icon, .theme-9 [disabled].button-primary {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 [disabled].button-primary--large--icon, .theme-10 [disabled].button-primary--large, .theme-10 [disabled].button-primary--small--icon, .theme-10 [disabled].button-primary--small, .theme-10 [disabled].button-primary--icon, .theme-10 [disabled].button-primary {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 [disabled].button-primary--large--icon, .theme-11 [disabled].button-primary--large, .theme-11 [disabled].button-primary--small--icon, .theme-11 [disabled].button-primary--small, .theme-11 [disabled].button-primary--icon, .theme-11 [disabled].button-primary {
  background-color: rgba(224, 241, 143, 0.2);
}

.theme-1 .button-secondary--large--icon, .theme-1 .button-secondary--large, .theme-1 .button-secondary--small--icon, .theme-1 .button-secondary--small, .theme-1 .button-secondary--icon, .theme-1 .button-secondary {
  background-color: #22b7f2;
}
.theme-2 .button-secondary--large--icon, .theme-2 .button-secondary--large, .theme-2 .button-secondary--small--icon, .theme-2 .button-secondary--small, .theme-2 .button-secondary--icon, .theme-2 .button-secondary {
  background-color: #8240ca;
}
.theme-3 .button-secondary--large--icon, .theme-3 .button-secondary--large, .theme-3 .button-secondary--small--icon, .theme-3 .button-secondary--small, .theme-3 .button-secondary--icon, .theme-3 .button-secondary {
  background-color: #bd1118;
}
.theme-4 .button-secondary--large--icon, .theme-4 .button-secondary--large, .theme-4 .button-secondary--small--icon, .theme-4 .button-secondary--small, .theme-4 .button-secondary--icon, .theme-4 .button-secondary {
  background-color: #cc5302;
}
.theme-5 .button-secondary--large--icon, .theme-5 .button-secondary--large, .theme-5 .button-secondary--small--icon, .theme-5 .button-secondary--small, .theme-5 .button-secondary--icon, .theme-5 .button-secondary {
  background-color: #f43b5f;
}
.theme-6 .button-secondary--large--icon, .theme-6 .button-secondary--large, .theme-6 .button-secondary--small--icon, .theme-6 .button-secondary--small, .theme-6 .button-secondary--icon, .theme-6 .button-secondary {
  background-color: #0cd2de;
}
.theme-7 .button-secondary--large--icon, .theme-7 .button-secondary--large, .theme-7 .button-secondary--small--icon, .theme-7 .button-secondary--small, .theme-7 .button-secondary--icon, .theme-7 .button-secondary {
  background-color: #fba90b;
}
.theme-8 .button-secondary--large--icon, .theme-8 .button-secondary--large, .theme-8 .button-secondary--small--icon, .theme-8 .button-secondary--small, .theme-8 .button-secondary--icon, .theme-8 .button-secondary {
  background-color: #13a104;
}
.theme-9 .button-secondary--large--icon, .theme-9 .button-secondary--large, .theme-9 .button-secondary--small--icon, .theme-9 .button-secondary--small, .theme-9 .button-secondary--icon, .theme-9 .button-secondary {
  background-color: #07696a;
}
.theme-10 .button-secondary--large--icon, .theme-10 .button-secondary--large, .theme-10 .button-secondary--small--icon, .theme-10 .button-secondary--small, .theme-10 .button-secondary--icon, .theme-10 .button-secondary {
  background-color: #005a9d;
}
.theme-11 .button-secondary--large--icon, .theme-11 .button-secondary--large, .theme-11 .button-secondary--small--icon, .theme-11 .button-secondary--small, .theme-11 .button-secondary--icon, .theme-11 .button-secondary {
  background-color: #8acb01;
}
.button-secondary--large--icon, .button-secondary--large, .button-secondary--small--icon, .button-secondary--small, .button-secondary--icon, .button-secondary {
  color: #fff !important;
}
.button-secondary--large--icon [class^=icon], .button-secondary--large [class^=icon], .button-secondary--small--icon [class^=icon], .button-secondary--small [class^=icon], .button-secondary--icon [class^=icon], .button-secondary [class^=icon] {
  color: #fff !important;
}
.theme-1 .active.button-secondary--large--icon, .theme-1 .active.button-secondary--large, .theme-1 .active.button-secondary--small--icon, .theme-1 .active.button-secondary--small, .theme-1 .active.button-secondary--icon, .theme-1 .active.button-secondary, .theme-1 .button-secondary--large--icon:hover, .theme-1 .button-secondary--large:hover, .theme-1 .button-secondary--small--icon:hover, .theme-1 .button-secondary--small:hover, .theme-1 .button-secondary--icon:hover, .theme-1 .button-secondary:hover {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .active.button-secondary--large--icon, .theme-2 .active.button-secondary--large, .theme-2 .active.button-secondary--small--icon, .theme-2 .active.button-secondary--small, .theme-2 .active.button-secondary--icon, .theme-2 .active.button-secondary, .theme-2 .button-secondary--large--icon:hover, .theme-2 .button-secondary--large:hover, .theme-2 .button-secondary--small--icon:hover, .theme-2 .button-secondary--small:hover, .theme-2 .button-secondary--icon:hover, .theme-2 .button-secondary:hover {
  background-color: rgb(104.856557377, 46.7008196721, 168.2991803279);
}
.theme-3 .active.button-secondary--large--icon, .theme-3 .active.button-secondary--large, .theme-3 .active.button-secondary--small--icon, .theme-3 .active.button-secondary--small, .theme-3 .active.button-secondary--icon, .theme-3 .active.button-secondary, .theme-3 .button-secondary--large--icon:hover, .theme-3 .button-secondary--large:hover, .theme-3 .button-secondary--small--icon:hover, .theme-3 .button-secondary--small:hover, .theme-3 .button-secondary--icon:hover, .theme-3 .button-secondary:hover {
  background-color: rgb(142.2087378641, 12.7912621359, 18.0582524272);
}
.theme-4 .active.button-secondary--large--icon, .theme-4 .active.button-secondary--large, .theme-4 .active.button-secondary--small--icon, .theme-4 .active.button-secondary--small, .theme-4 .active.button-secondary--icon, .theme-4 .active.button-secondary, .theme-4 .button-secondary--large--icon:hover, .theme-4 .button-secondary--large:hover, .theme-4 .button-secondary--small--icon:hover, .theme-4 .button-secondary--small:hover, .theme-4 .button-secondary--icon:hover, .theme-4 .button-secondary:hover {
  background-color: rgb(153.4951456311, 62.4514563107, 1.5048543689);
}
.theme-5 .active.button-secondary--large--icon, .theme-5 .active.button-secondary--large, .theme-5 .active.button-secondary--small--icon, .theme-5 .active.button-secondary--small, .theme-5 .active.button-secondary--icon, .theme-5 .active.button-secondary, .theme-5 .button-secondary--large--icon:hover, .theme-5 .button-secondary--large:hover, .theme-5 .button-secondary--small--icon:hover, .theme-5 .button-secondary--small:hover, .theme-5 .button-secondary--icon:hover, .theme-5 .button-secondary:hover {
  background-color: rgb(238.6086956522, 13.3913043478, 57.2173913043);
}
.theme-6 .active.button-secondary--large--icon, .theme-6 .active.button-secondary--large, .theme-6 .active.button-secondary--small--icon, .theme-6 .active.button-secondary--small, .theme-6 .active.button-secondary--icon, .theme-6 .active.button-secondary, .theme-6 .button-secondary--large--icon:hover, .theme-6 .button-secondary--large:hover, .theme-6 .button-secondary--small--icon:hover, .theme-6 .button-secondary--small:hover, .theme-6 .button-secondary--icon:hover, .theme-6 .button-secondary:hover {
  background-color: rgb(9.3846153846, 164.2307692308, 173.6153846154);
}
.theme-7 .active.button-secondary--large--icon, .theme-7 .active.button-secondary--large, .theme-7 .active.button-secondary--small--icon, .theme-7 .active.button-secondary--small, .theme-7 .active.button-secondary--icon, .theme-7 .active.button-secondary, .theme-7 .button-secondary--large--icon:hover, .theme-7 .button-secondary--large:hover, .theme-7 .button-secondary--small--icon:hover, .theme-7 .button-secondary--small:hover, .theme-7 .button-secondary--icon:hover, .theme-7 .button-secondary:hover {
  background-color: rgb(207.5967741935, 137.8306451613, 3.4032258065);
}
.theme-8 .active.button-secondary--large--icon, .theme-8 .active.button-secondary--large, .theme-8 .active.button-secondary--small--icon, .theme-8 .active.button-secondary--small, .theme-8 .active.button-secondary--icon, .theme-8 .active.button-secondary, .theme-8 .button-secondary--large--icon:hover, .theme-8 .button-secondary--large:hover, .theme-8 .button-secondary--small--icon:hover, .theme-8 .button-secondary--small:hover, .theme-8 .button-secondary--icon:hover, .theme-8 .button-secondary:hover {
  background-color: rgb(13.1272727273, 111.2363636364, 2.7636363636);
}
.theme-9 .active.button-secondary--large--icon, .theme-9 .active.button-secondary--large, .theme-9 .active.button-secondary--small--icon, .theme-9 .active.button-secondary--small, .theme-9 .active.button-secondary--icon, .theme-9 .active.button-secondary, .theme-9 .button-secondary--large--icon:hover, .theme-9 .button-secondary--large:hover, .theme-9 .button-secondary--small--icon:hover, .theme-9 .button-secondary--small:hover, .theme-9 .button-secondary--icon:hover, .theme-9 .button-secondary:hover {
  background-color: rgb(3.8407079646, 57.610619469, 58.1592920354);
}
.theme-10 .active.button-secondary--large--icon, .theme-10 .active.button-secondary--large, .theme-10 .active.button-secondary--small--icon, .theme-10 .active.button-secondary--small, .theme-10 .active.button-secondary--icon, .theme-10 .active.button-secondary, .theme-10 .button-secondary--large--icon:hover, .theme-10 .button-secondary--large:hover, .theme-10 .button-secondary--small--icon:hover, .theme-10 .button-secondary--small:hover, .theme-10 .button-secondary--icon:hover, .theme-10 .button-secondary:hover {
  background-color: rgb(0, 60.7643312102, 106);
}
.theme-11 .active.button-secondary--large--icon, .theme-11 .active.button-secondary--large, .theme-11 .active.button-secondary--small--icon, .theme-11 .active.button-secondary--small, .theme-11 .active.button-secondary--icon, .theme-11 .active.button-secondary, .theme-11 .button-secondary--large--icon:hover, .theme-11 .button-secondary--large:hover, .theme-11 .button-secondary--small--icon:hover, .theme-11 .button-secondary--small:hover, .theme-11 .button-secondary--icon:hover, .theme-11 .button-secondary:hover {
  background-color: rgb(103.5, 152.25, 0.75);
}
.theme-1 [disabled].button-secondary--large--icon, .theme-1 [disabled].button-secondary--large, .theme-1 [disabled].button-secondary--small--icon, .theme-1 [disabled].button-secondary--small, .theme-1 [disabled].button-secondary--icon, .theme-1 [disabled].button-secondary {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 [disabled].button-secondary--large--icon, .theme-2 [disabled].button-secondary--large, .theme-2 [disabled].button-secondary--small--icon, .theme-2 [disabled].button-secondary--small, .theme-2 [disabled].button-secondary--icon, .theme-2 [disabled].button-secondary {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 [disabled].button-secondary--large--icon, .theme-3 [disabled].button-secondary--large, .theme-3 [disabled].button-secondary--small--icon, .theme-3 [disabled].button-secondary--small, .theme-3 [disabled].button-secondary--icon, .theme-3 [disabled].button-secondary {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 [disabled].button-secondary--large--icon, .theme-4 [disabled].button-secondary--large, .theme-4 [disabled].button-secondary--small--icon, .theme-4 [disabled].button-secondary--small, .theme-4 [disabled].button-secondary--icon, .theme-4 [disabled].button-secondary {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 [disabled].button-secondary--large--icon, .theme-5 [disabled].button-secondary--large, .theme-5 [disabled].button-secondary--small--icon, .theme-5 [disabled].button-secondary--small, .theme-5 [disabled].button-secondary--icon, .theme-5 [disabled].button-secondary {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 [disabled].button-secondary--large--icon, .theme-6 [disabled].button-secondary--large, .theme-6 [disabled].button-secondary--small--icon, .theme-6 [disabled].button-secondary--small, .theme-6 [disabled].button-secondary--icon, .theme-6 [disabled].button-secondary {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 [disabled].button-secondary--large--icon, .theme-7 [disabled].button-secondary--large, .theme-7 [disabled].button-secondary--small--icon, .theme-7 [disabled].button-secondary--small, .theme-7 [disabled].button-secondary--icon, .theme-7 [disabled].button-secondary {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 [disabled].button-secondary--large--icon, .theme-8 [disabled].button-secondary--large, .theme-8 [disabled].button-secondary--small--icon, .theme-8 [disabled].button-secondary--small, .theme-8 [disabled].button-secondary--icon, .theme-8 [disabled].button-secondary {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 [disabled].button-secondary--large--icon, .theme-9 [disabled].button-secondary--large, .theme-9 [disabled].button-secondary--small--icon, .theme-9 [disabled].button-secondary--small, .theme-9 [disabled].button-secondary--icon, .theme-9 [disabled].button-secondary {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 [disabled].button-secondary--large--icon, .theme-10 [disabled].button-secondary--large, .theme-10 [disabled].button-secondary--small--icon, .theme-10 [disabled].button-secondary--small, .theme-10 [disabled].button-secondary--icon, .theme-10 [disabled].button-secondary {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 [disabled].button-secondary--large--icon, .theme-11 [disabled].button-secondary--large, .theme-11 [disabled].button-secondary--small--icon, .theme-11 [disabled].button-secondary--small, .theme-11 [disabled].button-secondary--icon, .theme-11 [disabled].button-secondary {
  background-color: rgba(224, 241, 143, 0.2);
}
.theme-1 [disabled].active.button-secondary--large--icon, .theme-1 [disabled].active.button-secondary--large, .theme-1 [disabled].active.button-secondary--small--icon, .theme-1 [disabled].active.button-secondary--small, .theme-1 [disabled].active.button-secondary--icon, .theme-1 [disabled].active.button-secondary, .theme-1 [disabled].button-secondary--large--icon:hover, .theme-1 [disabled].button-secondary--large:hover, .theme-1 [disabled].button-secondary--small--icon:hover, .theme-1 [disabled].button-secondary--small:hover, .theme-1 [disabled].button-secondary--icon:hover, .theme-1 [disabled].button-secondary:hover {
  background-color: rgba(107.2419354839, 89.2217741935, 1.7580645161, 0.2);
}
.theme-2 [disabled].active.button-secondary--large--icon, .theme-2 [disabled].active.button-secondary--large, .theme-2 [disabled].active.button-secondary--small--icon, .theme-2 [disabled].active.button-secondary--small, .theme-2 [disabled].active.button-secondary--icon, .theme-2 [disabled].active.button-secondary, .theme-2 [disabled].button-secondary--large--icon:hover, .theme-2 [disabled].button-secondary--large:hover, .theme-2 [disabled].button-secondary--small--icon:hover, .theme-2 [disabled].button-secondary--small:hover, .theme-2 [disabled].button-secondary--icon:hover, .theme-2 [disabled].button-secondary:hover {
  background-color: rgba(23.6394230769, 121.7788461538, 125.3605769231, 0.2);
}
.theme-3 [disabled].active.button-secondary--large--icon, .theme-3 [disabled].active.button-secondary--large, .theme-3 [disabled].active.button-secondary--small--icon, .theme-3 [disabled].active.button-secondary--small, .theme-3 [disabled].active.button-secondary--icon, .theme-3 [disabled].active.button-secondary, .theme-3 [disabled].button-secondary--large--icon:hover, .theme-3 [disabled].button-secondary--large:hover, .theme-3 [disabled].button-secondary--small--icon:hover, .theme-3 [disabled].button-secondary--small:hover, .theme-3 [disabled].button-secondary--icon:hover, .theme-3 [disabled].button-secondary:hover {
  background-color: rgba(200.3043478261, 177.7826086957, 87.6956521739, 0.2);
}
.theme-4 [disabled].active.button-secondary--large--icon, .theme-4 [disabled].active.button-secondary--large, .theme-4 [disabled].active.button-secondary--small--icon, .theme-4 [disabled].active.button-secondary--small, .theme-4 [disabled].active.button-secondary--icon, .theme-4 [disabled].active.button-secondary, .theme-4 [disabled].button-secondary--large--icon:hover, .theme-4 [disabled].button-secondary--large:hover, .theme-4 [disabled].button-secondary--small--icon:hover, .theme-4 [disabled].button-secondary--small:hover, .theme-4 [disabled].button-secondary--icon:hover, .theme-4 [disabled].button-secondary:hover {
  background-color: rgba(101.0602409639, 82.4096385542, 6.9397590361, 0.2);
}
.theme-5 [disabled].active.button-secondary--large--icon, .theme-5 [disabled].active.button-secondary--large, .theme-5 [disabled].active.button-secondary--small--icon, .theme-5 [disabled].active.button-secondary--small, .theme-5 [disabled].active.button-secondary--icon, .theme-5 [disabled].active.button-secondary, .theme-5 [disabled].button-secondary--large--icon:hover, .theme-5 [disabled].button-secondary--large:hover, .theme-5 [disabled].button-secondary--small--icon:hover, .theme-5 [disabled].button-secondary--small:hover, .theme-5 [disabled].button-secondary--icon:hover, .theme-5 [disabled].button-secondary:hover {
  background-color: rgba(4.1538461538, 72.6923076923, 76.8461538462, 0.2);
}
.theme-6 [disabled].active.button-secondary--large--icon, .theme-6 [disabled].active.button-secondary--large, .theme-6 [disabled].active.button-secondary--small--icon, .theme-6 [disabled].active.button-secondary--small, .theme-6 [disabled].active.button-secondary--icon, .theme-6 [disabled].active.button-secondary, .theme-6 [disabled].button-secondary--large--icon:hover, .theme-6 [disabled].button-secondary--large:hover, .theme-6 [disabled].button-secondary--small--icon:hover, .theme-6 [disabled].button-secondary--small:hover, .theme-6 [disabled].button-secondary--icon:hover, .theme-6 [disabled].button-secondary:hover {
  background-color: rgba(238.4375, 201.25, 6.5625, 0.2);
}
.theme-7 [disabled].active.button-secondary--large--icon, .theme-7 [disabled].active.button-secondary--large, .theme-7 [disabled].active.button-secondary--small--icon, .theme-7 [disabled].active.button-secondary--small, .theme-7 [disabled].active.button-secondary--icon, .theme-7 [disabled].active.button-secondary, .theme-7 [disabled].button-secondary--large--icon:hover, .theme-7 [disabled].button-secondary--large:hover, .theme-7 [disabled].button-secondary--small--icon:hover, .theme-7 [disabled].button-secondary--small:hover, .theme-7 [disabled].button-secondary--icon:hover, .theme-7 [disabled].button-secondary:hover {
  background-color: rgba(255, 205.9189189189, 28, 0.2);
}
.theme-8 [disabled].active.button-secondary--large--icon, .theme-8 [disabled].active.button-secondary--large, .theme-8 [disabled].active.button-secondary--small--icon, .theme-8 [disabled].active.button-secondary--small, .theme-8 [disabled].active.button-secondary--icon, .theme-8 [disabled].active.button-secondary, .theme-8 [disabled].button-secondary--large--icon:hover, .theme-8 [disabled].button-secondary--large:hover, .theme-8 [disabled].button-secondary--small--icon:hover, .theme-8 [disabled].button-secondary--small:hover, .theme-8 [disabled].button-secondary--icon:hover, .theme-8 [disabled].button-secondary:hover {
  background-color: rgba(11.85, 217.25, 225.15, 0.2);
}
.theme-9 [disabled].active.button-secondary--large--icon, .theme-9 [disabled].active.button-secondary--large, .theme-9 [disabled].active.button-secondary--small--icon, .theme-9 [disabled].active.button-secondary--small, .theme-9 [disabled].active.button-secondary--icon, .theme-9 [disabled].active.button-secondary, .theme-9 [disabled].button-secondary--large--icon:hover, .theme-9 [disabled].button-secondary--large:hover, .theme-9 [disabled].button-secondary--small--icon:hover, .theme-9 [disabled].button-secondary--small:hover, .theme-9 [disabled].button-secondary--icon:hover, .theme-9 [disabled].button-secondary:hover {
  background-color: rgba(191.119266055, 200.2201834862, 47.7798165138, 0.2);
}
.theme-10 [disabled].active.button-secondary--large--icon, .theme-10 [disabled].active.button-secondary--large, .theme-10 [disabled].active.button-secondary--small--icon, .theme-10 [disabled].active.button-secondary--small, .theme-10 [disabled].active.button-secondary--icon, .theme-10 [disabled].active.button-secondary, .theme-10 [disabled].button-secondary--large--icon:hover, .theme-10 [disabled].button-secondary--large:hover, .theme-10 [disabled].button-secondary--small--icon:hover, .theme-10 [disabled].button-secondary--small:hover, .theme-10 [disabled].button-secondary--icon:hover, .theme-10 [disabled].button-secondary:hover {
  background-color: rgba(2.3055555556, 179.8333333333, 246.6944444444, 0.2);
}
.theme-11 [disabled].active.button-secondary--large--icon, .theme-11 [disabled].active.button-secondary--large, .theme-11 [disabled].active.button-secondary--small--icon, .theme-11 [disabled].active.button-secondary--small, .theme-11 [disabled].active.button-secondary--icon, .theme-11 [disabled].active.button-secondary, .theme-11 [disabled].button-secondary--large--icon:hover, .theme-11 [disabled].button-secondary--large:hover, .theme-11 [disabled].button-secondary--small--icon:hover, .theme-11 [disabled].button-secondary--small:hover, .theme-11 [disabled].button-secondary--icon:hover, .theme-11 [disabled].button-secondary:hover {
  background-color: rgba(174.1666666667, 205.3333333333, 25.6666666667, 0.2);
}

.button-tertiary--large--icon, .button-tertiary--large, .button-tertiary--small--icon, .button-tertiary--small, .button-tertiary--icon, .button-tertiary {
  background-color: #f4f4f4;
  color: #888 !important;
}
.button-tertiary--large--icon [class^=icon], .button-tertiary--large [class^=icon], .button-tertiary--small--icon [class^=icon], .button-tertiary--small [class^=icon], .button-tertiary--icon [class^=icon], .button-tertiary [class^=icon] {
  color: #888 !important;
}
.active.button-tertiary--large--icon, .active.button-tertiary--large, .active.button-tertiary--small--icon, .active.button-tertiary--small, .active.button-tertiary--icon, .active.button-tertiary, .button-tertiary--large--icon:hover, .button-tertiary--large:hover, .button-tertiary--small--icon:hover, .button-tertiary--small:hover, .button-tertiary--icon:hover, .button-tertiary:hover {
  background-color: rgb(218.5, 218.5, 218.5);
}
.ondark.button-tertiary--large--icon, .ondark.button-tertiary--large, .ondark.button-tertiary--small--icon, .ondark.button-tertiary--small, .ondark.button-tertiary--icon, .ondark.button-tertiary {
  background-color: #fff;
}
.ondark.button-tertiary--large--icon:hover, .ondark.button-tertiary--large:hover, .ondark.button-tertiary--small--icon:hover, .ondark.button-tertiary--small:hover, .ondark.button-tertiary--icon:hover, .ondark.button-tertiary:hover {
  background-color: #888;
  color: #fff !important;
}
.ondark.button-tertiary--large--icon:hover [class^=icon-], .ondark.button-tertiary--large:hover [class^=icon-], .ondark.button-tertiary--small--icon:hover [class^=icon-], .ondark.button-tertiary--small:hover [class^=icon-], .ondark.button-tertiary--icon:hover [class^=icon-], .ondark.button-tertiary:hover [class^=icon-] {
  color: #fff !important;
}

.button-quaternary--large--icon, .button-quaternary--large, .button-quaternary--small--icon, .button-quaternary--small, .button-quaternary--icon, .button-quaternary {
  background-color: #888;
  color: #fff !important;
}
.button-quaternary--large--icon [class^=icon], .button-quaternary--large [class^=icon], .button-quaternary--small--icon [class^=icon], .button-quaternary--small [class^=icon], .button-quaternary--icon [class^=icon], .button-quaternary [class^=icon] {
  color: #fff !important;
}
.active.button-quaternary--large--icon, .active.button-quaternary--large, .active.button-quaternary--small--icon, .active.button-quaternary--small, .active.button-quaternary--icon, .active.button-quaternary, .button-quaternary--large--icon:hover, .button-quaternary--large:hover, .button-quaternary--small--icon:hover, .button-quaternary--small:hover, .button-quaternary--icon:hover, .button-quaternary:hover {
  background-color: rgb(110.5, 110.5, 110.5);
}

.button-link--large, .button-link--small, .button-clear--large, .button-clear--small, .button-clear--icon--secondary, .button-clear--icon--primary, .button-clear--icon, .button-clear {
  background-color: transparent;
  border: 1px solid #fff;
}
.active.button-link--large, .active.button-link--small, .active.button-clear--large, .active.button-clear--small, .active.button-clear--icon--secondary, .active.button-clear--icon--primary, .active.button-clear--icon, .active.button-clear, .button-link--large:hover, .button-link--small:hover, .button-clear--large:hover, .button-clear--small:hover, .button-clear--icon--secondary:hover, .button-clear--icon--primary:hover, .button-clear--icon:hover, .button-clear:hover {
  background-color: #fff;
}
.theme-1 .active.button-link--large, .theme-1 .active.button-link--small, .theme-1 .active.button-clear--large, .theme-1 .active.button-clear--small, .theme-1 .active.button-clear--icon--secondary, .theme-1 .active.button-clear--icon--primary, .theme-1 .active.button-clear--icon, .theme-1 .active.button-clear, .theme-1 .button-link--large:hover, .theme-1 .button-link--small:hover, .theme-1 .button-clear--large:hover, .theme-1 .button-clear--small:hover, .theme-1 .button-clear--icon--secondary:hover, .theme-1 .button-clear--icon--primary:hover, .theme-1 .button-clear--icon:hover, .theme-1 .button-clear:hover {
  color: #22b7f2;
}
.theme-2 .active.button-link--large, .theme-2 .active.button-link--small, .theme-2 .active.button-clear--large, .theme-2 .active.button-clear--small, .theme-2 .active.button-clear--icon--secondary, .theme-2 .active.button-clear--icon--primary, .theme-2 .active.button-clear--icon, .theme-2 .active.button-clear, .theme-2 .button-link--large:hover, .theme-2 .button-link--small:hover, .theme-2 .button-clear--large:hover, .theme-2 .button-clear--small:hover, .theme-2 .button-clear--icon--secondary:hover, .theme-2 .button-clear--icon--primary:hover, .theme-2 .button-clear--icon:hover, .theme-2 .button-clear:hover {
  color: #8240ca;
}
.theme-3 .active.button-link--large, .theme-3 .active.button-link--small, .theme-3 .active.button-clear--large, .theme-3 .active.button-clear--small, .theme-3 .active.button-clear--icon--secondary, .theme-3 .active.button-clear--icon--primary, .theme-3 .active.button-clear--icon, .theme-3 .active.button-clear, .theme-3 .button-link--large:hover, .theme-3 .button-link--small:hover, .theme-3 .button-clear--large:hover, .theme-3 .button-clear--small:hover, .theme-3 .button-clear--icon--secondary:hover, .theme-3 .button-clear--icon--primary:hover, .theme-3 .button-clear--icon:hover, .theme-3 .button-clear:hover {
  color: #bd1118;
}
.theme-4 .active.button-link--large, .theme-4 .active.button-link--small, .theme-4 .active.button-clear--large, .theme-4 .active.button-clear--small, .theme-4 .active.button-clear--icon--secondary, .theme-4 .active.button-clear--icon--primary, .theme-4 .active.button-clear--icon, .theme-4 .active.button-clear, .theme-4 .button-link--large:hover, .theme-4 .button-link--small:hover, .theme-4 .button-clear--large:hover, .theme-4 .button-clear--small:hover, .theme-4 .button-clear--icon--secondary:hover, .theme-4 .button-clear--icon--primary:hover, .theme-4 .button-clear--icon:hover, .theme-4 .button-clear:hover {
  color: #cc5302;
}
.theme-5 .active.button-link--large, .theme-5 .active.button-link--small, .theme-5 .active.button-clear--large, .theme-5 .active.button-clear--small, .theme-5 .active.button-clear--icon--secondary, .theme-5 .active.button-clear--icon--primary, .theme-5 .active.button-clear--icon, .theme-5 .active.button-clear, .theme-5 .button-link--large:hover, .theme-5 .button-link--small:hover, .theme-5 .button-clear--large:hover, .theme-5 .button-clear--small:hover, .theme-5 .button-clear--icon--secondary:hover, .theme-5 .button-clear--icon--primary:hover, .theme-5 .button-clear--icon:hover, .theme-5 .button-clear:hover {
  color: #f43b5f;
}
.theme-6 .active.button-link--large, .theme-6 .active.button-link--small, .theme-6 .active.button-clear--large, .theme-6 .active.button-clear--small, .theme-6 .active.button-clear--icon--secondary, .theme-6 .active.button-clear--icon--primary, .theme-6 .active.button-clear--icon, .theme-6 .active.button-clear, .theme-6 .button-link--large:hover, .theme-6 .button-link--small:hover, .theme-6 .button-clear--large:hover, .theme-6 .button-clear--small:hover, .theme-6 .button-clear--icon--secondary:hover, .theme-6 .button-clear--icon--primary:hover, .theme-6 .button-clear--icon:hover, .theme-6 .button-clear:hover {
  color: #0cd2de;
}
.theme-7 .active.button-link--large, .theme-7 .active.button-link--small, .theme-7 .active.button-clear--large, .theme-7 .active.button-clear--small, .theme-7 .active.button-clear--icon--secondary, .theme-7 .active.button-clear--icon--primary, .theme-7 .active.button-clear--icon, .theme-7 .active.button-clear, .theme-7 .button-link--large:hover, .theme-7 .button-link--small:hover, .theme-7 .button-clear--large:hover, .theme-7 .button-clear--small:hover, .theme-7 .button-clear--icon--secondary:hover, .theme-7 .button-clear--icon--primary:hover, .theme-7 .button-clear--icon:hover, .theme-7 .button-clear:hover {
  color: #fba90b;
}
.theme-8 .active.button-link--large, .theme-8 .active.button-link--small, .theme-8 .active.button-clear--large, .theme-8 .active.button-clear--small, .theme-8 .active.button-clear--icon--secondary, .theme-8 .active.button-clear--icon--primary, .theme-8 .active.button-clear--icon, .theme-8 .active.button-clear, .theme-8 .button-link--large:hover, .theme-8 .button-link--small:hover, .theme-8 .button-clear--large:hover, .theme-8 .button-clear--small:hover, .theme-8 .button-clear--icon--secondary:hover, .theme-8 .button-clear--icon--primary:hover, .theme-8 .button-clear--icon:hover, .theme-8 .button-clear:hover {
  color: #13a104;
}
.theme-9 .active.button-link--large, .theme-9 .active.button-link--small, .theme-9 .active.button-clear--large, .theme-9 .active.button-clear--small, .theme-9 .active.button-clear--icon--secondary, .theme-9 .active.button-clear--icon--primary, .theme-9 .active.button-clear--icon, .theme-9 .active.button-clear, .theme-9 .button-link--large:hover, .theme-9 .button-link--small:hover, .theme-9 .button-clear--large:hover, .theme-9 .button-clear--small:hover, .theme-9 .button-clear--icon--secondary:hover, .theme-9 .button-clear--icon--primary:hover, .theme-9 .button-clear--icon:hover, .theme-9 .button-clear:hover {
  color: #07696a;
}
.theme-10 .active.button-link--large, .theme-10 .active.button-link--small, .theme-10 .active.button-clear--large, .theme-10 .active.button-clear--small, .theme-10 .active.button-clear--icon--secondary, .theme-10 .active.button-clear--icon--primary, .theme-10 .active.button-clear--icon, .theme-10 .active.button-clear, .theme-10 .button-link--large:hover, .theme-10 .button-link--small:hover, .theme-10 .button-clear--large:hover, .theme-10 .button-clear--small:hover, .theme-10 .button-clear--icon--secondary:hover, .theme-10 .button-clear--icon--primary:hover, .theme-10 .button-clear--icon:hover, .theme-10 .button-clear:hover {
  color: #005a9d;
}
.theme-11 .active.button-link--large, .theme-11 .active.button-link--small, .theme-11 .active.button-clear--large, .theme-11 .active.button-clear--small, .theme-11 .active.button-clear--icon--secondary, .theme-11 .active.button-clear--icon--primary, .theme-11 .active.button-clear--icon, .theme-11 .active.button-clear, .theme-11 .button-link--large:hover, .theme-11 .button-link--small:hover, .theme-11 .button-clear--large:hover, .theme-11 .button-clear--small:hover, .theme-11 .button-clear--icon--secondary:hover, .theme-11 .button-clear--icon--primary:hover, .theme-11 .button-clear--icon:hover, .theme-11 .button-clear:hover {
  color: #8acb01;
}

.button-link {
  background-color: transparent;
  color: #888 !important;
}
.theme-1 .active.button-link, .theme-1 .button-link:hover {
  color: #22b7f2 !important;
}
.theme-2 .active.button-link, .theme-2 .button-link:hover {
  color: #8240ca !important;
}
.theme-3 .active.button-link, .theme-3 .button-link:hover {
  color: #bd1118 !important;
}
.theme-4 .active.button-link, .theme-4 .button-link:hover {
  color: #cc5302 !important;
}
.theme-5 .active.button-link, .theme-5 .button-link:hover {
  color: #f43b5f !important;
}
.theme-6 .active.button-link, .theme-6 .button-link:hover {
  color: #0cd2de !important;
}
.theme-7 .active.button-link, .theme-7 .button-link:hover {
  color: #fba90b !important;
}
.theme-8 .active.button-link, .theme-8 .button-link:hover {
  color: #13a104 !important;
}
.theme-9 .active.button-link, .theme-9 .button-link:hover {
  color: #07696a !important;
}
.theme-10 .active.button-link, .theme-10 .button-link:hover {
  color: #005a9d !important;
}
.theme-11 .active.button-link, .theme-11 .button-link:hover {
  color: #8acb01 !important;
}

.theme-1 .button-muted--large--icon, .theme-1 .button-muted--large, .theme-1 .button-muted--small--icon, .theme-1 .button-muted--small, .theme-1 .button-muted {
  background-color: rgb(12.5, 155.7692307692, 212.5);
  color: rgb(82.1666666667, 198.6923076923, 244.8333333333) !important;
}
.theme-2 .button-muted--large--icon, .theme-2 .button-muted--large, .theme-2 .button-muted--small--icon, .theme-2 .button-muted--small, .theme-2 .button-muted {
  background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
  color: rgb(182.2540983607, 143.8442622951, 224.1557377049) !important;
}
.theme-3 .button-muted--large--icon, .theme-3 .button-muted--large, .theme-3 .button-muted--small--icon, .theme-3 .button-muted--small, .theme-3 .button-muted {
  background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
  color: rgb(238.3300970874, 69.6699029126, 76.5339805825) !important;
}
.theme-4 .button-muted--large--icon, .theme-4 .button-muted--large, .theme-4 .button-muted--small--icon, .theme-4 .button-muted--small, .theme-4 .button-muted {
  background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
  color: rgb(253.0388349515, 134.3883495146, 54.9611650485) !important;
}
.theme-5 .button-muted--large--icon, .theme-5 .button-muted--large, .theme-5 .button-muted--small--icon, .theme-5 .button-muted--small, .theme-5 .button-muted {
  background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
  color: rgb(249.4202898551, 155.5797101449, 173.8405797101) !important;
}
.theme-6 .button-muted--large--icon, .theme-6 .button-muted--large, .theme-6 .button-muted--small--icon, .theme-6 .button-muted--small, .theme-6 .button-muted {
  background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
  color: rgb(89.9230769231, 237.1538461538, 246.0769230769) !important;
}
.theme-7 .button-muted--large--icon, .theme-7 .button-muted--large, .theme-7 .button-muted--small--icon, .theme-7 .button-muted--small, .theme-7 .button-muted {
  background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
  color: rgb(252.6451612903, 204.3709677419, 111.3548387097) !important;
}
.theme-8 .button-muted--large--icon, .theme-8 .button-muted--large, .theme-8 .button-muted--small--icon, .theme-8 .button-muted--small, .theme-8 .button-muted {
  background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
  color: rgb(39.9818181818, 249.1090909091, 17.8909090909) !important;
}
.theme-9 .button-muted--large--icon, .theme-9 .button-muted--large, .theme-9 .button-muted--small--icon, .theme-9 .button-muted--small, .theme-9 .button-muted {
  background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
  color: rgb(13.3185840708, 199.7787610619, 201.6814159292) !important;
}
.theme-10 .button-muted--large--icon, .theme-10 .button-muted--large, .theme-10 .button-muted--small--icon, .theme-10 .button-muted--small, .theme-10 .button-muted {
  background-color: rgb(0, 31.5286624204, 55);
  color: rgb(4, 147.8853503185, 255) !important;
}
.theme-11 .button-muted--large--icon, .theme-11 .button-muted--large, .theme-11 .button-muted--small--icon, .theme-11 .button-muted--small, .theme-11 .button-muted {
  background-color: rgb(69, 101.5, 0.5);
  color: #bdfe34 !important;
}
.theme-1 .active.button-muted--large--icon, .theme-1 .active.button-muted--large, .theme-1 .active.button-muted--small--icon, .theme-1 .active.button-muted--small, .theme-1 .active.button-muted, .theme-1 .button-muted--large--icon:hover, .theme-1 .button-muted--large:hover, .theme-1 .button-muted--small--icon:hover, .theme-1 .button-muted--small:hover, .theme-1 .button-muted:hover {
  background-color: rgb(9.6666666667, 120.4615384615, 164.3333333333);
}
.theme-2 .active.button-muted--large--icon, .theme-2 .active.button-muted--large, .theme-2 .active.button-muted--small--icon, .theme-2 .active.button-muted--small, .theme-2 .active.button-muted, .theme-2 .button-muted--large--icon:hover, .theme-2 .button-muted--large:hover, .theme-2 .button-muted--small--icon:hover, .theme-2 .button-muted--small:hover, .theme-2 .button-muted:hover {
  background-color: rgb(55.1106557377, 24.5450819672, 88.4549180328);
}
.theme-3 .active.button-muted--large--icon, .theme-3 .active.button-muted--large, .theme-3 .active.button-muted--small--icon, .theme-3 .active.button-muted--small, .theme-3 .active.button-muted, .theme-3 .button-muted--large--icon:hover, .theme-3 .button-muted--large:hover, .theme-3 .button-muted--small--icon:hover, .theme-3 .button-muted--small:hover, .theme-3 .button-muted:hover {
  background-color: rgb(48.6262135922, 4.3737864078, 6.1747572816);
}
.theme-4 .active.button-muted--large--icon, .theme-4 .active.button-muted--large, .theme-4 .active.button-muted--small--icon, .theme-4 .active.button-muted--small, .theme-4 .active.button-muted, .theme-4 .button-muted--large--icon:hover, .theme-4 .button-muted--large:hover, .theme-4 .button-muted--small--icon:hover, .theme-4 .button-muted--small:hover, .theme-4 .button-muted:hover {
  background-color: rgb(52.4854368932, 21.354368932, 0.5145631068);
}
.theme-5 .active.button-muted--large--icon, .theme-5 .active.button-muted--large, .theme-5 .active.button-muted--small--icon, .theme-5 .active.button-muted--small, .theme-5 .active.button-muted, .theme-5 .button-muted--large--icon:hover, .theme-5 .button-muted--large:hover, .theme-5 .button-muted--small--icon:hover, .theme-5 .button-muted--small:hover, .theme-5 .button-muted:hover {
  background-color: rgb(142.0289855072, 7.9710144928, 34.0579710145);
}
.theme-6 .active.button-muted--large--icon, .theme-6 .active.button-muted--large, .theme-6 .active.button-muted--small--icon, .theme-6 .active.button-muted--small, .theme-6 .active.button-muted, .theme-6 .button-muted--large--icon:hover, .theme-6 .button-muted--large:hover, .theme-6 .button-muted--small--icon:hover, .theme-6 .button-muted--small:hover, .theme-6 .button-muted:hover {
  background-color: rgb(4.1538461538, 72.6923076923, 76.8461538462);
}
.theme-7 .active.button-muted--large--icon, .theme-7 .active.button-muted--large, .theme-7 .active.button-muted--small--icon, .theme-7 .active.button-muted--small, .theme-7 .active.button-muted, .theme-7 .button-muted--large--icon:hover, .theme-7 .button-muted--large:hover, .theme-7 .button-muted--small--icon:hover, .theme-7 .button-muted--small:hover, .theme-7 .button-muted:hover {
  background-color: rgb(107.2419354839, 71.2016129032, 1.7580645161);
}
.theme-8 .active.button-muted--large--icon, .theme-8 .active.button-muted--large, .theme-8 .active.button-muted--small--icon, .theme-8 .active.button-muted--small, .theme-8 .active.button-muted, .theme-8 .button-muted--large--icon:hover, .theme-8 .button-muted--large:hover, .theme-8 .button-muted--small--icon:hover, .theme-8 .button-muted--small:hover, .theme-8 .button-muted:hover {
  background-color: rgb(1.3818181818, 11.7090909091, 0.2909090909);
}
.theme-9 .active.button-muted--large--icon, .theme-9 .active.button-muted--large, .theme-9 .active.button-muted--small--icon, .theme-9 .active.button-muted--small, .theme-9 .active.button-muted, .theme-9 .button-muted--large--icon:hover, .theme-9 .button-muted--large:hover, .theme-9 .button-muted--small--icon:hover, .theme-9 .button-muted--small:hover, .theme-9 .button-muted:hover {
  background-color: black;
}
.theme-10 .active.button-muted--large--icon, .theme-10 .active.button-muted--large, .theme-10 .active.button-muted--small--icon, .theme-10 .active.button-muted--small, .theme-10 .active.button-muted, .theme-10 .button-muted--large--icon:hover, .theme-10 .button-muted--large:hover, .theme-10 .button-muted--small--icon:hover, .theme-10 .button-muted--small:hover, .theme-10 .button-muted:hover {
  background-color: rgb(0, 2.2929936306, 4);
}
.theme-11 .active.button-muted--large--icon, .theme-11 .active.button-muted--large, .theme-11 .active.button-muted--small--icon, .theme-11 .active.button-muted--small, .theme-11 .active.button-muted, .theme-11 .button-muted--large--icon:hover, .theme-11 .button-muted--large:hover, .theme-11 .button-muted--small--icon:hover, .theme-11 .button-muted--small:hover, .theme-11 .button-muted:hover {
  background-color: rgb(34.5, 50.75, 0.25);
}

.button-success--large--icon, .button-success--large, .button-success--small--icon, .button-success--small, .button-success {
  background-color: #6bac43;
  color: #fff !important;
}
.active.button-success--large--icon, .active.button-success--large, .active.button-success--small--icon, .active.button-success--small, .active.button-success, .button-success--large--icon:hover, .button-success--large:hover, .button-success--small--icon:hover, .button-success--small:hover, .button-success:hover {
  background-color: rgb(84.1673640167, 135.2970711297, 52.7029288703);
}

.button-urgent--large--icon, .button-urgent--large, .button-urgent--small--icon, .button-urgent--small, .button-urgent {
  background-color: #e92329;
  color: #fff !important;
}
.active.button-urgent--large--icon, .active.button-urgent--large, .active.button-urgent--small--icon, .active.button-urgent--small, .active.button-urgent, .button-urgent--large--icon:hover, .button-urgent--large:hover, .button-urgent--small--icon:hover, .button-urgent--small:hover, .button-urgent:hover {
  background-color: rgb(197.2727272727, 19.7272727273, 25.1074380165);
}

.button-signout {
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #464646 !important;
  color: #888 !important;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
}

.button-icon-primary, .button-back, .button-urgent--large--icon, .button-urgent--small--icon, .button-success--large--icon, .button-success--small--icon, .button-muted--large--icon, .button-muted--small--icon, .button-clear--icon--secondary, .button-clear--icon--primary, .button-clear--icon, .button-quaternary--large--icon, .button-quaternary--small--icon, .button-quaternary--icon, .button-tertiary--icon, .button-secondary--large--icon, .button-secondary--small--icon, .button-secondary--icon, .button-primary--large--icon, .button-primary--small--icon, .button-primary--icon, .button-tertiary--large--icon, .button-tertiary--small--icon {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.button-icon-primary [class^=icon], .button-back [class^=icon], .button-urgent--large--icon [class^=icon], .button-urgent--small--icon [class^=icon], .button-success--large--icon [class^=icon], .button-success--small--icon [class^=icon], .button-muted--large--icon [class^=icon], .button-muted--small--icon [class^=icon], .button-clear--icon--secondary [class^=icon], .button-clear--icon--primary [class^=icon], .button-clear--icon [class^=icon], .button-quaternary--large--icon [class^=icon], .button-quaternary--small--icon [class^=icon], .button-quaternary--icon [class^=icon], .button-tertiary--icon [class^=icon], .button-secondary--large--icon [class^=icon], .button-secondary--small--icon [class^=icon], .button-secondary--icon [class^=icon], .button-primary--large--icon [class^=icon], .button-primary--small--icon [class^=icon], .button-primary--icon [class^=icon], .button-tertiary--large--icon [class^=icon], .button-tertiary--small--icon [class^=icon] {
  display: block;
  float: left;
  font-size: 20px;
  padding-right: 16px !important;
}
.button-icon-primary [class^=icon].icon-icon_small-arrow_down, .button-back [class^=icon].icon-icon_small-arrow_down, .button-urgent--large--icon [class^=icon].icon-icon_small-arrow_down, .button-urgent--small--icon [class^=icon].icon-icon_small-arrow_down, .button-success--large--icon [class^=icon].icon-icon_small-arrow_down, .button-success--small--icon [class^=icon].icon-icon_small-arrow_down, .button-muted--large--icon [class^=icon].icon-icon_small-arrow_down, .button-muted--small--icon [class^=icon].icon-icon_small-arrow_down, .button-clear--icon--secondary [class^=icon].icon-icon_small-arrow_down, .button-clear--icon--primary [class^=icon].icon-icon_small-arrow_down, .button-clear--icon [class^=icon].icon-icon_small-arrow_down, .button-quaternary--large--icon [class^=icon].icon-icon_small-arrow_down, .button-quaternary--small--icon [class^=icon].icon-icon_small-arrow_down, .button-quaternary--icon [class^=icon].icon-icon_small-arrow_down, .button-tertiary--icon [class^=icon].icon-icon_small-arrow_down, .button-secondary--large--icon [class^=icon].icon-icon_small-arrow_down, .button-secondary--small--icon [class^=icon].icon-icon_small-arrow_down, .button-secondary--icon [class^=icon].icon-icon_small-arrow_down, .button-primary--large--icon [class^=icon].icon-icon_small-arrow_down, .button-primary--small--icon [class^=icon].icon-icon_small-arrow_down, .button-primary--icon [class^=icon].icon-icon_small-arrow_down, .button-tertiary--large--icon [class^=icon].icon-icon_small-arrow_down, .button-tertiary--small--icon [class^=icon].icon-icon_small-arrow_down, .button-icon-primary [class^=icon].icon-icon_small-arrow_up, .button-back [class^=icon].icon-icon_small-arrow_up, .button-urgent--large--icon [class^=icon].icon-icon_small-arrow_up, .button-urgent--small--icon [class^=icon].icon-icon_small-arrow_up, .button-success--large--icon [class^=icon].icon-icon_small-arrow_up, .button-success--small--icon [class^=icon].icon-icon_small-arrow_up, .button-muted--large--icon [class^=icon].icon-icon_small-arrow_up, .button-muted--small--icon [class^=icon].icon-icon_small-arrow_up, .button-clear--icon--secondary [class^=icon].icon-icon_small-arrow_up, .button-clear--icon--primary [class^=icon].icon-icon_small-arrow_up, .button-clear--icon [class^=icon].icon-icon_small-arrow_up, .button-quaternary--large--icon [class^=icon].icon-icon_small-arrow_up, .button-quaternary--small--icon [class^=icon].icon-icon_small-arrow_up, .button-quaternary--icon [class^=icon].icon-icon_small-arrow_up, .button-tertiary--icon [class^=icon].icon-icon_small-arrow_up, .button-secondary--large--icon [class^=icon].icon-icon_small-arrow_up, .button-secondary--small--icon [class^=icon].icon-icon_small-arrow_up, .button-secondary--icon [class^=icon].icon-icon_small-arrow_up, .button-primary--large--icon [class^=icon].icon-icon_small-arrow_up, .button-primary--small--icon [class^=icon].icon-icon_small-arrow_up, .button-primary--icon [class^=icon].icon-icon_small-arrow_up, .button-tertiary--large--icon [class^=icon].icon-icon_small-arrow_up, .button-tertiary--small--icon [class^=icon].icon-icon_small-arrow_up {
  margin: 0;
  font-size: 14px;
}
.button-icon-primary [class^=icon].icon-icon_small-gear, .button-back [class^=icon].icon-icon_small-gear, .button-urgent--large--icon [class^=icon].icon-icon_small-gear, .button-urgent--small--icon [class^=icon].icon-icon_small-gear, .button-success--large--icon [class^=icon].icon-icon_small-gear, .button-success--small--icon [class^=icon].icon-icon_small-gear, .button-muted--large--icon [class^=icon].icon-icon_small-gear, .button-muted--small--icon [class^=icon].icon-icon_small-gear, .button-clear--icon--secondary [class^=icon].icon-icon_small-gear, .button-clear--icon--primary [class^=icon].icon-icon_small-gear, .button-clear--icon [class^=icon].icon-icon_small-gear, .button-quaternary--large--icon [class^=icon].icon-icon_small-gear, .button-quaternary--small--icon [class^=icon].icon-icon_small-gear, .button-quaternary--icon [class^=icon].icon-icon_small-gear, .button-tertiary--icon [class^=icon].icon-icon_small-gear, .button-secondary--large--icon [class^=icon].icon-icon_small-gear, .button-secondary--small--icon [class^=icon].icon-icon_small-gear, .button-secondary--icon [class^=icon].icon-icon_small-gear, .button-primary--large--icon [class^=icon].icon-icon_small-gear, .button-primary--small--icon [class^=icon].icon-icon_small-gear, .button-primary--icon [class^=icon].icon-icon_small-gear, .button-tertiary--large--icon [class^=icon].icon-icon_small-gear, .button-tertiary--small--icon [class^=icon].icon-icon_small-gear {
  font-size: 22px;
}
.icon-solo.button-icon-primary > [class^=icon], .icon-solo.button-back > [class^=icon], .icon-solo.button-urgent--large--icon > [class^=icon], .icon-solo.button-urgent--small--icon > [class^=icon], .icon-solo.button-success--large--icon > [class^=icon], .icon-solo.button-success--small--icon > [class^=icon], .icon-solo.button-muted--large--icon > [class^=icon], .icon-solo.button-muted--small--icon > [class^=icon], .icon-solo.button-clear--icon--secondary > [class^=icon], .icon-solo.button-clear--icon--primary > [class^=icon], .icon-solo.button-clear--icon > [class^=icon], .icon-solo.button-quaternary--large--icon > [class^=icon], .icon-solo.button-quaternary--small--icon > [class^=icon], .icon-solo.button-quaternary--icon > [class^=icon], .icon-solo.button-tertiary--icon > [class^=icon], .icon-solo.button-secondary--large--icon > [class^=icon], .icon-solo.button-secondary--small--icon > [class^=icon], .icon-solo.button-secondary--icon > [class^=icon], .icon-solo.button-primary--large--icon > [class^=icon], .icon-solo.button-primary--small--icon > [class^=icon], .icon-solo.button-primary--icon > [class^=icon], .icon-solo.button-tertiary--large--icon > [class^=icon], .icon-solo.button-tertiary--small--icon > [class^=icon] {
  float: none;
  padding-right: 0 !important;
}
.button-icon-right.button-icon-primary > [class^=icon], .button-icon-right.button-back > [class^=icon], .button-icon-right.button-urgent--large--icon > [class^=icon], .button-icon-right.button-urgent--small--icon > [class^=icon], .button-icon-right.button-success--large--icon > [class^=icon], .button-icon-right.button-success--small--icon > [class^=icon], .button-icon-right.button-muted--large--icon > [class^=icon], .button-icon-right.button-muted--small--icon > [class^=icon], .button-icon-right.button-clear--icon--secondary > [class^=icon], .button-icon-right.button-clear--icon--primary > [class^=icon], .button-icon-right.button-clear--icon > [class^=icon], .button-icon-right.button-quaternary--large--icon > [class^=icon], .button-icon-right.button-quaternary--small--icon > [class^=icon], .button-icon-right.button-quaternary--icon > [class^=icon], .button-icon-right.button-tertiary--icon > [class^=icon], .button-icon-right.button-secondary--large--icon > [class^=icon], .button-icon-right.button-secondary--small--icon > [class^=icon], .button-icon-right.button-secondary--icon > [class^=icon], .button-icon-right.button-primary--large--icon > [class^=icon], .button-icon-right.button-primary--small--icon > [class^=icon], .button-icon-right.button-primary--icon > [class^=icon], .button-icon-right.button-tertiary--large--icon > [class^=icon], .button-icon-right.button-tertiary--small--icon > [class^=icon] {
  float: right;
  padding-right: 0 !important;
  padding-left: 22px !important;
}

.button-tertiary--small--icon {
  padding-left: 16px;
  padding-right: 16px;
}

.button-tertiary--large--icon {
  padding-left: 20px;
  padding-right: 20px;
}

.button-back {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  padding: 18px;
}
.button-back > [class^=icon] {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 0;
}

[class^=button] + [class^=button],
button + button {
  margin-left: 20px;
}

.button.icon:before, .button.icon-only:before {
  content: "";
  display: block;
  float: left;
  font-family: "kdi-icons";
  font-size: 18px;
  padding-right: 17px;
}
.button.icon.presentation:before, .button.icon-only.presentation:before {
  content: "\e630";
}
.button.icon.downarrow:before, .button.icon-only.downarrow:before {
  content: "\e623";
}
.button.small {
  font-size: 12px;
  padding: 13px 30px;
}
.button.large {
  padding: 22px 40px;
}
.button.large.icon:before, .button.large.icon-only:before {
  font-size: 22px;
}
.button.icon-only {
  padding-left: 22px;
  padding-right: 22px;
}
.button.icon-only:before {
  padding-right: 0;
}
.theme-1 .button.primary {
  background-color: #fbd20b;
}
.theme-2 .button.primary {
  background-color: #3cfdf2;
}
.theme-3 .button.primary {
  background-color: #eee7cb;
}
.theme-4 .button.primary {
  background-color: #efc416;
}
.theme-5 .button.primary {
  background-color: #0cd2de;
}
.theme-6 .button.primary {
  background-color: #fceb92;
}
.theme-7 .button.primary {
  background-color: #ffefb5;
}
.theme-8 .button.primary {
  background-color: #8df5f9;
}
.theme-9 .button.primary {
  background-color: #e6eaa7;
}
.theme-10 .button.primary {
  background-color: #94e1fe;
}
.theme-11 .button.primary {
  background-color: #e0f18f;
}
.button.primary {
  color: #222;
}
.theme-1 .button.primary.active, .theme-1 .button.primary:hover {
  background-color: rgb(207.5967741935, 172.7137096774, 3.4032258065);
  color: #222;
}
.theme-2 .button.primary.active, .theme-2 .button.primary:hover {
  background-color: rgb(9.5177664975, 252.4822335025, 238.6345177665);
  color: #222;
}
.theme-3 .button.primary.active, .theme-3 .button.primary:hover {
  background-color: rgb(225.4347826087, 213.2608695652, 164.5652173913);
  color: #222;
}
.theme-4 .button.primary.active, .theme-4 .button.primary:hover {
  background-color: rgb(196.5060240964, 160.2409638554, 13.4939759036);
  color: #222;
}
.theme-5 .button.primary.active, .theme-5 .button.primary:hover {
  background-color: rgb(9.3846153846, 164.2307692308, 173.6153846154);
  color: #222;
}
.theme-6 .button.primary.active, .theme-6 .button.primary:hover {
  background-color: rgb(250.6339285714, 225.8928571429, 96.3660714286);
  color: #222;
}
.theme-7 .button.primary.active, .theme-7 .button.primary:hover {
  background-color: rgb(255, 227.972972973, 130);
  color: #222;
}
.theme-8 .button.primary.active, .theme-8 .button.primary:hover {
  background-color: rgb(92.55, 240.75, 246.45);
  color: #222;
}
.theme-9 .button.primary.active, .theme-9 .button.primary:hover {
  background-color: rgb(218.3027522936, 224.1743119266, 125.8256880734);
  color: #222;
}
.theme-10 .button.primary.active, .theme-10 .button.primary:hover {
  background-color: rgb(97.4722222222, 210.8333333333, 253.5277777778);
  color: #222;
}
.theme-11 .button.primary.active, .theme-11 .button.primary:hover {
  background-color: rgb(211.4523809524, 235.3333333333, 97.6666666667);
  color: #222;
}
.theme-1 .button.secondary {
  background-color: #22b7f2;
}
.theme-2 .button.secondary {
  background-color: #8240ca;
}
.theme-3 .button.secondary {
  background-color: #bd1118;
}
.theme-4 .button.secondary {
  background-color: #cc5302;
}
.theme-5 .button.secondary {
  background-color: #f43b5f;
}
.theme-6 .button.secondary {
  background-color: #0cd2de;
}
.theme-7 .button.secondary {
  background-color: #fba90b;
}
.theme-8 .button.secondary {
  background-color: #13a104;
}
.theme-9 .button.secondary {
  background-color: #07696a;
}
.theme-10 .button.secondary {
  background-color: #005a9d;
}
.theme-11 .button.secondary {
  background-color: #8acb01;
}
.button.secondary {
  color: #fff !important;
}
.theme-1 .button.secondary.active, .theme-1 .button.secondary:hover {
  background-color: rgb(12.5, 155.7692307692, 212.5);
  color: #fff !important;
}
.theme-2 .button.secondary.active, .theme-2 .button.secondary:hover {
  background-color: rgb(104.856557377, 46.7008196721, 168.2991803279);
  color: #fff !important;
}
.theme-3 .button.secondary.active, .theme-3 .button.secondary:hover {
  background-color: rgb(142.2087378641, 12.7912621359, 18.0582524272);
  color: #fff !important;
}
.theme-4 .button.secondary.active, .theme-4 .button.secondary:hover {
  background-color: rgb(153.4951456311, 62.4514563107, 1.5048543689);
  color: #fff !important;
}
.theme-5 .button.secondary.active, .theme-5 .button.secondary:hover {
  background-color: rgb(238.6086956522, 13.3913043478, 57.2173913043);
  color: #fff !important;
}
.theme-6 .button.secondary.active, .theme-6 .button.secondary:hover {
  background-color: rgb(9.3846153846, 164.2307692308, 173.6153846154);
  color: #fff !important;
}
.theme-7 .button.secondary.active, .theme-7 .button.secondary:hover {
  background-color: rgb(207.5967741935, 137.8306451613, 3.4032258065);
  color: #fff !important;
}
.theme-8 .button.secondary.active, .theme-8 .button.secondary:hover {
  background-color: rgb(13.1272727273, 111.2363636364, 2.7636363636);
  color: #fff !important;
}
.theme-9 .button.secondary.active, .theme-9 .button.secondary:hover {
  background-color: rgb(3.8407079646, 57.610619469, 58.1592920354);
  color: #fff !important;
}
.theme-10 .button.secondary.active, .theme-10 .button.secondary:hover {
  background-color: rgb(0, 60.7643312102, 106);
  color: #fff !important;
}
.theme-11 .button.secondary.active, .theme-11 .button.secondary:hover {
  background-color: rgb(103.5, 152.25, 0.75);
  color: #fff !important;
}
.button.tertiary {
  background-color: #f4f4f4;
  color: #888 !important;
}
.button.tertiary.active, .button.tertiary:hover {
  background-color: rgb(218.5, 218.5, 218.5);
  color: #888 !important;
}
.button.quaternary {
  background-color: #888;
  color: #fff !important;
}
.button.quaternary.active, .button.quaternary:hover {
  background-color: rgb(110.5, 110.5, 110.5);
  color: #fff !important;
}

.button-primary--small--icon [class^=icon] {
  margin-top: 0;
  font-size: 18px;
}
.button-primary--large--icon {
  padding-bottom: 15px;
  padding-top: 17px;
}
.button-primary--large--icon [class^=icon] {
  margin-top: 0;
  font-size: 22px;
}

.button-padding-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.button-icon_small-trash:before {
  content: "\e62f";
}

.button-clear--icon {
  color: #fff;
}
.button-clear--icon--primary {
  border: 1px solid #bbb;
  color: #bbb;
}
.theme-1 .button-clear--icon--primary:hover {
  border: 1px solid #22b7f2;
  color: #22b7f2;
}
.theme-2 .button-clear--icon--primary:hover {
  border: 1px solid #8240ca;
  color: #8240ca;
}
.theme-3 .button-clear--icon--primary:hover {
  border: 1px solid #bd1118;
  color: #bd1118;
}
.theme-4 .button-clear--icon--primary:hover {
  border: 1px solid #cc5302;
  color: #cc5302;
}
.theme-5 .button-clear--icon--primary:hover {
  border: 1px solid #f43b5f;
  color: #f43b5f;
}
.theme-6 .button-clear--icon--primary:hover {
  border: 1px solid #0cd2de;
  color: #0cd2de;
}
.theme-7 .button-clear--icon--primary:hover {
  border: 1px solid #fba90b;
  color: #fba90b;
}
.theme-8 .button-clear--icon--primary:hover {
  border: 1px solid #13a104;
  color: #13a104;
}
.theme-9 .button-clear--icon--primary:hover {
  border: 1px solid #07696a;
  color: #07696a;
}
.theme-10 .button-clear--icon--primary:hover {
  border: 1px solid #005a9d;
  color: #005a9d;
}
.theme-11 .button-clear--icon--primary:hover {
  border: 1px solid #8acb01;
  color: #8acb01;
}
.button-clear--icon--secondary {
  border: 1px solid #bbb;
  color: #bbb;
}
.theme-1 .button-clear--icon--secondary:hover {
  border: 1px solid #fbd20b;
  color: #fbd20b;
}
.theme-2 .button-clear--icon--secondary:hover {
  border: 1px solid #3cfdf2;
  color: #3cfdf2;
}
.theme-3 .button-clear--icon--secondary:hover {
  border: 1px solid #eee7cb;
  color: #eee7cb;
}
.theme-4 .button-clear--icon--secondary:hover {
  border: 1px solid #efc416;
  color: #efc416;
}
.theme-5 .button-clear--icon--secondary:hover {
  border: 1px solid #0cd2de;
  color: #0cd2de;
}
.theme-6 .button-clear--icon--secondary:hover {
  border: 1px solid #fceb92;
  color: #fceb92;
}
.theme-7 .button-clear--icon--secondary:hover {
  border: 1px solid #ffefb5;
  color: #ffefb5;
}
.theme-8 .button-clear--icon--secondary:hover {
  border: 1px solid #8df5f9;
  color: #8df5f9;
}
.theme-9 .button-clear--icon--secondary:hover {
  border: 1px solid #e6eaa7;
  color: #e6eaa7;
}
.theme-10 .button-clear--icon--secondary:hover {
  border: 1px solid #94e1fe;
  color: #94e1fe;
}
.theme-11 .button-clear--icon--secondary:hover {
  border: 1px solid #e0f18f;
  color: #e0f18f;
}
.theme-1 .button-icon-primary {
  border: 1px solid #22b7f2;
  color: #22b7f2;
}
.theme-2 .button-icon-primary {
  border: 1px solid #8240ca;
  color: #8240ca;
}
.theme-3 .button-icon-primary {
  border: 1px solid #bd1118;
  color: #bd1118;
}
.theme-4 .button-icon-primary {
  border: 1px solid #cc5302;
  color: #cc5302;
}
.theme-5 .button-icon-primary {
  border: 1px solid #f43b5f;
  color: #f43b5f;
}
.theme-6 .button-icon-primary {
  border: 1px solid #0cd2de;
  color: #0cd2de;
}
.theme-7 .button-icon-primary {
  border: 1px solid #fba90b;
  color: #fba90b;
}
.theme-8 .button-icon-primary {
  border: 1px solid #13a104;
  color: #13a104;
}
.theme-9 .button-icon-primary {
  border: 1px solid #07696a;
  color: #07696a;
}
.theme-10 .button-icon-primary {
  border: 1px solid #005a9d;
  color: #005a9d;
}
.theme-11 .button-icon-primary {
  border: 1px solid #8acb01;
  color: #8acb01;
}
.button-icon-primary {
  padding: 15px 16px;
}
.button-icon-primary > [class^=icon] {
  float: none;
  padding-right: 0 !important;
}
.theme-1 .button-icon-primary.inverse {
  color: #fff;
  background-color: #22b7f2;
}
.theme-2 .button-icon-primary.inverse {
  color: #fff;
  background-color: #8240ca;
}
.theme-3 .button-icon-primary.inverse {
  color: #fff;
  background-color: #bd1118;
}
.theme-4 .button-icon-primary.inverse {
  color: #fff;
  background-color: #cc5302;
}
.theme-5 .button-icon-primary.inverse {
  color: #fff;
  background-color: #f43b5f;
}
.theme-6 .button-icon-primary.inverse {
  color: #fff;
  background-color: #0cd2de;
}
.theme-7 .button-icon-primary.inverse {
  color: #fff;
  background-color: #fba90b;
}
.theme-8 .button-icon-primary.inverse {
  color: #fff;
  background-color: #13a104;
}
.theme-9 .button-icon-primary.inverse {
  color: #fff;
  background-color: #07696a;
}
.theme-10 .button-icon-primary.inverse {
  color: #fff;
  background-color: #005a9d;
}
.theme-11 .button-icon-primary.inverse {
  color: #fff;
  background-color: #8acb01;
}

.classroom__sign-up-button {
  color: black !important;
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .classroom__sign-up-button {
    float: right;
  }
}

.zoom-button {
  color: white !important;
  padding: 13px 1px;
  background-color: transparent !important;
  cursor: pointer;
  vertical-align: bottom;
  margin-right: 15px !important;
}
.zoom-button--zoom-in {
  font-size: calc(1.3rem + 5px);
  padding-top: 8px;
}
.zoom-button--zoom-out {
  font-size: 1.3rem;
  padding-top: 13px;
}

.right-align-button {
  float: right;
}

@media only screen and (max-width: 480px) {
  .button-close {
    width: 37% !important;
    padding: 15px 20px !important;
  }
  .button-close--1 {
    width: 100% !important;
    top: 25px !important;
  }
  .button-close--2 {
    width: 20% !important;
    top: 25px !important;
  }
}
@media only screen and (max-width: 480px) {
  .button-mobile {
    margin-left: 120px !important;
  }
  .button-mobile--1 {
    padding: 16px 20px !important;
  }
  .button-mobile--2 {
    padding: 12px 20px !important;
  }
  .button-mobile--3 {
    padding: 16px 20px !important;
    width: 60% !important;
  }
  .button-mobile--4 {
    padding: 12px 20px !important;
    width: 60% !important;
  }
  .button-mobile--5 {
    padding: 7px 20px !important;
    width: 60% !important;
  }
  .button-mobile--6 {
    padding: 16px 20px !important;
    width: 50% !important;
  }
  .button-mobile--7 {
    padding: 9px 20px !important;
    width: 50% !important;
  }
}
.button-sign-in-mobile {
  top: -20px;
  width: 100%;
}

.right-align-button {
  float: right;
}

.c-card {
  width: 100%;
}
.c-card__header {
  background-color: #22b7f2;
  padding: 22px 44px;
  color: #fff;
}
.c-card__header p {
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: "myriad-pro", sans-serif;
}
.c-card__body {
  background-color: #fff;
  padding-top: 26px;
  padding-left: 44px;
  padding-bottom: 48px;
}
.c-card__body p {
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: "myriad-pro", sans-serif;
}
.c-card__body p strong {
  margin-left: 4px;
}
.c-card__form {
  margin-top: 20px;
}
.c-card__form-group {
  width: 100%;
}
.c-card__form-group input {
  display: block;
  float: left;
  width: 70%;
}
.c-card__form-group button {
  display: block;
  float: left;
  margin-left: 17px;
  margin-top: 2px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: show;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: rgba(0, 0, 0, 0.5);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter {
  width: 0px;
  height: 0px;
  display: none;
}

.just-nav #cboxContent {
  padding-bottom: 80px;
}

#cboxContent {
  background: #fff;
  overflow: visible;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 0px;
}

#cboxLoadedContent p.title {
  min-height: 40px;
  margin: 20px 150px 0 0;
  font-size: 14px;
  font-style: italic;
  line-height: 130%;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 20px;
  right: 52px;
  color: #949494;
  width: 45px;
  text-align: center;
  line-height: 40px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
  outline: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxClose {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 #cboxClose {
  background: #22b7f2;
}
.theme-2 #cboxClose {
  background: #8240ca;
}
.theme-3 #cboxClose {
  background: #bd1118;
}
.theme-4 #cboxClose {
  background: #cc5302;
}
.theme-5 #cboxClose {
  background: #f43b5f;
}
.theme-6 #cboxClose {
  background: #0cd2de;
}
.theme-7 #cboxClose {
  background: #fba90b;
}
.theme-8 #cboxClose {
  background: #13a104;
}
.theme-9 #cboxClose {
  background: #07696a;
}
.theme-10 #cboxClose {
  background: #005a9d;
}
.theme-11 #cboxClose {
  background: #8acb01;
}
#cboxClose {
  border: 3px solid #fff;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  outline: none;
}
#cboxClose:after {
  color: #fff;
  content: "\e619";
  display: block;
  font-family: "kdi-icons";
  left: 10px;
  position: absolute;
  speak: none;
  text-indent: 0;
  top: 10px;
}
.theme-1 #cboxClose:hover {
  background: rgb(82.1666666667, 198.6923076923, 244.8333333333);
}
.theme-2 #cboxClose:hover {
  background: rgb(156.1270491803, 103.9221311475, 213.0778688525);
}
.theme-3 #cboxClose:hover {
  background: rgb(234.1213592233, 22.8786407767, 31.4757281553);
}
.theme-4 #cboxClose:hover {
  background: rgb(252.5436893204, 103.9368932039, 4.4563106796);
}
.theme-5 #cboxClose:hover {
  background: rgb(246.7101449275, 107.2898550725, 134.4202898551);
}
.theme-6 #cboxClose:hover {
  background: rgb(41.5384615385, 231.9230769231, 243.4615384615);
}
.theme-7 #cboxClose:hover {
  background: rgb(251.8225806452, 186.685483871, 61.1774193548);
}
.theme-8 #cboxClose:hover {
  background: rgb(24.8727272727, 210.7636363636, 5.2363636364);
}
.theme-9 #cboxClose:hover {
  background: rgb(10.1592920354, 152.389380531, 153.8407079646);
}
.theme-10 #cboxClose:hover {
  background: rgb(0, 119.2356687898, 208);
}
.theme-11 #cboxClose:hover {
  background: rgb(172.5, 253.75, 1.25);
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.note #cboxContent {
  padding: 50px;
}
.note #cboxContent .centered {
  text-align: center;
}

.comparison-table {
  margin: 0 auto;
  display: table;
  padding-top: 24px;
}
.comparison-table .trow {
  display: table-row;
  border: 1px solid #eee;
}
.comparison-table .tcol {
  display: inline-table;
  margin-bottom: 3rem;
  margin-bottom: 0;
}
.comparison-table .tcol.labels {
  vertical-align: bottom;
}
.comparison-table .tcol.labels .tcell {
  background: none;
  border-right: none;
  padding-right: 2rem;
  text-align: left;
}
.comparison-table .tcol.mini-table {
  width: 228px;
}
.comparison-table .tcol.gray {
  background: #f4f4f4;
  color: #888;
}
.comparison-table .tcol.gray .tcell {
  border-bottom: 1px solid #ddd;
}
.comparison-table .tcol.gray .head .tcell {
  -webkit-box-shadow: 0 1px 0 0 #ddd;
  -moz-box-shadow: 0 1px 0 0 #ddd;
  box-shadow: 0 1px 0 0 #ddd;
  border-bottom: none;
}
.comparison-table .tcol.blue {
  background: #d3f1fc;
  color: #22b7f2;
}
.comparison-table .tcol.blue .tcell {
  border-bottom: 1px solid #b5dfef;
}
.comparison-table .tcol.blue .head .tcell {
  -webkit-box-shadow: 0 1px 0 0 #20a7dc;
  -moz-box-shadow: 0 1px 0 0 #20a7dc;
  box-shadow: 0 1px 0 0 #20a7dc;
  background: #22b7f2;
  border-bottom: none;
  color: #fff;
}
.comparison-table .tcol.first {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.comparison-table .tcol.first .head .tcell {
  border-top-left-radius: 5px;
}
.comparison-table .tcol.last {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.comparison-table .tcol.last .head .tcell {
  border-top-right-radius: 5px;
}
.comparison-table .tcell {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #fff;
  padding: 10px;
  text-align: center;
}
.comparison-table .tcell [class^=icon-] {
  font-size: 22px;
  font-size: 1.375rem;
}
.comparison-table .trow:last-child .tcell {
  border-bottom: none;
}
.comparison-table .head {
  -webkit-box-shadow: 0 1px 0 0 #eee;
  -moz-box-shadow: 0 1px 0 0 #eee;
  box-shadow: 0 1px 0 0 #eee;
  display: table-header-group;
}
.comparison-table .head .tcell {
  padding: 0;
}
.comparison-table .head dl {
  margin: 0;
}
.comparison-table .head dl dt, .comparison-table .head dl dd {
  margin: 0;
  padding: 10px;
}
.comparison-table .head dl dt {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  padding: 25px 10px 0 10px;
}
.comparison-table .head dl dd {
  padding: 0 10px 19px 10px;
}
.comparison-table .head dl dd span {
  font-size: 32px;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2.25rem;
  display: block;
  font-family: "superclarendon", serif;
  font-weight: 700;
}
.comparison-table .head dl dd span sup {
  font-size: 55%;
  top: -0.55em;
}
.comparison-table .head dl dd span sub {
  bottom: -0.15em;
  font-size: 45%;
  text-transform: uppercase;
}
.comparison-table .head dl em {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
}
.comparison-table .head .labeltop {
  -webkit-box-shadow: 0 1px 0 0 #ddd;
  -moz-box-shadow: 0 1px 0 0 #ddd;
  box-shadow: 0 1px 0 0 #ddd;
}
.comparison-table .head .labeltop dl {
  background: none;
}
.comparison-table .head .labeltop dl dt {
  border-top: none;
}
.comparison-table .head .labeltop dl dd {
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  background: white;
  border-left: 5px solid #d4d4d4;
}
.comparison-table .tbody {
  display: table-row-group;
}
.comparison-table .tbody .tcell {
  display: table-cell;
  height: 93px;
  vertical-align: middle;
}
.comparison-table .tbody dl, .comparison-table .tbody p {
  display: none;
}
.comparison-table .clicky dt, .comparison-table .clicky dd {
  margin: 0;
  padding: 0;
}
.comparison-table .clicky dd {
  background: #ddd;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 25px;
}
.comparison-table .clicky.label {
  display: inherit;
  position: relative;
}
.comparison-table .clicky.label dt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  position: relative;
  padding-left: 6px;
  white-space: nowrap;
}
.comparison-table .clicky.label dd {
  display: none;
  position: absolute;
  top: 22px;
  left: 4px;
  width: 310px;
  padding: 10px;
  color: #bbb;
  border: 1px dotted #bbb;
  z-index: 50;
}

@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table {
    display: block;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .trow {
    border: none;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .tcol {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: table;
  }
  .comparison-table .tcol .head .tcell {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table .tcol {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: table;
  }
  .comparison-table .tcol .head .tcell {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .tcol.labels {
    display: none;
  }
  .comparison-table .tcol.mini-table {
    margin: 0 auto 30px auto;
    width: 100%;
    max-width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table .tcol.labels {
    display: none;
  }
  .comparison-table .tcol.mini-table {
    margin: 0 auto 30px auto;
    width: 100%;
    max-width: 320px;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .tcol.gray .tcell {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table .tcol.gray .tcell {
    border-bottom: none;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .tcol.blue .tcell {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table .tcol.blue .tcell {
    border-bottom: none;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .tcell {
    border-bottom: none;
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table .tcell {
    border-bottom: none;
    border-right: none;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .tbody .trow:first-of-type .tcell {
    padding-top: 24px;
  }
  .comparison-table .tbody .trow:last-of-type .tcell {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .comparison-table .tbody .tcell {
    padding: 0 30px;
    height: auto;
  }
  .comparison-table .tbody i {
    display: none;
  }
  .comparison-table .tbody p, .comparison-table .tbody dl, .comparison-table .tbody dt, .comparison-table .tbody dd {
    margin: 0;
    padding: 0;
  }
  .comparison-table .tbody p {
    padding: 5px 0;
    font-weight: bold;
  }
  .comparison-table .tbody dl {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "ff-meta-serif-web-pro", serif;
    display: block;
    padding: 5px 0;
  }
  .comparison-table .tbody dd {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table .tbody .trow:first-of-type .tcell {
    padding-top: 24px;
  }
  .comparison-table .tbody .trow:last-of-type .tcell {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .comparison-table .tbody .tcell {
    padding: 0 30px;
    height: auto;
  }
  .comparison-table .tbody i {
    display: none;
  }
  .comparison-table .tbody p, .comparison-table .tbody dl, .comparison-table .tbody dt, .comparison-table .tbody dd {
    margin: 0;
    padding: 0;
  }
  .comparison-table .tbody p {
    padding: 5px 0;
    font-weight: bold;
  }
  .comparison-table .tbody dl {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-family: "ff-meta-serif-web-pro", serif;
    display: block;
    padding: 5px 0;
  }
  .comparison-table .tbody dd {
    display: none;
  }
}
@media screen and (min-width: 568px) and (max-width: 1112px) {
  .comparison-table .clicky.label dt {
    white-space: normal;
  }
}
.crossword {
  display: inline-block;
  table-layout: fixed;
  border-collapse: collapse;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
}

.crossword__row {
  display: table-row;
  height: 30px;
}

.crosword-words-header {
  font-size: x-large;
}

.crossword__cell-wrapper {
  position: relative;
  display: table-cell;
  min-width: 30px;
}
.crossword__cell-wrapper--empty {
  background-color: black;
  border: 0 !important;
  visibility: hidden;
}

.crossword_word-found {
  color: forestgreen !important;
}

.crossword-definition {
  font-size: large;
}

.crossword-direction-header {
  font-size: large;
}

.crossword__word {
  font-weight: bold;
  margin-top: 10px;
  font-size: large;
  color: #333333;
}

.crossword__wordList {
  display: inline-block;
  margin-left: auto;
  width: 30%;
  text-align: center;
}
.crossword__wordList-inner-wrapper {
  position: relative;
  margin-top: 30%;
  margin-right: 50%;
}

.crossword-wrapper {
  width: 70%;
  display: inline-block;
  float: right;
  table-layout: fixed;
  border-collapse: collapse;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
}

.crossword-content {
  display: initial;
}
@media screen and (max-width: 768px) {
  .crossword-content {
    display: none;
  }
}

.crossword-container {
  background-color: rgba(255, 255, 255, 0.98);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}
.search-open .crossword-container {
  overflow-x: hidden;
  overflow-y: auto;
}

.crosswordBorder-left {
  border-left: 1px solid #7b7b7b;
}
.crosswordBorder-top {
  border-top: 1px solid #7b7b7b;
}
.crosswordBorder-bottom {
  border-bottom: 1px solid #7b7b7b;
}
.crosswordBorder-right {
  border-right: 1px solid #7b7b7b;
}

.crossword__cell {
  padding-left: 10px;
  color: red;
  width: 100%;
  font-size: 1.3rem;
  text-align: left;
}
.crossword__cell--correct {
  color: green;
}

.crossword__word-index {
  position: absolute;
  font-size: 10px;
  color: grey;
  left: 0px;
  top: -1px;
}

.crossword__definitions {
  min-width: 500px;
}
.crossword__definitions-heading {
  font-weight: bold;
  display: inline-block;
  min-width: 49%;
}

.crossword__definition {
  width: 49%;
}
.crossword__definition--across {
  float: left;
  clear: left;
}
.crossword__definition--down {
  float: right;
  clear: right;
}

.crossword-column-right {
  float: left;
  padding: 10px;
  width: 50%;
  display: inline-block;
}

.crossword-column-left {
  float: left;
  padding: 10px;
  width: 50%;
  display: inline-block;
}

.crossword-row {
  padding-top: 30px;
}

.crossword-row:after {
  content: "";
  display: table;
  clear: both;
}

.discover {
  display: block;
  margin-top: 7px;
  padding-left: 2px;
}
.theme-1 .discover:hover .discover__label {
  color: #22b7f2;
}
.theme-2 .discover:hover .discover__label {
  color: #8240ca;
}
.theme-3 .discover:hover .discover__label {
  color: #bd1118;
}
.theme-4 .discover:hover .discover__label {
  color: #cc5302;
}
.theme-5 .discover:hover .discover__label {
  color: #f43b5f;
}
.theme-6 .discover:hover .discover__label {
  color: #0cd2de;
}
.theme-7 .discover:hover .discover__label {
  color: #fba90b;
}
.theme-8 .discover:hover .discover__label {
  color: #13a104;
}
.theme-9 .discover:hover .discover__label {
  color: #07696a;
}
.theme-10 .discover:hover .discover__label {
  color: #005a9d;
}
.theme-11 .discover:hover .discover__label {
  color: #8acb01;
}
.discover .discover__icon {
  cursor: pointer;
  float: left;
  position: relative;
}
.discover .discover__icon__image {
  background: url("/Assets/Images/discover.png") no-repeat;
  display: block;
  height: 61px;
  position: relative;
  width: 75px;
  z-index: 2;
}
.discover .discover__icon__label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .discover .discover__icon__label {
  background-color: #fbd20b;
}
.theme-2 .discover .discover__icon__label {
  background-color: #3cfdf2;
}
.theme-3 .discover .discover__icon__label {
  background-color: #eee7cb;
}
.theme-4 .discover .discover__icon__label {
  background-color: #efc416;
}
.theme-5 .discover .discover__icon__label {
  background-color: #0cd2de;
}
.theme-6 .discover .discover__icon__label {
  background-color: #fceb92;
}
.theme-7 .discover .discover__icon__label {
  background-color: #ffefb5;
}
.theme-8 .discover .discover__icon__label {
  background-color: #8df5f9;
}
.theme-9 .discover .discover__icon__label {
  background-color: #e6eaa7;
}
.theme-10 .discover .discover__icon__label {
  background-color: #94e1fe;
}
.theme-11 .discover .discover__icon__label {
  background-color: #e0f18f;
}
.discover .discover__icon__label {
  display: block;
  height: 55px;
  left: 10px;
  position: absolute;
  top: 2px;
  width: 55px;
  z-index: 1;
}
.discover__label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #222;
  cursor: pointer;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2px;
  padding-left: 9px;
  padding-top: 5px;
  text-transform: uppercase;
  width: 77px;
}

.discover-map {
  width: 100%;
  position: relative;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top, #000000 1%, #333333 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #000000), color-stop(100%, #333333)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #000000 1%, #333333 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #000000 1%, #333333 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #000000 1%, #333333 100%); /* IE10+ */
  background: linear-gradient(to bottom, #000000 1%, #333333 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
.discover-map.background .background-cover {
  opacity: 0.5;
}
.discover-map.selected .nav-controls .breadcrumbs {
  opacity: 1;
}
.discover-map.selected h2 {
  display: none;
}
.discover-map h2 {
  position: absolute;
  top: 60px;
  color: #fff;
  width: 100%;
  text-align: center;
  z-index: 2;
  text-shadow: 1px 1px 25px #000000;
}
.discover-map svg {
  display: none;
}
@media screen and (min-width: 769px) {
  .discover-map svg {
    display: block;
  }
}
.discover-map svg {
  position: absolute;
  padding: 15px;
  padding-top: 95px;
  left: 0;
  right: 0;
}
.discover-map svg .node {
  fill: #333333;
  stroke: #222222;
  stroke-width: 5px;
}
.discover-map svg .node + g image, .discover-map svg .node + g text, .discover-map svg .node + g tspan {
  cursor: pointer;
}
.discover-map svg .node.theme-1 {
  fill: #22b7f2;
  stroke: rgb(12.5, 155.7692307692, 212.5);
}
.discover-map svg .node.theme-2 {
  fill: #8240ca;
  stroke: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.discover-map svg .node.theme-3 {
  fill: #bd1118;
  stroke: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.discover-map svg .node.theme-4 {
  fill: #cc5302;
  stroke: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.discover-map svg .node.theme-5 {
  fill: #f43b5f;
  stroke: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.discover-map svg .node.theme-6 {
  fill: #0cd2de;
  stroke: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.discover-map svg .node.theme-7 {
  fill: #fba90b;
  stroke: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.discover-map svg .node.theme-8 {
  fill: #13a104;
  stroke: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.discover-map svg .node.theme-9 {
  fill: #07696a;
  stroke: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.discover-map svg .node.theme-10 {
  fill: #005a9d;
  stroke: rgb(0, 31.5286624204, 55);
}
.discover-map svg .node.theme-11 {
  fill: #8acb01;
  stroke: rgb(69, 101.5, 0.5);
}
.discover-map svg .pointer {
  cursor: pointer;
}
.discover-map svg .node.selected {
  stroke: #fff;
}
.discover-map svg .link {
  stroke: #ffffff;
  stroke-opacity: 0.6;
  stroke-width: 2;
}
.discover-map svg .label {
  text-anchor: middle;
  fill: #fff;
  font-size: 20px;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: normal;
}
.discover-map svg .label.category {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
}
.discover-map svg .label.topic {
  font-family: "myriad-pro", sans-serif;
  font-weight: bold;
  text-anchor: start;
  fill: #222222;
  font-size: 14px;
  text-transform: uppercase;
}
.discover-map svg .label.topic .coming-soon {
  fill: #555555;
}
.discover-map svg defs pattern .background {
  opacity: 0.5;
}
.discover-map svg defs pattern .overlay-background {
  stroke: none;
  fill: #000000;
}
.discover-map svg defs pattern .overlay {
  opacity: 0.3;
  stroke: none;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.discover-map svg defs pattern .overlay.theme-1 {
  fill: #22b7f2;
}
.discover-map svg defs pattern .overlay.theme-2 {
  fill: #8240ca;
}
.discover-map svg defs pattern .overlay.theme-3 {
  fill: #bd1118;
}
.discover-map svg defs pattern .overlay.theme-4 {
  fill: #cc5302;
}
.discover-map svg defs pattern .overlay.theme-5 {
  fill: #f43b5f;
}
.discover-map svg defs pattern .overlay.theme-6 {
  fill: #0cd2de;
}
.discover-map svg defs pattern .overlay.theme-7 {
  fill: #fba90b;
}
.discover-map svg defs pattern .overlay.theme-8 {
  fill: #13a104;
}
.discover-map svg defs pattern .overlay.theme-9 {
  fill: #07696a;
}
.discover-map svg defs pattern .overlay.theme-10 {
  fill: #005a9d;
}
.discover-map svg defs pattern .overlay.theme-11 {
  fill: #8acb01;
}
.discover-map svg defs pattern.no-overlay .overlay {
  opacity: 0;
}
.discover-map .background-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.discover-map .background-images {
  display: none;
}
.discover-map .nav-back {
  position: absolute;
  top: 60px;
  left: 25px;
  z-index: 2;
}
@media screen and (max-width: 480px) {
  .discover-map .nav-back {
    top: 91px;
  }
}
.discover-map .nav-controls {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .discover-map .nav-controls {
    top: 91px;
  }
}
.discover-map .nav-controls .breadcrumbs {
  opacity: 0;
  float: left;
  text-transform: uppercase;
  padding: 16px 8px;
  font-weight: 700;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.discover-map .nav-controls .breadcrumbs .darken {
  padding: 0;
}
.discover-map .nav-controls .breadcrumbs .crumb {
  color: #fff;
  padding: 0 8px;
}
.discover-map .nav-controls .list-view-show {
  padding: 17px 13px 15px 13px;
  float: left;
  cursor: pointer;
}
.discover-map .nav-controls .list-view-show [class^=icon] {
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .discover-map .nav-controls .list-view-show {
    display: none;
  }
}
.discover-map.theme-1 rect.topic, .discover-map.theme-1 .link.topic {
  fill: #fbd20b;
}
.discover-map.theme-2 rect.topic, .discover-map.theme-2 .link.topic {
  fill: #3cfdf2;
}
.discover-map.theme-3 rect.topic, .discover-map.theme-3 .link.topic {
  fill: #eee7cb;
}
.discover-map.theme-4 rect.topic, .discover-map.theme-4 .link.topic {
  fill: #efc416;
}
.discover-map.theme-5 rect.topic, .discover-map.theme-5 .link.topic {
  fill: #0cd2de;
}
.discover-map.theme-6 rect.topic, .discover-map.theme-6 .link.topic {
  fill: #fceb92;
}
.discover-map.theme-7 rect.topic, .discover-map.theme-7 .link.topic {
  fill: #ffefb5;
}
.discover-map.theme-8 rect.topic, .discover-map.theme-8 .link.topic {
  fill: #8df5f9;
}
.discover-map.theme-9 rect.topic, .discover-map.theme-9 .link.topic {
  fill: #e6eaa7;
}
.discover-map.theme-10 rect.topic, .discover-map.theme-10 .link.topic {
  fill: #94e1fe;
}
.discover-map.theme-11 rect.topic, .discover-map.theme-11 .link.topic {
  fill: #e0f18f;
}
.discover-map .list-view {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.98);
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.4s, opacity 0.4s linear;
}
.discover-map .list-view.active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s linear;
}
.discover-map .list-view-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view-container {
    position: relative;
    margin-top: 80px;
    overflow-y: visible;
  }
}
.discover-map .list-view .categories {
  float: left;
  position: relative;
  -webkit-transition: left, 0.6s, ease-in-out;
  -moz-transition: left, 0.6s, ease-in-out;
  transition: left, 0.6s, ease-in-out;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .categories {
    float: none;
    left: -1500px;
    position: absolute;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .categories.active {
    left: 0;
  }
}
.discover-map .list-view .categories-list {
  list-style: none;
  padding: 0;
}
.discover-map .list-view .categories-list .category-item {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 900;
  padding: 13px 20px;
  padding-bottom: 12px;
  width: 340px;
  cursor: pointer;
  color: #222;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .categories-list .category-item {
    width: 100%;
  }
}
.discover-map .list-view .categories-list .category-item .dot.theme-1 {
  background-color: #22b7f2;
}
.discover-map .list-view .categories-list .category-item .dot.theme-2 {
  background-color: #8240ca;
}
.discover-map .list-view .categories-list .category-item .dot.theme-3 {
  background-color: #bd1118;
}
.discover-map .list-view .categories-list .category-item .dot.theme-4 {
  background-color: #cc5302;
}
.discover-map .list-view .categories-list .category-item .dot.theme-5 {
  background-color: #f43b5f;
}
.discover-map .list-view .categories-list .category-item .dot.theme-6 {
  background-color: #0cd2de;
}
.discover-map .list-view .categories-list .category-item .dot.theme-7 {
  background-color: #fba90b;
}
.discover-map .list-view .categories-list .category-item .dot.theme-8 {
  background-color: #13a104;
}
.discover-map .list-view .categories-list .category-item .dot.theme-9 {
  background-color: #07696a;
}
.discover-map .list-view .categories-list .category-item .dot.theme-10 {
  background-color: #005a9d;
}
.discover-map .list-view .categories-list .category-item .dot.theme-11 {
  background-color: #8acb01;
}
.discover-map .list-view .categories-list .category-item .dot {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  width: 12px;
  height: 12px;
  margin: 10px 20px;
}
.discover-map .list-view .categories-list .category-item:hover {
  background-color: #eee;
}
.discover-map .list-view .categories-list .category-item.active.theme-1 {
  background-color: #22b7f2;
}
.discover-map .list-view .categories-list .category-item.active.theme-2 {
  background-color: #8240ca;
}
.discover-map .list-view .categories-list .category-item.active.theme-3 {
  background-color: #bd1118;
}
.discover-map .list-view .categories-list .category-item.active.theme-4 {
  background-color: #cc5302;
}
.discover-map .list-view .categories-list .category-item.active.theme-5 {
  background-color: #f43b5f;
}
.discover-map .list-view .categories-list .category-item.active.theme-6 {
  background-color: #0cd2de;
}
.discover-map .list-view .categories-list .category-item.active.theme-7 {
  background-color: #fba90b;
}
.discover-map .list-view .categories-list .category-item.active.theme-8 {
  background-color: #13a104;
}
.discover-map .list-view .categories-list .category-item.active.theme-9 {
  background-color: #07696a;
}
.discover-map .list-view .categories-list .category-item.active.theme-10 {
  background-color: #005a9d;
}
.discover-map .list-view .categories-list .category-item.active.theme-11 {
  background-color: #8acb01;
}
.discover-map .list-view .categories-list .category-item.active {
  color: #fff;
}
.discover-map .list-view .categories-list .category-item.active .dot {
  background: none;
  border: 2px solid #fff;
}
.discover-map .list-view .units {
  float: left;
  position: relative;
  -webkit-transition: left, 0.6s, ease-in-out;
  -moz-transition: left, 0.6s, ease-in-out;
  transition: left, 0.6s, ease-in-out;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .units {
    float: none;
    left: -1500px;
    position: absolute;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .units.active {
    left: 0;
  }
}
.discover-map .list-view .units-list {
  display: block;
  list-style: none;
  padding: 0;
  position: absolute;
  top: -10000px;
  opacity: 0;
  border-left: 2px solid #888;
  border-right: 1px solid #eee;
  min-height: 550px;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.discover-map .list-view .units-list.theme-1 {
  border-left-color: #22b7f2;
}
.discover-map .list-view .units-list.theme-2 {
  border-left-color: #8240ca;
}
.discover-map .list-view .units-list.theme-3 {
  border-left-color: #bd1118;
}
.discover-map .list-view .units-list.theme-4 {
  border-left-color: #cc5302;
}
.discover-map .list-view .units-list.theme-5 {
  border-left-color: #f43b5f;
}
.discover-map .list-view .units-list.theme-6 {
  border-left-color: #0cd2de;
}
.discover-map .list-view .units-list.theme-7 {
  border-left-color: #fba90b;
}
.discover-map .list-view .units-list.theme-8 {
  border-left-color: #13a104;
}
.discover-map .list-view .units-list.theme-9 {
  border-left-color: #07696a;
}
.discover-map .list-view .units-list.theme-10 {
  border-left-color: #005a9d;
}
.discover-map .list-view .units-list.theme-11 {
  border-left-color: #8acb01;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .units-list {
    border-left: none;
    border-right: none;
    width: 100%;
  }
}
.discover-map .list-view .units-list.active {
  top: 0;
  opacity: 1;
}
.discover-map .list-view .units-list .unit-item {
  width: 290px;
  padding: 13px 20px;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .units-list .unit-item {
    width: 100%;
  }
}
.discover-map .list-view .units-list .unit-item [type=radio]:not(:checked) ~ label {
  color: #222;
}
.discover-map .list-view .units-list .unit-item label {
  font-size: 21px;
  font-size: 1.3125rem;
  padding-left: 50px;
}
.discover-map .list-view .units-list .unit-item label:hover {
  text-decoration: underline;
}
.discover-map .list-view .units-list .unit-item [type=radio] ~ label:before {
  top: 0;
  height: 29px;
  width: 29px;
}
.discover-map .list-view .units-list .unit-item [type=radio]:checked ~ label:before {
  font-size: 24px;
  font-size: 1.5rem;
  padding-left: 2px;
  padding-top: 4px;
}
.discover-map .list-view .units-list .unit-item:hover {
  background-color: #eee;
}
.discover-map .list-view .units-list .unit-item.theme-1 [type=radio]:checked ~ label {
  color: #22b7f2;
}
.discover-map .list-view .units-list .unit-item.theme-1 [type=radio]:checked ~ label:before {
  border-color: #22b7f2;
  color: #22b7f2;
}
.discover-map .list-view .units-list .unit-item.theme-2 [type=radio]:checked ~ label {
  color: #8240ca;
}
.discover-map .list-view .units-list .unit-item.theme-2 [type=radio]:checked ~ label:before {
  border-color: #8240ca;
  color: #8240ca;
}
.discover-map .list-view .units-list .unit-item.theme-3 [type=radio]:checked ~ label {
  color: #bd1118;
}
.discover-map .list-view .units-list .unit-item.theme-3 [type=radio]:checked ~ label:before {
  border-color: #bd1118;
  color: #bd1118;
}
.discover-map .list-view .units-list .unit-item.theme-4 [type=radio]:checked ~ label {
  color: #cc5302;
}
.discover-map .list-view .units-list .unit-item.theme-4 [type=radio]:checked ~ label:before {
  border-color: #cc5302;
  color: #cc5302;
}
.discover-map .list-view .units-list .unit-item.theme-5 [type=radio]:checked ~ label {
  color: #f43b5f;
}
.discover-map .list-view .units-list .unit-item.theme-5 [type=radio]:checked ~ label:before {
  border-color: #f43b5f;
  color: #f43b5f;
}
.discover-map .list-view .units-list .unit-item.theme-6 [type=radio]:checked ~ label {
  color: #0cd2de;
}
.discover-map .list-view .units-list .unit-item.theme-6 [type=radio]:checked ~ label:before {
  border-color: #0cd2de;
  color: #0cd2de;
}
.discover-map .list-view .units-list .unit-item.theme-7 [type=radio]:checked ~ label {
  color: #fba90b;
}
.discover-map .list-view .units-list .unit-item.theme-7 [type=radio]:checked ~ label:before {
  border-color: #fba90b;
  color: #fba90b;
}
.discover-map .list-view .units-list .unit-item.theme-8 [type=radio]:checked ~ label {
  color: #13a104;
}
.discover-map .list-view .units-list .unit-item.theme-8 [type=radio]:checked ~ label:before {
  border-color: #13a104;
  color: #13a104;
}
.discover-map .list-view .units-list .unit-item.theme-9 [type=radio]:checked ~ label {
  color: #07696a;
}
.discover-map .list-view .units-list .unit-item.theme-9 [type=radio]:checked ~ label:before {
  border-color: #07696a;
  color: #07696a;
}
.discover-map .list-view .units-list .unit-item.theme-10 [type=radio]:checked ~ label {
  color: #005a9d;
}
.discover-map .list-view .units-list .unit-item.theme-10 [type=radio]:checked ~ label:before {
  border-color: #005a9d;
  color: #005a9d;
}
.discover-map .list-view .units-list .unit-item.theme-11 [type=radio]:checked ~ label {
  color: #8acb01;
}
.discover-map .list-view .units-list .unit-item.theme-11 [type=radio]:checked ~ label:before {
  border-color: #8acb01;
  color: #8acb01;
}
.discover-map .list-view .topics {
  float: left;
  position: relative;
  -webkit-transition: left, 0.6s, ease-in-out;
  -moz-transition: left, 0.6s, ease-in-out;
  transition: left, 0.6s, ease-in-out;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .topics {
    float: none;
    left: -1500px;
    position: absolute;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .topics.active {
    left: 0;
  }
}
.discover-map .list-view .topics-list {
  display: block;
  left: 291px;
  list-style: none;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: -5000px;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .topics-list {
    left: 0;
  }
}
.discover-map .list-view .topics-list.active {
  top: 0;
  opacity: 1;
}
.discover-map .list-view .topics-list .topic-item {
  width: 400px;
  padding: 8px 20px;
  padding-left: 36px;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .topics-list .topic-item {
    width: 100%;
  }
}
.discover-map .list-view .topics-list .topic-item [class^=icon-] {
  visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  padding-left: 8px;
}
.discover-map .list-view .topics-list .topic-item:hover [class^=icon-] {
  visibility: visible;
}
.discover-map .list-view .topics-list .topic-item h6 {
  white-space: nowrap;
}
.discover-map .list-view .topics-list.theme-1 .topic-item:hover h6 {
  color: #22b7f2;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-2 .topic-item:hover h6 {
  color: #8240ca;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-3 .topic-item:hover h6 {
  color: #bd1118;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-4 .topic-item:hover h6 {
  color: #cc5302;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-5 .topic-item:hover h6 {
  color: #f43b5f;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-6 .topic-item:hover h6 {
  color: #0cd2de;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-7 .topic-item:hover h6 {
  color: #fba90b;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-8 .topic-item:hover h6 {
  color: #13a104;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-9 .topic-item:hover h6 {
  color: #07696a;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-10 .topic-item:hover h6 {
  color: #005a9d;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .topics-list.theme-11 .topic-item:hover h6 {
  color: #8acb01;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.discover-map .list-view .back {
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: none;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-left: 58px;
  padding-top: 25px;
  position: relative;
  text-transform: uppercase;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .discover-map .list-view .back.enabled {
    display: block;
  }
}
.discover-map .list-view .back-container {
  background-color: #eee;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.discover-map .list-view .back-container [class^=icon] {
  color: #888;
  float: left;
  font-size: 24px;
}
.discover-map .list-view .close {
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: block;
  float: right;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-right: 100px;
  padding-top: 25px;
  position: relative;
  text-transform: uppercase;
  margin-top: 25px;
}
.discover-map .list-view .close-container {
  background-color: #eee;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
@media screen and (min-width: 769px) {
  .discover-map .list-view .close-container {
    display: block;
  }
}
.discover-map .list-view .close-container [class^=icon] {
  color: #888;
  float: left;
  font-size: 24px;
}

body.theme-1 .discover-map .nav-controls .list-view-show {
  background-color: #22b7f2;
}
body.theme-2 .discover-map .nav-controls .list-view-show {
  background-color: #8240ca;
}
body.theme-3 .discover-map .nav-controls .list-view-show {
  background-color: #bd1118;
}
body.theme-4 .discover-map .nav-controls .list-view-show {
  background-color: #cc5302;
}
body.theme-5 .discover-map .nav-controls .list-view-show {
  background-color: #f43b5f;
}
body.theme-6 .discover-map .nav-controls .list-view-show {
  background-color: #0cd2de;
}
body.theme-7 .discover-map .nav-controls .list-view-show {
  background-color: #fba90b;
}
body.theme-8 .discover-map .nav-controls .list-view-show {
  background-color: #13a104;
}
body.theme-9 .discover-map .nav-controls .list-view-show {
  background-color: #07696a;
}
body.theme-10 .discover-map .nav-controls .list-view-show {
  background-color: #005a9d;
}
body.theme-11 .discover-map .nav-controls .list-view-show {
  background-color: #8acb01;
}

.dropdown {
  cursor: pointer;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 480px) {
  .dropdown {
    position: static;
  }
}

.dropdown-menu, .dropdown-menu--dark {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  background-color: #fff;
  display: none;
  min-width: 246px;
  position: absolute;
  text-align: left;
  top: 0;
}
@media screen and (max-width: 480px) {
  .dropdown-menu, .dropdown-menu--dark {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 0px 1000px hsla(0, 0%, 0%, 0.5);
    -moz-box-shadow: 0px 0px 0px 1000px hsla(0, 0%, 0%, 0.5);
    box-shadow: 0px 0px 0px 1000px hsla(0, 0%, 0%, 0.5);
    left: 0 !important;
    top: auto;
    width: 100vw;
    z-index: 1;
  }
}
.-dropup.dropdown-menu, .-dropup.dropdown-menu--dark {
  top: unset;
  bottom: -6px;
  right: 0;
  min-width: 304px;
  margin-bottom: 65px;
}
.-dropup.dropdown-menu .dropdown-menu-body h4, .-dropup.dropdown-menu--dark .dropdown-menu-body h4, .-dropup.dropdown-menu .dropdown-menu-body p, .-dropup.dropdown-menu--dark .dropdown-menu-body p {
  color: #fff;
}
.-dropup.dropdown-menu .dropdown-menu-body h4, .-dropup.dropdown-menu--dark .dropdown-menu-body h4 {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-bottom: 6px;
  font-family: "myriad-pro", sans-serif;
}
.-dropup.dropdown-menu .dropdown-menu-body p, .-dropup.dropdown-menu--dark .dropdown-menu-body p {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 14px;
  font-family: "ff-meta-serif-web-pro", serif;
}
.-dropup.dropdown-menu .dropdown-menu-footer, .-dropup.dropdown-menu--dark .dropdown-menu-footer {
  max-height: 174px;
}
.dropdown-menu:before, .dropdown-menu--dark:before {
  -webkit-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
  content: "";
  height: 20px;
  left: 45%;
  width: 20px;
  position: absolute;
  top: -2px;
}
@media screen and (max-width: 480px) {
  .dropdown-menu:before, .dropdown-menu--dark:before {
    content: none;
  }
}
.dropdown-menu:after, .dropdown-menu--dark:after {
  background: #fff;
  content: "";
  height: 20px;
  left: 42%;
  position: absolute;
  top: 0;
  width: 40px;
}
@media screen and (max-width: 480px) {
  .dropdown-menu:after, .dropdown-menu--dark:after {
    content: none;
  }
}
.-dropup.dropdown-menu:before, .-dropup.dropdown-menu--dark:before {
  left: unset;
  right: 18px;
  top: unset;
  bottom: -2px;
  z-index: -1;
}
.-dropup.dropdown-menu:after, .-dropup.dropdown-menu--dark:after {
  left: unset;
  right: 18px;
  top: unset;
  bottom: 0;
  z-index: -1;
}
.narrow.dropdown-menu, .narrow.dropdown-menu--dark {
  min-width: 200px;
}
.right.dropdown-menu:before, .right.dropdown-menu--dark:before {
  left: auto;
  right: 22px;
}
.right.dropdown-menu:after, .right.dropdown-menu--dark:after {
  left: auto;
  right: 17px;
}
.right.dropdown-menu, .right.dropdown-menu--dark {
  /* used for incremental position changes,
     to ensure the dropdown arrow is positioned correctly.
     each 'x' means a 5% increase beyond 50%
  */
}
.right-x.dropdown-menu:before, .right-x.dropdown-menu--dark:before {
  left: 55%;
}
.right-x.dropdown-menu:after, .right-x.dropdown-menu--dark:after {
  left: 55%;
}
.right-xx.dropdown-menu:before, .right-xx.dropdown-menu--dark:before {
  left: 60%;
}
.right-xx.dropdown-menu:after, .right-xx.dropdown-menu--dark:after {
  left: 60%;
}
.right-xxx.dropdown-menu:before, .right-xxx.dropdown-menu--dark:before {
  left: 65%;
}
.right-xxx.dropdown-menu:after, .right-xxx.dropdown-menu--dark:after {
  left: 65%;
}
.right-xxxx.dropdown-menu:before, .right-xxxx.dropdown-menu--dark:before {
  left: 70%;
}
.right-xxxx.dropdown-menu:after, .right-xxxx.dropdown-menu--dark:after {
  left: 70%;
}
.right-xxxxx.dropdown-menu:before, .right-xxxxx.dropdown-menu--dark:before {
  left: 75%;
}
.right-xxxxx.dropdown-menu:after, .right-xxxxx.dropdown-menu--dark:after {
  left: 75%;
}
.right-xxxxxx.dropdown-menu:before, .right-xxxxxx.dropdown-menu--dark:before {
  left: 80%;
}
.right-xxxxxx.dropdown-menu:after, .right-xxxxxx.dropdown-menu--dark:after {
  left: 80%;
}
.dropdown-menu .row, .dropdown-menu--dark .row {
  padding-bottom: 16px;
}
.dropdown-menu .row i, .dropdown-menu--dark .row i {
  font-size: 18px !important;
  color: #fff !important;
  padding-top: 4px !important;
  float: left;
  width: 15%;
}
.dropdown-menu .row i:hover, .dropdown-menu--dark .row i:hover {
  color: #fff !important;
}
.dropdown-menu .row p, .dropdown-menu--dark .row p {
  color: #fff !important;
  font-size: 15px;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  line-height: 14px;
  float: left;
  width: 85%;
  padding-right: 10px;
}
.dropdown-menu .row p:hover, .dropdown-menu--dark .row p:hover {
  color: #fff !important;
}

.dropdown-menu--dark {
  background-color: #222;
}

.dropdown.name-dropdown {
  background: transparent;
  font-size: 26px;
  font-size: 1.625rem;
  text-transform: none;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 200;
  padding: 0;
}
.theme-1 .dropdown.name-dropdown {
  color: #22b7f2 !important;
}
.theme-2 .dropdown.name-dropdown {
  color: #8240ca !important;
}
.theme-3 .dropdown.name-dropdown {
  color: #bd1118 !important;
}
.theme-4 .dropdown.name-dropdown {
  color: #cc5302 !important;
}
.theme-5 .dropdown.name-dropdown {
  color: #f43b5f !important;
}
.theme-6 .dropdown.name-dropdown {
  color: #0cd2de !important;
}
.theme-7 .dropdown.name-dropdown {
  color: #fba90b !important;
}
.theme-8 .dropdown.name-dropdown {
  color: #13a104 !important;
}
.theme-9 .dropdown.name-dropdown {
  color: #07696a !important;
}
.theme-10 .dropdown.name-dropdown {
  color: #005a9d !important;
}
.theme-11 .dropdown.name-dropdown {
  color: #8acb01 !important;
}
.dropdown.name-dropdown i {
  float: right;
  padding-left: 12px;
}
.theme-1 .dropdown.name-dropdown i {
  color: #22b7f2 !important;
}
.theme-2 .dropdown.name-dropdown i {
  color: #8240ca !important;
}
.theme-3 .dropdown.name-dropdown i {
  color: #bd1118 !important;
}
.theme-4 .dropdown.name-dropdown i {
  color: #cc5302 !important;
}
.theme-5 .dropdown.name-dropdown i {
  color: #f43b5f !important;
}
.theme-6 .dropdown.name-dropdown i {
  color: #0cd2de !important;
}
.theme-7 .dropdown.name-dropdown i {
  color: #fba90b !important;
}
.theme-8 .dropdown.name-dropdown i {
  color: #13a104 !important;
}
.theme-9 .dropdown.name-dropdown i {
  color: #07696a !important;
}
.theme-10 .dropdown.name-dropdown i {
  color: #005a9d !important;
}
.theme-11 .dropdown.name-dropdown i {
  color: #8acb01 !important;
}
.dropdown > .icon-active {
  display: none;
}
.dropdown.active {
  z-index: 101;
}
.dropdown.active > .icon-inactive {
  display: none;
}
.theme-1 .dropdown.active > .icon-active {
  color: #22b7f2 !important;
}
.theme-2 .dropdown.active > .icon-active {
  color: #8240ca !important;
}
.theme-3 .dropdown.active > .icon-active {
  color: #bd1118 !important;
}
.theme-4 .dropdown.active > .icon-active {
  color: #cc5302 !important;
}
.theme-5 .dropdown.active > .icon-active {
  color: #f43b5f !important;
}
.theme-6 .dropdown.active > .icon-active {
  color: #0cd2de !important;
}
.theme-7 .dropdown.active > .icon-active {
  color: #fba90b !important;
}
.theme-8 .dropdown.active > .icon-active {
  color: #13a104 !important;
}
.theme-9 .dropdown.active > .icon-active {
  color: #07696a !important;
}
.theme-10 .dropdown.active > .icon-active {
  color: #005a9d !important;
}
.theme-11 .dropdown.active > .icon-active {
  color: #8acb01 !important;
}
.dropdown.active > .icon-active {
  display: block;
}
.dropdown h5, .dropdown .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .dropdown .darken, .dropdown .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .dropdown .crumb {
  margin-bottom: 19px;
}
.dropdown-menu--dark:before {
  background-color: #222;
}
.dropdown-menu--dark:after {
  background-color: #222;
}
.dropdown-menu--dark .dropdown-menu-footer {
  border-color: #474747;
}
.dropdown-menu-body {
  padding: 15px 32px;
}
.dropdown-menu-body .dropdown-link:nth-of-type(1) {
  padding-top: 10px;
}
.dropdown-menu-footer {
  border-top: 1px solid #eee;
  padding: 18px 32px 11px;
}
.dropdown-menu-footer.-delete a, .dropdown-menu-footer.-preview a {
  padding-top: 10px;
}
.dropdown-menu-footer .dropdown-link {
  color: #bbb !important;
}
.dropdown-menu-footer .dropdown-link.-gray-footer-link .icon-icon_small-trash {
  color: #bbb !important;
}
.theme-1 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #22b7f2 !important;
}
.theme-2 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #8240ca !important;
}
.theme-3 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #bd1118 !important;
}
.theme-4 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #cc5302 !important;
}
.theme-5 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #f43b5f !important;
}
.theme-6 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #0cd2de !important;
}
.theme-7 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #fba90b !important;
}
.theme-8 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #13a104 !important;
}
.theme-9 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #07696a !important;
}
.theme-10 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #005a9d !important;
}
.theme-11 .dropdown-menu-footer .dropdown-link.-blue-footer-link {
  color: #8acb01 !important;
}
.dropdown-text {
  color: #bbb;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 24px;
  padding-top: 10px;
  text-transform: none;
}
.dropdown-link {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding-bottom: 10px;
  text-transform: none;
}
.dropdown-link [class^=icon] {
  color: #bbb;
  display: block;
  float: left;
  font-size: 17px;
  padding-left: 0;
  padding-right: 10px;
  padding-top: 1px;
}
.dropdown-link.-disabled {
  color: #bbb;
  cursor: default;
}
.dropdown-link.-disabled:hover {
  color: #bbb;
}

.dropdownSearch {
  cursor: pointer;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 480px) {
  .dropdownSearch {
    position: static;
  }
}

.dropdownSearch-menu, .dropdownSearch-menu--dark {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  background-color: #fff;
  display: none;
  min-width: 246px;
  position: absolute;
  text-align: left;
  top: 0;
  width: max-content;
  text-wrap: nowrap;
}
@media screen and (max-width: 480px) {
  .dropdownSearch-menu, .dropdownSearch-menu--dark {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 0px 1000px hsla(0, 0%, 0%, 0.5);
    -moz-box-shadow: 0px 0px 0px 1000px hsla(0, 0%, 0%, 0.5);
    box-shadow: 0px 0px 0px 1000px hsla(0, 0%, 0%, 0.5);
    left: 0 !important;
    top: auto;
    width: 100vw;
    z-index: 1;
  }
}
.-dropup.dropdownSearch-menu, .-dropup.dropdownSearch-menu--dark {
  top: unset;
  bottom: -6px;
  right: 0;
  min-width: 304px;
  margin-bottom: 65px;
}
.-dropup.dropdownSearch-menu .dropdown-menu-body h4, .-dropup.dropdownSearch-menu--dark .dropdown-menu-body h4, .-dropup.dropdownSearch-menu .dropdown-menu-body p, .-dropup.dropdownSearch-menu--dark .dropdown-menu-body p {
  color: #fff;
}
.-dropup.dropdownSearch-menu .dropdown-menu-body h4, .-dropup.dropdownSearch-menu--dark .dropdown-menu-body h4 {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-bottom: 6px;
  font-family: "myriad-pro", sans-serif;
}
.-dropup.dropdownSearch-menu .dropdown-menu-body p, .-dropup.dropdownSearch-menu--dark .dropdown-menu-body p {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 300;
  line-height: 14px;
  font-family: "ff-meta-serif-web-pro", serif;
}
.-dropup.dropdownSearch-menu .dropdown-menu-footer, .-dropup.dropdownSearch-menu--dark .dropdown-menu-footer {
  max-height: 174px;
}
.dropdownSearch-menu:before, .dropdownSearch-menu--dark:before {
  -webkit-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
  content: "";
  height: 20px;
  left: 45%;
  width: 20px;
  position: absolute;
  top: -2px;
}
@media screen and (max-width: 480px) {
  .dropdownSearch-menu:before, .dropdownSearch-menu--dark:before {
    content: none;
  }
}
.dropdownSearch-menu:after, .dropdownSearch-menu--dark:after {
  background: #fff;
  content: "";
  height: 20px;
  left: 42%;
  position: absolute;
  top: 0;
  width: 40px;
}
@media screen and (max-width: 480px) {
  .dropdownSearch-menu:after, .dropdownSearch-menu--dark:after {
    content: none;
  }
}
.-dropup.dropdownSearch-menu:before, .-dropup.dropdownSearch-menu--dark:before {
  left: unset;
  right: 18px;
  top: unset;
  bottom: -2px;
  z-index: -1;
}
.-dropup.dropdownSearch-menu:after, .-dropup.dropdownSearch-menu--dark:after {
  left: unset;
  right: 18px;
  top: unset;
  bottom: 0;
  z-index: -1;
}
.narrow.dropdownSearch-menu, .narrow.dropdownSearch-menu--dark {
  min-width: 200px;
}
.right.dropdownSearch-menu:before, .right.dropdownSearch-menu--dark:before {
  left: auto;
  right: 22px;
}
.right.dropdownSearch-menu:after, .right.dropdownSearch-menu--dark:after {
  left: auto;
  right: 17px;
}
.right.dropdownSearch-menu, .right.dropdownSearch-menu--dark {
  /* used for incremental position changes,
     to ensure the dropdown arrow is positioned correctly.
     each 'x' means a 5% increase beyond 50%
  */
}
.right-x.dropdownSearch-menu:before, .right-x.dropdownSearch-menu--dark:before {
  left: 55%;
}
.right-x.dropdownSearch-menu:after, .right-x.dropdownSearch-menu--dark:after {
  left: 55%;
}
.right-xx.dropdownSearch-menu:before, .right-xx.dropdownSearch-menu--dark:before {
  left: 60%;
}
.right-xx.dropdownSearch-menu:after, .right-xx.dropdownSearch-menu--dark:after {
  left: 60%;
}
.right-xxx.dropdownSearch-menu:before, .right-xxx.dropdownSearch-menu--dark:before {
  left: 65%;
}
.right-xxx.dropdownSearch-menu:after, .right-xxx.dropdownSearch-menu--dark:after {
  left: 65%;
}
.right-xxxx.dropdownSearch-menu:before, .right-xxxx.dropdownSearch-menu--dark:before {
  left: 70%;
}
.right-xxxx.dropdownSearch-menu:after, .right-xxxx.dropdownSearch-menu--dark:after {
  left: 70%;
}
.right-xxxxx.dropdownSearch-menu:before, .right-xxxxx.dropdownSearch-menu--dark:before {
  left: 75%;
}
.right-xxxxx.dropdownSearch-menu:after, .right-xxxxx.dropdownSearch-menu--dark:after {
  left: 75%;
}
.right-xxxxxx.dropdownSearch-menu:before, .right-xxxxxx.dropdownSearch-menu--dark:before {
  left: 80%;
}
.right-xxxxxx.dropdownSearch-menu:after, .right-xxxxxx.dropdownSearch-menu--dark:after {
  left: 80%;
}
.dropdownSearch-menu .row, .dropdownSearch-menu--dark .row {
  padding-bottom: 16px;
}
.dropdownSearch-menu .row i, .dropdownSearch-menu--dark .row i {
  font-size: 18px !important;
  color: #fff !important;
  padding-top: 4px !important;
  float: left;
  width: 15%;
}
.dropdownSearch-menu .row i:hover, .dropdownSearch-menu--dark .row i:hover {
  color: #fff !important;
}
.dropdownSearch-menu .row p, .dropdownSearch-menu--dark .row p {
  color: #fff !important;
  font-size: 15px;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  line-height: 14px;
  float: left;
  width: 85%;
  padding-right: 10px;
}
.dropdownSearch-menu .row p:hover, .dropdownSearch-menu--dark .row p:hover {
  color: #fff !important;
}

.dropdownSearch-menu--dark {
  background-color: #222;
}

.dropdownSearch.name-dropdown {
  background: transparent;
  font-size: 26px;
  font-size: 1.625rem;
  text-transform: none;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 200;
  padding: 0;
}
.theme-1 .dropdownSearch.name-dropdown {
  color: #22b7f2 !important;
}
.theme-2 .dropdownSearch.name-dropdown {
  color: #8240ca !important;
}
.theme-3 .dropdownSearch.name-dropdown {
  color: #bd1118 !important;
}
.theme-4 .dropdownSearch.name-dropdown {
  color: #cc5302 !important;
}
.theme-5 .dropdownSearch.name-dropdown {
  color: #f43b5f !important;
}
.theme-6 .dropdownSearch.name-dropdown {
  color: #0cd2de !important;
}
.theme-7 .dropdownSearch.name-dropdown {
  color: #fba90b !important;
}
.theme-8 .dropdownSearch.name-dropdown {
  color: #13a104 !important;
}
.theme-9 .dropdownSearch.name-dropdown {
  color: #07696a !important;
}
.theme-10 .dropdownSearch.name-dropdown {
  color: #005a9d !important;
}
.theme-11 .dropdownSearch.name-dropdown {
  color: #8acb01 !important;
}
.dropdownSearch.name-dropdown i {
  float: right;
  padding-left: 12px;
}
.theme-1 .dropdownSearch.name-dropdown i {
  color: #22b7f2 !important;
}
.theme-2 .dropdownSearch.name-dropdown i {
  color: #8240ca !important;
}
.theme-3 .dropdownSearch.name-dropdown i {
  color: #bd1118 !important;
}
.theme-4 .dropdownSearch.name-dropdown i {
  color: #cc5302 !important;
}
.theme-5 .dropdownSearch.name-dropdown i {
  color: #f43b5f !important;
}
.theme-6 .dropdownSearch.name-dropdown i {
  color: #0cd2de !important;
}
.theme-7 .dropdownSearch.name-dropdown i {
  color: #fba90b !important;
}
.theme-8 .dropdownSearch.name-dropdown i {
  color: #13a104 !important;
}
.theme-9 .dropdownSearch.name-dropdown i {
  color: #07696a !important;
}
.theme-10 .dropdownSearch.name-dropdown i {
  color: #005a9d !important;
}
.theme-11 .dropdownSearch.name-dropdown i {
  color: #8acb01 !important;
}
.dropdownSearch > .icon-active {
  display: none;
}
.dropdownSearch.active {
  z-index: 101;
}
.dropdownSearch.active > .icon-inactive {
  display: none;
}
.theme-1 .dropdownSearch.active > .icon-active {
  color: #22b7f2 !important;
}
.theme-2 .dropdownSearch.active > .icon-active {
  color: #8240ca !important;
}
.theme-3 .dropdownSearch.active > .icon-active {
  color: #bd1118 !important;
}
.theme-4 .dropdownSearch.active > .icon-active {
  color: #cc5302 !important;
}
.theme-5 .dropdownSearch.active > .icon-active {
  color: #f43b5f !important;
}
.theme-6 .dropdownSearch.active > .icon-active {
  color: #0cd2de !important;
}
.theme-7 .dropdownSearch.active > .icon-active {
  color: #fba90b !important;
}
.theme-8 .dropdownSearch.active > .icon-active {
  color: #13a104 !important;
}
.theme-9 .dropdownSearch.active > .icon-active {
  color: #07696a !important;
}
.theme-10 .dropdownSearch.active > .icon-active {
  color: #005a9d !important;
}
.theme-11 .dropdownSearch.active > .icon-active {
  color: #8acb01 !important;
}
.dropdownSearch.active > .icon-active {
  display: block;
}
.dropdownSearch h5, .dropdownSearch .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .dropdownSearch .darken, .dropdownSearch .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .dropdownSearch .crumb {
  margin-bottom: 19px;
}
.dropdownSearch-menu--dark:before {
  background-color: #222;
}
.dropdownSearch-menu--dark:after {
  background-color: #222;
}
.dropdownSearch-menu--dark .dropdown-menu-footer {
  border-color: #474747;
}
.dropdownSearch-menu-body {
  padding: 15px 32px;
}
.dropdownSearch-menu-body .dropdown-link:nth-of-type(1) {
  padding-top: 10px;
}
.dropdownSearch-menu-footer {
  border-top: 1px solid #eee;
  padding: 18px 32px 11px;
}
.dropdownSearch-menu-footer.-delete a, .dropdownSearch-menu-footer.-preview a {
  padding-top: 10px;
}
.dropdownSearch-menu-footer .dropdown-link {
  color: #bbb !important;
}
.dropdownSearch-menu-footer .dropdown-link.-gray-footer-link .icon-icon_small-trash {
  color: #bbb !important;
}
.theme-1 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #22b7f2 !important;
}
.theme-2 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #8240ca !important;
}
.theme-3 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #bd1118 !important;
}
.theme-4 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #cc5302 !important;
}
.theme-5 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #f43b5f !important;
}
.theme-6 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #0cd2de !important;
}
.theme-7 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #fba90b !important;
}
.theme-8 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #13a104 !important;
}
.theme-9 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #07696a !important;
}
.theme-10 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #005a9d !important;
}
.theme-11 .dropdownSearch-menu-footer .dropdown-link.-blue-footer-link {
  color: #8acb01 !important;
}
.dropdownSearch-text {
  color: #bbb;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 24px;
  padding-top: 10px;
  text-transform: none;
}
.dropdownSearch-link {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding-bottom: 10px;
  text-transform: none;
}
.dropdownSearch-link [class^=icon] {
  color: #bbb;
  display: block;
  float: left;
  font-size: 17px;
  padding-left: 0;
  padding-right: 10px;
  padding-top: 1px;
}
.dropdownSearch-link.-disabled {
  color: #bbb;
  cursor: default;
}
.dropdownSearch-link.-disabled:hover {
  color: #bbb;
}

span.emoji {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 1em;
  height: 1em;
  background-size: 1em;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

span.emoji-sizer {
  line-height: 0.81em;
  font-size: 1em;
  margin: -2px 0;
}

span.emoji-outer {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  height: 1em;
  width: 1em;
}

span.emoji-inner {
  display: -moz-inline-box;
  display: inline-block;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
}

img.emoji {
  width: 1em;
  height: 1em;
}

.emoji-wysiwyg-editor:empty:before {
  content: attr(placeholder);
  color: #9aa2ab;
}

.emoji-picker-container {
  position: relative;
}

.emoji-picker-icon {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  opacity: 0.7;
  z-index: 100;
  transition: none;
  color: black;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.emoji-picker-icon.parent-has-scroll {
  right: 28px;
}

.emoji-picker-icon:hover {
  opacity: 1;
}

/* Emoji area */
.emoji-wysiwyg-editor:empty:before {
  content: attr(placeholder);
  color: #9aa2ab;
}

.emoji-wysiwyg-editor:active:before,
.emoji-wysiwyg-editor:focus:before {
  content: none;
}

.emoji-wysiwyg-editor {
  padding: 6px;
  padding-right: 35px;
  margin-bottom: 0px;
  min-height: 35px; /* 35 */
  height: 30px;
  max-height: 284px;
  overflow: auto;
  line-height: 17px;
  border: 1px solid #d2dbe3;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-user-select: text;
  word-wrap: break-word;
}

.emoji-wysiwyg-editor.parent-has-scroll {
  padding-right: 40px;
}

.emoji-wysiwyg-editor.single-line-editor {
  min-height: 35px;
  height: inherit;
}

.emoji-wysiwyg-editor img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -3px 0 0 0;
}

.emoji-menu {
  position: absolute;
  z-index: 999;
  width: 225px;
  overflow: hidden;
  border: 1px #dfdfdf solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.emoji-items-wrap1 {
  background: #ffffff;
  padding: 5px 2px 5px 5px;
}

.emoji-items-wrap1 .emoji-menu-tabs {
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
}

.emoji-items-wrap1 .emoji-menu-tabs td {
  text-align: center;
  color: white;
  line-height: 0;
}

.emoji-menu-tabs .emoji-menu-tab {
  display: inline-block;
  width: 24px;
  height: 29px;
  background: url("/Vendor/emoji-picker/img/IconsetSmiles.png") no-repeat;
  background-size: 42px 350px;
  border: 0;
}

.is_1x .emoji-menu-tabs .emoji-menu-tab {
  background-image: url("/Vendor/emoji-picker/img/IconsetSmiles_1x.png");
}

.emoji-menu-tabs .icon-recent {
  background-position: -9px -306px;
}

.emoji-menu-tabs .icon-recent-selected {
  background-position: -9px -277px;
}

.emoji-menu-tabs .icon-smile {
  background-position: -9px -34px;
}

.emoji-menu-tabs .icon-smile-selected {
  background-position: -9px -5px;
}

.emoji-menu-tabs .icon-flower {
  background-position: -9px -145px;
}

.emoji-menu-tabs .icon-flower-selected {
  background-position: -9px -118px;
}

.emoji-menu-tabs .icon-bell {
  background-position: -9px -89px;
}

.emoji-menu-tabs .icon-bell-selected {
  background-position: -9px -61px;
}

.emoji-menu-tabs .icon-car {
  background-position: -9px -196px;
}

.emoji-menu-tabs .icon-car-selected {
  background-position: -9px -170px;
}

.emoji-menu-tabs .icon-grid {
  background-position: -9px -248px;
}

.emoji-menu-tabs .icon-grid-selected {
  background-position: -9px -222px;
}

.emoji-menu-tabs .icon-smile,
.emoji-menu-tabs .icon-flower,
.emoji-menu-tabs .icon-bell,
.emoji-menu-tabs .icon-car,
.emoji-menu-tabs .icon-grid {
  opacity: 0.7;
}

.emoji-menu-tabs .icon-smile:hover,
.emoji-menu-tabs .icon-flower:hover,
.emoji-menu-tabs .icon-bell:hover,
.emoji-menu-tabs .icon-car:hover,
.emoji-menu-tabs .icon-grid:hover {
  opacity: 1;
}

.emoji-menu .emoji-items-wrap {
  position: relative;
  height: 174px;
}

.emoji-menu .emoji-items {
  padding-right: 8px;
  outline: 0 !important;
}

.emoji-menu img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border: 0 none;
}

.emoji-menu .emoji-items a {
  margin: -1px 0 0 -1px;
  padding: 5px;
  display: block;
  float: left;
  border-radius: 2px;
  border: 0;
}

.emoji-menu .emoji-items a:hover {
  background-color: #edf2f5;
}

.emoji-menu:after {
  content: " ";
  display: block;
  clear: left;
}

.emoji-menu a .label {
  display: none;
}

/** initial setup **/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano > .nano-content:focus {
  outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.nano > .nano-pane {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9 ; /* Target only IE7 and IE8 with this hack */
  opacity: 0.01;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9 ; /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

.field-input--tall, .field-input--long, .field-input--almostfull, .field-input--full, .field-input,
.inline-editor {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: border 500ms ease-out;
  -moz-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  color: #222;
  font-family: "myriad-pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  outline: 0;
  padding: 15px 15px 15px 25px;
}
.field-input--tall:focus, .field-input--long:focus, .field-input--almostfull:focus, .field-input--full:focus, .field-input:focus,
.inline-editor:focus {
  background-color: #fff;
  outline: 0;
}
.-after.field-input--tall, .-after.field-input--long, .-after.field-input--almostfull, .-after.field-input--full, .-after.field-input,
.-after.inline-editor {
  padding-right: 36px;
}

.field-new-input {
  background-color: white;
}
.field-new-input:focus {
  background-color: #fff;
  outline: 0;
}
.field-new-input.-after {
  padding-right: 36px;
}

.field-input--full {
  width: 100%;
}

.field-input--almostfull {
  width: 90%;
}

.field-input--long {
  width: 69%;
}

.field-input--tall {
  min-height: 195px;
}

.field-hint {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #bbb;
  display: inline-block;
  font-weight: 300;
}
.field-hint a,
.field-hint a:link {
  font-family: "myriad-pro", sans-serif;
  font-size: 100%;
}

.inline-editor,
.inline-editor p {
  color: #222;
  font-family: "myriad-pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.cke_chrome {
  box-shadow: none !important;
}

.cke_top {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #ddd !important;
}

.cke_toolgroup {
  background: #f4f4f4 !important;
  background-image: none !important;
  border-color: #ddd !important;
}

.cke_button_off:hover {
  background: #ddd !important;
  background-image: none !important;
  box-shadow: none !important;
}

.theme-1 .cke_button_on {
  background: #22b7f2 !important;
}
.theme-2 .cke_button_on {
  background: #8240ca !important;
}
.theme-3 .cke_button_on {
  background: #bd1118 !important;
}
.theme-4 .cke_button_on {
  background: #cc5302 !important;
}
.theme-5 .cke_button_on {
  background: #f43b5f !important;
}
.theme-6 .cke_button_on {
  background: #0cd2de !important;
}
.theme-7 .cke_button_on {
  background: #fba90b !important;
}
.theme-8 .cke_button_on {
  background: #13a104 !important;
}
.theme-9 .cke_button_on {
  background: #07696a !important;
}
.theme-10 .cke_button_on {
  background: #005a9d !important;
}
.theme-11 .cke_button_on {
  background: #8acb01 !important;
}
.cke_button_on {
  background-image: none !important;
  box-shadow: none !important;
}

::-webkit-input-placeholder {
  color: #bbb;
}

:-moz-placeholder {
  color: #bbb;
}

::-moz-placeholder {
  color: #bbb;
}

:-ms-input-placeholder {
  color: #bbb;
}

.fieldset-group, .fieldset-list--center, .fieldset-list, .fieldset-vertical--readonly, .fieldset-vertical, .fieldset-names-fields, .fieldset {
  -webkit-transition: all 0.5 ease;
  -moz-transition: all 0.5 ease;
  transition: all 0.5 ease;
  border: 0;
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
}
.fieldset-group .field-label, .fieldset-list--center .field-label, .fieldset-list .field-label, .fieldset-vertical--readonly .field-label, .fieldset-vertical .field-label, .fieldset-names-fields .field-label, .fieldset .field-label {
  padding-right: 10px;
}
.fieldset-group .field-details, .fieldset-list--center .field-details, .fieldset-list .field-details, .fieldset-vertical--readonly .field-details, .fieldset-vertical .field-details, .fieldset-names-fields .field-details, .fieldset .field-details {
  color: #888;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .fieldset-group .field-details, .fieldset-list--center .field-details, .fieldset-list .field-details, .fieldset-vertical--readonly .field-details, .fieldset-vertical .field-details, .fieldset-names-fields .field-details, .fieldset .field-details {
    margin-bottom: 0px;
  }
}
.error.fieldset-group [class^=field-input], .error.fieldset-list--center [class^=field-input], .error.fieldset-list [class^=field-input], .error.fieldset-vertical--readonly [class^=field-input], .error.fieldset-vertical [class^=field-input], .error.fieldset-names-fields [class^=field-input], .error.fieldset [class^=field-input] {
  border-color: #e92329;
  color: #e92329;
}
.error.fieldset-group [class^=field-label], .error.fieldset-list--center [class^=field-label], .error.fieldset-list [class^=field-label], .error.fieldset-vertical--readonly [class^=field-label], .error.fieldset-vertical [class^=field-label], .error.fieldset-names-fields [class^=field-label], .error.fieldset [class^=field-label] {
  color: #e92329;
}
.error.fieldset-group .field-error, .error.fieldset-list--center .field-error, .error.fieldset-list .field-error, .error.fieldset-vertical--readonly .field-error, .error.fieldset-vertical .field-error, .error.fieldset-names-fields .field-error, .error.fieldset .field-error {
  display: block;
}
.error.fieldset-group .field-spacer, .error.fieldset-list--center .field-spacer, .error.fieldset-list .field-spacer, .error.fieldset-vertical--readonly .field-spacer, .error.fieldset-vertical .field-spacer, .error.fieldset-names-fields .field-spacer, .error.fieldset .field-spacer {
  display: none;
}
.success.fieldset-group [class^=field-input], .success.fieldset-list--center [class^=field-input], .success.fieldset-list [class^=field-input], .success.fieldset-vertical--readonly [class^=field-input], .success.fieldset-vertical [class^=field-input], .success.fieldset-names-fields [class^=field-input], .success.fieldset [class^=field-input] {
  border-color: #6bac43;
  color: #6bac43;
}
.success.fieldset-group [class^=field-label], .success.fieldset-list--center [class^=field-label], .success.fieldset-list [class^=field-label], .success.fieldset-vertical--readonly [class^=field-label], .success.fieldset-vertical [class^=field-label], .success.fieldset-names-fields [class^=field-label], .success.fieldset [class^=field-label] {
  color: #6bac43;
}
.success.fieldset-group .field-success, .success.fieldset-list--center .field-success, .success.fieldset-list .field-success, .success.fieldset-vertical--readonly .field-success, .success.fieldset-vertical .field-success, .success.fieldset-names-fields .field-success, .success.fieldset .field-success {
  display: block;
}
.success.fieldset-group .field-spacer, .success.fieldset-list--center .field-spacer, .success.fieldset-list .field-spacer, .success.fieldset-vertical--readonly .field-spacer, .success.fieldset-vertical .field-spacer, .success.fieldset-names-fields .field-spacer, .success.fieldset .field-spacer {
  display: none;
}
@media screen and (max-width: 480px) {
  .fieldset-group, .fieldset-list--center, .fieldset-list, .fieldset-vertical--readonly, .fieldset-vertical, .fieldset-names-fields, .fieldset {
    margin-bottom: 20px;
  }
}

.error-summary {
  color: #e92329;
  padding: 20px 0;
}

.file-upload > table:not(.single-upload-table), .fieldset-group > table {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-collapse: separate;
  width: 99.9%;
}
.file-upload > table:not(.single-upload-table) tr.empty td, .fieldset-group > table tr.empty td {
  color: #bbb !important;
  font-style: italic !important;
  font-weight: normal !important;
}
.file-upload > table:not(.single-upload-table) tr.empty:hover, .fieldset-group > table tr.empty:hover {
  background-color: #fff;
}
.file-upload > table:not(.single-upload-table) tr:last-child td:first-child, .fieldset-group > table tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.file-upload > table:not(.single-upload-table) tr:last-child td:last-child, .fieldset-group > table tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.file-upload > table:not(.single-upload-table) tr td, .fieldset-group > table tr td {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 16px 0;
}
.file-upload > table:not(.single-upload-table) tr td:first-child, .fieldset-group > table tr td:first-child {
  border-left: 1px solid #ddd;
  padding-left: 25px;
}
.file-upload > table:not(.single-upload-table) tr td:last-child, .fieldset-group > table tr td:last-child {
  border-right: 1px solid #ddd;
}
.file-upload > table:not(.single-upload-table) tr:hover, .fieldset-group > table tr:hover {
  background-color: #f9f9f9;
  cursor: default;
}
.theme-1 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-1 .fieldset-group > table tr:hover td:first-child {
  color: #22b7f2;
}
.theme-2 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-2 .fieldset-group > table tr:hover td:first-child {
  color: #8240ca;
}
.theme-3 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-3 .fieldset-group > table tr:hover td:first-child {
  color: #bd1118;
}
.theme-4 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-4 .fieldset-group > table tr:hover td:first-child {
  color: #cc5302;
}
.theme-5 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-5 .fieldset-group > table tr:hover td:first-child {
  color: #f43b5f;
}
.theme-6 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-6 .fieldset-group > table tr:hover td:first-child {
  color: #0cd2de;
}
.theme-7 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-7 .fieldset-group > table tr:hover td:first-child {
  color: #fba90b;
}
.theme-8 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-8 .fieldset-group > table tr:hover td:first-child {
  color: #13a104;
}
.theme-9 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-9 .fieldset-group > table tr:hover td:first-child {
  color: #07696a;
}
.theme-10 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-10 .fieldset-group > table tr:hover td:first-child {
  color: #005a9d;
}
.theme-11 .file-upload > table:not(.single-upload-table) tr:hover td:first-child, .theme-11 .fieldset-group > table tr:hover td:first-child {
  color: #8acb01;
}

.field-label-checkbox, .field-label--center, .field-label {
  color: #888;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.field-label--center {
  text-align: center;
}
.field-label-checkbox {
  font-family: "myriad-pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.field-error {
  font-size: 14px;
  font-size: 0.875rem;
  color: #e92329;
  display: none;
  font-family: "myriad-pro", sans-serif;
  font-style: italic;
  margin-top: 5px;
}

.modern-field-error {
  font-size: 12px !important;
  font-style: unset !important;
  text-align: left;
}
.modern-field-error i {
  margin-left: 5px;
  font-size: smaller;
  margin-right: 2px;
}

.field-success {
  font-size: 14px;
  font-size: 0.875rem;
  color: #6bac43;
  display: none;
  font-family: "myriad-pro", sans-serif;
  font-style: italic;
  margin-top: 5px;
}

.field-spacer {
  display: block;
  height: 18px;
  margin-top: 5px;
}

.field-readonly--center, .field-readonly--active, .field-readonly {
  color: #888;
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  margin-top: 7px;
  text-transform: none;
}

.field-readonly--active {
  color: #5fbf02;
}
.field-readonly--inactive {
  color: #cc0f0f;
}
.field-readonly--center {
  text-align: center;
}

.fieldset-names-fields {
  margin-bottom: 48px !important;
}

.fieldset-vertical--readonly .field-label, .fieldset-vertical .field-label {
  display: block;
}
.fieldset-vertical--readonly .field-label.-correct, .fieldset-vertical .field-label.-correct {
  color: #5fbf02;
}
.fieldset-vertical--readonly .field-label.-wrong, .fieldset-vertical .field-label.-wrong {
  color: red;
}
.fieldset-vertical--readonly .field-input, .fieldset-vertical .field-input {
  display: block;
}
.fieldset-vertical--readonly .field-hint, .fieldset-vertical .field-hint {
  display: block;
  margin-top: 8px;
}

.fieldset-vertical.-markdown {
  -webkit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  -moz-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  display: none;
  margin-top: -32px;
}
.fieldset-vertical.-markdown.-show {
  display: block;
}
.fieldset-vertical.-markdown .field-details {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #bbb;
  font-style: normal;
  font-weight: 600;
  margin-top: 10px;
  text-align: right;
  text-transform: uppercase;
}
.fieldset-vertical--readonly {
  margin-bottom: 24px;
}
.fieldset-vertical--readonly.no-margin {
  margin-bottom: 0;
}
.fieldset-vertical.no-margin {
  margin-bottom: 0;
}

.-true-false.fieldset-list--center [type=radio]:checked ~ label:before, .-true-false.fieldset-list [type=radio]:checked ~ label:before {
  border-color: #5fbf02;
  color: #5fbf02;
}
.-true-false.fieldset-list--center [type=radio]:checked ~ label, .-true-false.fieldset-list [type=radio]:checked ~ label {
  color: #5fbf02;
}
.fieldset-list--center .field-label, .fieldset-list .field-label {
  margin-bottom: 18px;
}
.fieldset-list--center .field-label.-correct, .fieldset-list .field-label.-correct {
  color: #5fbf02;
}
.fieldset-list--center .field-label.-wrong, .fieldset-list .field-label.-wrong {
  color: red;
}
.fieldset-list--center .fieldset, .fieldset-list .fieldset {
  display: inline;
  margin-bottom: 0;
}

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

.fieldset-group {
  margin-bottom: 42px;
  width: 100%;
}
.fieldset-group .field-label {
  display: block;
}
.fieldset-group > input[type=text],
.fieldset-group > input[type=number] {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-left: 0;
  display: block;
  float: left;
}
.fieldset-group > input[type=text]:nth-of-type(1),
.fieldset-group > input[type=number]:nth-of-type(1) {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  border-left: 1px solid #ddd;
}
.fieldset-group > .fieldset-group-action {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.fieldset-group > .fieldset-group-action {
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background: #bbb;
  border: 1px solid #bbb;
  color: #fff;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 0;
  text-align: center;
  text-transform: uppercase;
}
.fieldset-group > .fieldset-group-action:hover {
  color: #fff;
}
.theme-1 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(0, 31.5286624204, 55);
}
.theme-11 .fieldset-group > .fieldset-group-action:hover {
  background-color: rgb(69, 101.5, 0.5);
}
.file-upload-header {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  padding: 8px 24px;
}
.file-upload-header [class^=button] {
  float: left;
}
.file-upload-header .file-specs {
  color: #bbb !important;
  display: block;
  float: left;
  font-style: italic !important;
  font-weight: normal !important;
  padding-left: 19px;
  padding-top: 12px;
}
.file-upload-header-hotspot {
  background-color: transparent;
  border: none;
  padding: 0;
}
.file-upload-thumbnail > img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #eee;
}
.file-upload > table {
  width: 100%;
}
.file-upload > table tr:not(:empty) td:nth-child(1) {
  width: 125px;
}
.file-upload > table tr:not(:empty) td:nth-child(2) {
  width: 325px;
}
.file-upload > table tr:not(:empty) td:nth-child(3) {
  width: 165px;
}
.file-upload > table.single-upload-table tr:not(.empty) td:nth-child(1) {
  width: 450px !important;
}
.file-upload > table.single-upload-table tr:not(.empty) td:nth-child(2) {
  width: 165px !important;
}
.file-upload > table.single-upload-table tr:not(.empty) td:last-child {
  padding-right: 25px;
  text-align: right;
}

.error-summary {
  display: none;
}

.form-panel {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  margin-bottom: 60px;
  padding: 30px 35px;
}
@media screen and (max-width: 480px) {
  .form-panel {
    padding: 15px 35px;
    margin-bottom: -15px;
  }
}
.form-panel-header {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
  color: #222;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .form-panel-header {
    margin-bottom: 15px;
  }
}
.form-panel-header-small-margin-bottom {
  margin-bottom: 15px;
}
[type=checkbox]:not(:checked),
[type=checkbox]:checked,
[type=radio]:not(:checked),
[type=radio]:checked {
  position: absolute;
  left: -9999px;
}

[type=checkbox]:not(:checked) ~ label,
[type=checkbox]:checked ~ label,
[type=radio]:not(:checked) ~ label,
[type=radio]:checked ~ label {
  cursor: pointer;
  position: relative;
  padding-left: 29px;
  padding-right: 28px;
}
[type=checkbox]:not(:checked) ~ label .second-label,
[type=checkbox]:checked ~ label .second-label,
[type=radio]:not(:checked) ~ label .second-label,
[type=radio]:checked ~ label .second-label {
  text-transform: none;
}

[type=checkbox]:not(:checked) ~ label:before,
[type=checkbox]:checked ~ label:before {
  background: #eee;
  border: 1px solid #bbb;
  content: "";
  height: 19px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 19px;
}

[type=checkbox]:not(:checked) ~ label,
[type=radio]:not(:checked) ~ label {
  color: #888;
}

.theme-1 [type=checkbox]:hover ~ label,
.theme-1 [type=radio]:hover ~ label,
.theme-1 [type=checkbox]:checked ~ label,
.theme-1 [type=radio]:checked ~ label {
  color: #09759F;
}
.theme-2 [type=checkbox]:hover ~ label,
.theme-2 [type=radio]:hover ~ label,
.theme-2 [type=checkbox]:checked ~ label,
.theme-2 [type=radio]:checked ~ label {
  color: #8240ca;
}
.theme-3 [type=checkbox]:hover ~ label,
.theme-3 [type=radio]:hover ~ label,
.theme-3 [type=checkbox]:checked ~ label,
.theme-3 [type=radio]:checked ~ label {
  color: #bd1118;
}
.theme-4 [type=checkbox]:hover ~ label,
.theme-4 [type=radio]:hover ~ label,
.theme-4 [type=checkbox]:checked ~ label,
.theme-4 [type=radio]:checked ~ label {
  color: #cc5302;
}
.theme-5 [type=checkbox]:hover ~ label,
.theme-5 [type=radio]:hover ~ label,
.theme-5 [type=checkbox]:checked ~ label,
.theme-5 [type=radio]:checked ~ label {
  color: #f43b5f;
}
.theme-6 [type=checkbox]:hover ~ label,
.theme-6 [type=radio]:hover ~ label,
.theme-6 [type=checkbox]:checked ~ label,
.theme-6 [type=radio]:checked ~ label {
  color: #0cd2de;
}
.theme-7 [type=checkbox]:hover ~ label,
.theme-7 [type=radio]:hover ~ label,
.theme-7 [type=checkbox]:checked ~ label,
.theme-7 [type=radio]:checked ~ label {
  color: #fba90b;
}
.theme-8 [type=checkbox]:hover ~ label,
.theme-8 [type=radio]:hover ~ label,
.theme-8 [type=checkbox]:checked ~ label,
.theme-8 [type=radio]:checked ~ label {
  color: #13a104;
}
.theme-9 [type=checkbox]:hover ~ label,
.theme-9 [type=radio]:hover ~ label,
.theme-9 [type=checkbox]:checked ~ label,
.theme-9 [type=radio]:checked ~ label {
  color: #07696a;
}
.theme-10 [type=checkbox]:hover ~ label,
.theme-10 [type=radio]:hover ~ label,
.theme-10 [type=checkbox]:checked ~ label,
.theme-10 [type=radio]:checked ~ label {
  color: #005a9d;
}
.theme-11 [type=checkbox]:hover ~ label,
.theme-11 [type=radio]:hover ~ label,
.theme-11 [type=checkbox]:checked ~ label,
.theme-11 [type=radio]:checked ~ label {
  color: #8acb01;
}

.theme-1 [type=checkbox]:checked ~ label:before {
  border-color: #09759F;
}
.theme-2 [type=checkbox]:checked ~ label:before {
  border-color: #8240ca;
}
.theme-3 [type=checkbox]:checked ~ label:before {
  border-color: #bd1118;
}
.theme-4 [type=checkbox]:checked ~ label:before {
  border-color: #cc5302;
}
.theme-5 [type=checkbox]:checked ~ label:before {
  border-color: #f43b5f;
}
.theme-6 [type=checkbox]:checked ~ label:before {
  border-color: #0cd2de;
}
.theme-7 [type=checkbox]:checked ~ label:before {
  border-color: #fba90b;
}
.theme-8 [type=checkbox]:checked ~ label:before {
  border-color: #13a104;
}
.theme-9 [type=checkbox]:checked ~ label:before {
  border-color: #07696a;
}
.theme-10 [type=checkbox]:checked ~ label:before {
  border-color: #005a9d;
}
.theme-11 [type=checkbox]:checked ~ label:before {
  border-color: #8acb01;
}

[type=checkbox]:not(:checked) ~ label:after,
[type=checkbox]:checked ~ label:after {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.theme-1 [type=checkbox]:not(:checked) ~ label:after,
.theme-1 [type=checkbox]:checked ~ label:after {
  color: #09759F;
}
.theme-2 [type=checkbox]:not(:checked) ~ label:after,
.theme-2 [type=checkbox]:checked ~ label:after {
  color: #8240ca;
}
.theme-3 [type=checkbox]:not(:checked) ~ label:after,
.theme-3 [type=checkbox]:checked ~ label:after {
  color: #bd1118;
}
.theme-4 [type=checkbox]:not(:checked) ~ label:after,
.theme-4 [type=checkbox]:checked ~ label:after {
  color: #cc5302;
}
.theme-5 [type=checkbox]:not(:checked) ~ label:after,
.theme-5 [type=checkbox]:checked ~ label:after {
  color: #f43b5f;
}
.theme-6 [type=checkbox]:not(:checked) ~ label:after,
.theme-6 [type=checkbox]:checked ~ label:after {
  color: #0cd2de;
}
.theme-7 [type=checkbox]:not(:checked) ~ label:after,
.theme-7 [type=checkbox]:checked ~ label:after {
  color: #fba90b;
}
.theme-8 [type=checkbox]:not(:checked) ~ label:after,
.theme-8 [type=checkbox]:checked ~ label:after {
  color: #13a104;
}
.theme-9 [type=checkbox]:not(:checked) ~ label:after,
.theme-9 [type=checkbox]:checked ~ label:after {
  color: #07696a;
}
.theme-10 [type=checkbox]:not(:checked) ~ label:after,
.theme-10 [type=checkbox]:checked ~ label:after {
  color: #005a9d;
}
.theme-11 [type=checkbox]:not(:checked) ~ label:after,
.theme-11 [type=checkbox]:checked ~ label:after {
  color: #8acb01;
}
[type=checkbox]:not(:checked) ~ label:after,
[type=checkbox]:checked ~ label:after {
  content: "\e628";
  font-family: "kdi-icons";
  font-size: 12px;
  left: 3px;
  position: absolute;
  top: 5px;
}

[type=checkbox]:not(:checked) ~ label:after {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
}

[type=checkbox]:checked ~ label:after {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}

[type=radio] ~ label {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}

[type=radio] ~ label:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
  border: 1px solid #bbb;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  text-align: initial;
  text-indent: 0;
  top: 0;
  width: 20px;
}

[type=radio]:checked ~ label:before {
  line-height: 19px;
  line-height: 1.1875rem;
}
.theme-1 [type=radio]:checked ~ label:before {
  border-color: #22b7f2;
  color: #22b7f2;
}
.theme-2 [type=radio]:checked ~ label:before {
  border-color: #8240ca;
  color: #8240ca;
}
.theme-3 [type=radio]:checked ~ label:before {
  border-color: #bd1118;
  color: #bd1118;
}
.theme-4 [type=radio]:checked ~ label:before {
  border-color: #cc5302;
  color: #cc5302;
}
.theme-5 [type=radio]:checked ~ label:before {
  border-color: #f43b5f;
  color: #f43b5f;
}
.theme-6 [type=radio]:checked ~ label:before {
  border-color: #0cd2de;
  color: #0cd2de;
}
.theme-7 [type=radio]:checked ~ label:before {
  border-color: #fba90b;
  color: #fba90b;
}
.theme-8 [type=radio]:checked ~ label:before {
  border-color: #13a104;
  color: #13a104;
}
.theme-9 [type=radio]:checked ~ label:before {
  border-color: #07696a;
  color: #07696a;
}
.theme-10 [type=radio]:checked ~ label:before {
  border-color: #005a9d;
  color: #005a9d;
}
.theme-11 [type=radio]:checked ~ label:before {
  border-color: #8acb01;
  color: #8acb01;
}
[type=radio]:checked ~ label:before {
  background-color: #fff !important;
  content: "\e631";
  font-family: "kdi-icons";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding-left: 3px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.inline-editor.cke_focus {
  padding: 10px;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.1
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-family: "myriad-pro", sans-serif;
  font-size: 18px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  color: #888;
  display: block;
  font-family: "myriad-pro", sans-serif;
  overflow: hidden;
  padding: 12px 15px 12px 25px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

.theme-1 .chosen-container-single .chosen-single div {
  background-color: #22b7f2;
}
.theme-2 .chosen-container-single .chosen-single div {
  background-color: #8240ca;
}
.theme-3 .chosen-container-single .chosen-single div {
  background-color: #bd1118;
}
.theme-4 .chosen-container-single .chosen-single div {
  background-color: #cc5302;
}
.theme-5 .chosen-container-single .chosen-single div {
  background-color: #f43b5f;
}
.theme-6 .chosen-container-single .chosen-single div {
  background-color: #0cd2de;
}
.theme-7 .chosen-container-single .chosen-single div {
  background-color: #fba90b;
}
.theme-8 .chosen-container-single .chosen-single div {
  background-color: #13a104;
}
.theme-9 .chosen-container-single .chosen-single div {
  background-color: #07696a;
}
.theme-10 .chosen-container-single .chosen-single div {
  background-color: #005a9d;
}
.theme-11 .chosen-container-single .chosen-single div {
  background-color: #8acb01;
}
.chosen-container-single .chosen-single div {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}

.chosen-container-single .chosen-single div b {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  display: block;
  font-family: "kdi-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  height: 100%;
  line-height: 1;
  margin-left: 22px;
  margin-top: 19px;
  speak: none;
  text-transform: none;
  width: 100%;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.chosen-container-single .chosen-single div b:before {
  color: #fff;
  content: "\e623";
}

.chosen-container-single .chosen-search {
  margin: 0;
  padding: 3px 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1010;
}

.chosen-container-single .chosen-search input[type=text] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #aaa;
  font-family: "myriad-pro", sans-serif;
  font-size: 1em;
  height: auto;
  line-height: normal;
  margin: 1px 0;
  outline: 0;
  padding: 15px 15px 15px 25px;
  width: 100%;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  line-height: 15px;
  list-style: none;
  margin: 0;
  padding: 10px 6px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.theme-1 .chosen-container .chosen-results li.highlighted {
  background-color: #22b7f2;
}
.theme-2 .chosen-container .chosen-results li.highlighted {
  background-color: #8240ca;
}
.theme-3 .chosen-container .chosen-results li.highlighted {
  background-color: #bd1118;
}
.theme-4 .chosen-container .chosen-results li.highlighted {
  background-color: #cc5302;
}
.theme-5 .chosen-container .chosen-results li.highlighted {
  background-color: #f43b5f;
}
.theme-6 .chosen-container .chosen-results li.highlighted {
  background-color: #0cd2de;
}
.theme-7 .chosen-container .chosen-results li.highlighted {
  background-color: #fba90b;
}
.theme-8 .chosen-container .chosen-results li.highlighted {
  background-color: #13a104;
}
.theme-9 .chosen-container .chosen-results li.highlighted {
  background-color: #07696a;
}
.theme-10 .chosen-container .chosen-results li.highlighted {
  background-color: #005a9d;
}
.theme-11 .chosen-container .chosen-results li.highlighted {
  background-color: #8acb01;
}
.chosen-container .chosen-results li.highlighted {
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 10px 0px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  color: #888;
  font-size: 100%;
  font-family: "myriad-pro", sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

#ui-datepicker-div {
  width: 190px;
  background: white;
  padding: 10px;
  margin-top: 10px;
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
  border: 1px solid rgb(238, 238, 238);
  border-radius: 7px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  float: right;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
#ui-datepicker-div table {
  width: 100%;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.free-badge {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.theme-1 .free-badge {
  border-bottom-color: rgba(34, 183, 242, 0.88);
}
.theme-2 .free-badge {
  border-bottom-color: rgba(130, 64, 202, 0.88);
}
.theme-3 .free-badge {
  border-bottom-color: rgba(189, 17, 24, 0.88);
}
.theme-4 .free-badge {
  border-bottom-color: rgba(204, 83, 2, 0.88);
}
.theme-5 .free-badge {
  border-bottom-color: rgba(244, 59, 95, 0.88);
}
.theme-6 .free-badge {
  border-bottom-color: rgba(12, 210, 222, 0.88);
}
.theme-7 .free-badge {
  border-bottom-color: rgba(251, 169, 11, 0.88);
}
.theme-8 .free-badge {
  border-bottom-color: rgba(19, 161, 4, 0.88);
}
.theme-9 .free-badge {
  border-bottom-color: rgba(7, 105, 106, 0.88);
}
.theme-10 .free-badge {
  border-bottom-color: rgba(0, 90, 157, 0.88);
}
.theme-11 .free-badge {
  border-bottom-color: rgba(138, 203, 1, 0.88);
}
.free-badge {
  border-bottom-width: 50px;
  border-bottom-style: solid;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  height: 0;
  position: absolute;
  right: -32.5px;
  top: -7px;
  width: 0;
  z-index: 2;
}
.free-badge-label {
  color: #fff;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  display: block;
  position: relative;
  right: 15px;
  text-transform: uppercase;
  top: 24px;
}

.layout-full, .layout-offset-right, .layout-offset-left, .layout-25-25-25-25, .layout-33-33-33, .layout-25-75, .layout-75-25, .layout-40-60, .layout-60-40, .layout-50-50, .layout-100-inset, .layout-100 {
  margin-bottom: 110px;
}

.layout-offset-right, .layout-offset-left, .layout-25-25-25-25, .layout-33-33-33, .layout-25-75, .layout-75-25, .layout-40-60, .layout-60-40, .layout-50-50, .layout-100-inset, .layout-100 {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1060px) {
  .layout-offset-right .layout-column, .layout-offset-left .layout-column, .layout-25-25-25-25 .layout-column, .layout-33-33-33 .layout-column, .layout-25-75 .layout-column, .layout-75-25 .layout-column, .layout-40-60 .layout-column, .layout-60-40 .layout-column, .layout-50-50 .layout-column, .layout-100-inset .layout-column, .layout-100 .layout-column {
    width: 100% !important;
  }
}
@media screen and (max-width: 1060px) {
  .layout-offset-right .layout-column--with-image, .layout-offset-left .layout-column--with-image, .layout-25-25-25-25 .layout-column--with-image, .layout-33-33-33 .layout-column--with-image, .layout-25-75 .layout-column--with-image, .layout-75-25 .layout-column--with-image, .layout-40-60 .layout-column--with-image, .layout-60-40 .layout-column--with-image, .layout-50-50 .layout-column--with-image, .layout-100-inset .layout-column--with-image, .layout-100 .layout-column--with-image {
    order: 2;
  }
}
@media screen and (max-width: 1060px) {
  .layout-offset-right, .layout-offset-left, .layout-25-25-25-25, .layout-33-33-33, .layout-25-75, .layout-75-25, .layout-40-60, .layout-60-40, .layout-50-50, .layout-100-inset, .layout-100 {
    display: flex;
    flex-flow: row wrap;
  }
}

.layout-full {
  width: 100%;
}

.layout-100 > .layout-column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.layout-100 > .layout-column:last-child {
  margin-right: 0;
}

.layout-100-inset > .layout-column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.layout-100-inset > .layout-column:last-child {
  margin-right: 0;
}
.layout-100-inset > .layout-column {
  margin-left: 14.7019570017%;
}

.layout-50-50 > .layout-column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.layout-50-50 > .layout-column:last-child {
  margin-right: 0;
}
.layout-50-50 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-60-40 > .layout-column:first-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.layout-60-40 > .layout-column:first-of-type:last-child {
  margin-right: 0;
}
.layout-60-40 > .layout-column:last-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.layout-60-40 > .layout-column:last-of-type:last-child {
  margin-right: 0;
}
.layout-60-40 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-40-60 > .layout-column:first-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.layout-40-60 > .layout-column:first-of-type:last-child {
  margin-right: 0;
}
.layout-40-60 > .layout-column:last-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.layout-40-60 > .layout-column:last-of-type:last-child {
  margin-right: 0;
}
.layout-40-60 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-75-25 > .layout-column:first-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.layout-75-25 > .layout-column:first-of-type:last-child {
  margin-right: 0;
}
.layout-75-25 > .layout-column:last-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.layout-75-25 > .layout-column:last-of-type:last-child {
  margin-right: 0;
}
.layout-75-25 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-25-75 > .layout-column:first-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.layout-25-75 > .layout-column:first-of-type:last-child {
  margin-right: 0;
}
.layout-25-75 > .layout-column:last-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.layout-25-75 > .layout-column:last-of-type:last-child {
  margin-right: 0;
}
.layout-25-75 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-33-33-33 > .layout-column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.layout-33-33-33 > .layout-column:last-child {
  margin-right: 0;
}
.layout-33-33-33 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-25-25-25-25 > .layout-column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.layout-25-25-25-25 > .layout-column:last-child {
  margin-right: 0;
}
.layout-25-25-25-25 > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-offset-left > .layout-column:first-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.layout-offset-left > .layout-column:first-of-type:last-child {
  margin-right: 0;
}
.layout-offset-left > .layout-column:first-of-type {
  margin-left: 6.1721527019%;
  padding-right: 20px;
}
.layout-offset-left > .layout-column:last-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.layout-offset-left > .layout-column:last-of-type:last-child {
  margin-right: 0;
}
.layout-offset-left > .layout-column:last-of-type {
  margin-right: 0;
}

.layout-offset-right > .layout-column:first-of-type {
  margin-left: 14.7019570017%;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.layout-offset-right > .layout-column:first-of-type:last-child {
  margin-right: 0;
}
.layout-offset-right > .layout-column:last-of-type {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.layout-offset-right > .layout-column:last-of-type:last-child {
  margin-right: 0;
}
.layout-offset-right > .layout-column:last-of-type {
  padding-left: 20px;
  margin-right: 0;
}

.-debug-layout-grid {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.-debug-layout-grid .column {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%;
}
.-debug-layout-grid .column:last-child {
  margin-right: 0;
}
.-debug-layout-grid .column {
  background-color: rgba(173, 216, 230, 0.2);
  height: 100%;
}

.threesixty, .component-audio, .component-video, .component-spacer, .component-image-full, .component-divider-learnmore, .component-divider, .component-quote-primary, .component-quote-light, .component-hotspot, .component-tabset, .component-stickyheader, .component-multistep-vertical, .component-multistep-horizontal, .component-checkitout, .component-thinkpiece, .component-panorama, .component-text-right, .component-text-center, .component-text-left, .component-text, .component-intro, .component-image-hero, .component-image-right, .component-image-left, .component-image-center, .component-image, .component-hero, .component-feature-callout-dark-60-40, .component-feature-callout-dark-40-60, .component-feature-callout-light-60-40, .component-feature-callout-light-40-60, .component-learnmore-image, .component-learnmore-primary-top, .component-learnmore-primary-bottom, .component-learnmore-primary-100, .component-learnmore-primary-60-40, .component-learnmore-primary-40-60, .component-learnmore-light-top, .component-learnmore-light-bottom, .component-learnmore-light-100, .component-learnmore-light-60-40, .component-learnmore-light-40-60, .component-social, .component-wide-callout-primary-60-40, .component-wide-callout-primary-40-60, .component-wide-callout-light-60-40, .component-wide-callout-light-40-60, .component-callout-primary-60-40, .component-callout-primary-40-60, .component-callout-light-60-40, .component-callout-light-40-60 {
  position: relative;
}
.threesixty img, .component-audio img, .component-video img, .component-spacer img, .component-image-full img, .component-divider-learnmore img, .component-divider img, .component-quote-primary img, .component-quote-light img, .component-hotspot img, .component-tabset img, .component-stickyheader img, .component-multistep-vertical img, .component-multistep-horizontal img, .component-checkitout img, .component-thinkpiece img, .component-panorama img, .component-text-right img, .component-text-center img, .component-text-left img, .component-text img, .component-intro img, .component-image-hero img, .component-image-right img, .component-image-left img, .component-image-center img, .component-image img, .component-hero img, .component-feature-callout-dark-60-40 img, .component-feature-callout-dark-40-60 img, .component-feature-callout-light-60-40 img, .component-feature-callout-light-40-60 img, .component-learnmore-image img, .component-learnmore-primary-top img, .component-learnmore-primary-bottom img, .component-learnmore-primary-100 img, .component-learnmore-primary-60-40 img, .component-learnmore-primary-40-60 img, .component-learnmore-light-top img, .component-learnmore-light-bottom img, .component-learnmore-light-100 img, .component-learnmore-light-60-40 img, .component-learnmore-light-40-60 img, .component-social img, .component-wide-callout-primary-60-40 img, .component-wide-callout-primary-40-60 img, .component-wide-callout-light-60-40 img, .component-wide-callout-light-40-60 img, .component-callout-primary-60-40 img, .component-callout-primary-40-60 img, .component-callout-light-60-40 img, .component-callout-light-40-60 img {
  max-width: 100%;
}

.component-wide-callout-primary-60-40, .component-wide-callout-primary-40-60, .component-wide-callout-light-60-40, .component-wide-callout-light-40-60, .component-callout-primary-60-40, .component-callout-primary-40-60, .component-callout-light-60-40, .component-callout-light-40-60 {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0;
}
.theme-1 .component-wide-callout-primary-60-40 h4, .theme-1 .component-wide-callout-primary-40-60 h4, .theme-1 .component-wide-callout-light-60-40 h4, .theme-1 .component-wide-callout-light-40-60 h4, .theme-1 .component-callout-primary-60-40 h4, .theme-1 .component-callout-primary-40-60 h4, .theme-1 .component-callout-light-60-40 h4, .theme-1 .component-callout-light-40-60 h4 {
  color: #22b7f2;
}
.theme-2 .component-wide-callout-primary-60-40 h4, .theme-2 .component-wide-callout-primary-40-60 h4, .theme-2 .component-wide-callout-light-60-40 h4, .theme-2 .component-wide-callout-light-40-60 h4, .theme-2 .component-callout-primary-60-40 h4, .theme-2 .component-callout-primary-40-60 h4, .theme-2 .component-callout-light-60-40 h4, .theme-2 .component-callout-light-40-60 h4 {
  color: #8240ca;
}
.theme-3 .component-wide-callout-primary-60-40 h4, .theme-3 .component-wide-callout-primary-40-60 h4, .theme-3 .component-wide-callout-light-60-40 h4, .theme-3 .component-wide-callout-light-40-60 h4, .theme-3 .component-callout-primary-60-40 h4, .theme-3 .component-callout-primary-40-60 h4, .theme-3 .component-callout-light-60-40 h4, .theme-3 .component-callout-light-40-60 h4 {
  color: #bd1118;
}
.theme-4 .component-wide-callout-primary-60-40 h4, .theme-4 .component-wide-callout-primary-40-60 h4, .theme-4 .component-wide-callout-light-60-40 h4, .theme-4 .component-wide-callout-light-40-60 h4, .theme-4 .component-callout-primary-60-40 h4, .theme-4 .component-callout-primary-40-60 h4, .theme-4 .component-callout-light-60-40 h4, .theme-4 .component-callout-light-40-60 h4 {
  color: #cc5302;
}
.theme-5 .component-wide-callout-primary-60-40 h4, .theme-5 .component-wide-callout-primary-40-60 h4, .theme-5 .component-wide-callout-light-60-40 h4, .theme-5 .component-wide-callout-light-40-60 h4, .theme-5 .component-callout-primary-60-40 h4, .theme-5 .component-callout-primary-40-60 h4, .theme-5 .component-callout-light-60-40 h4, .theme-5 .component-callout-light-40-60 h4 {
  color: #f43b5f;
}
.theme-6 .component-wide-callout-primary-60-40 h4, .theme-6 .component-wide-callout-primary-40-60 h4, .theme-6 .component-wide-callout-light-60-40 h4, .theme-6 .component-wide-callout-light-40-60 h4, .theme-6 .component-callout-primary-60-40 h4, .theme-6 .component-callout-primary-40-60 h4, .theme-6 .component-callout-light-60-40 h4, .theme-6 .component-callout-light-40-60 h4 {
  color: #0cd2de;
}
.theme-7 .component-wide-callout-primary-60-40 h4, .theme-7 .component-wide-callout-primary-40-60 h4, .theme-7 .component-wide-callout-light-60-40 h4, .theme-7 .component-wide-callout-light-40-60 h4, .theme-7 .component-callout-primary-60-40 h4, .theme-7 .component-callout-primary-40-60 h4, .theme-7 .component-callout-light-60-40 h4, .theme-7 .component-callout-light-40-60 h4 {
  color: #fba90b;
}
.theme-8 .component-wide-callout-primary-60-40 h4, .theme-8 .component-wide-callout-primary-40-60 h4, .theme-8 .component-wide-callout-light-60-40 h4, .theme-8 .component-wide-callout-light-40-60 h4, .theme-8 .component-callout-primary-60-40 h4, .theme-8 .component-callout-primary-40-60 h4, .theme-8 .component-callout-light-60-40 h4, .theme-8 .component-callout-light-40-60 h4 {
  color: #13a104;
}
.theme-9 .component-wide-callout-primary-60-40 h4, .theme-9 .component-wide-callout-primary-40-60 h4, .theme-9 .component-wide-callout-light-60-40 h4, .theme-9 .component-wide-callout-light-40-60 h4, .theme-9 .component-callout-primary-60-40 h4, .theme-9 .component-callout-primary-40-60 h4, .theme-9 .component-callout-light-60-40 h4, .theme-9 .component-callout-light-40-60 h4 {
  color: #07696a;
}
.theme-10 .component-wide-callout-primary-60-40 h4, .theme-10 .component-wide-callout-primary-40-60 h4, .theme-10 .component-wide-callout-light-60-40 h4, .theme-10 .component-wide-callout-light-40-60 h4, .theme-10 .component-callout-primary-60-40 h4, .theme-10 .component-callout-primary-40-60 h4, .theme-10 .component-callout-light-60-40 h4, .theme-10 .component-callout-light-40-60 h4 {
  color: #005a9d;
}
.theme-11 .component-wide-callout-primary-60-40 h4, .theme-11 .component-wide-callout-primary-40-60 h4, .theme-11 .component-wide-callout-light-60-40 h4, .theme-11 .component-wide-callout-light-40-60 h4, .theme-11 .component-callout-primary-60-40 h4, .theme-11 .component-callout-primary-40-60 h4, .theme-11 .component-callout-light-60-40 h4, .theme-11 .component-callout-light-40-60 h4 {
  color: #8acb01;
}
.component-wide-callout-primary-60-40 h4, .component-wide-callout-primary-40-60 h4, .component-wide-callout-light-60-40 h4, .component-wide-callout-light-40-60 h4, .component-callout-primary-60-40 h4, .component-callout-primary-40-60 h4, .component-callout-light-60-40 h4, .component-callout-light-40-60 h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.component-wide-callout-primary-60-40 .component-callout-column, .component-wide-callout-primary-40-60 .component-callout-column, .component-wide-callout-light-60-40 .component-callout-column, .component-wide-callout-light-40-60 .component-callout-column, .component-callout-primary-60-40 .component-callout-column, .component-callout-primary-40-60 .component-callout-column, .component-callout-light-60-40 .component-callout-column, .component-callout-light-40-60 .component-callout-column, .component-wide-callout-primary-60-40 p, .component-wide-callout-primary-40-60 p, .component-wide-callout-light-60-40 p, .component-wide-callout-light-40-60 p, .component-callout-primary-60-40 p, .component-callout-primary-40-60 p, .component-callout-light-60-40 p, .component-callout-light-40-60 p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
}

.theme-1 .component-callout-light-60-40, .theme-1 .component-callout-light-40-60 {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .component-callout-light-60-40, .theme-2 .component-callout-light-40-60 {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .component-callout-light-60-40, .theme-3 .component-callout-light-40-60 {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .component-callout-light-60-40, .theme-4 .component-callout-light-40-60 {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .component-callout-light-60-40, .theme-5 .component-callout-light-40-60 {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .component-callout-light-60-40, .theme-6 .component-callout-light-40-60 {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .component-callout-light-60-40, .theme-7 .component-callout-light-40-60 {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .component-callout-light-60-40, .theme-8 .component-callout-light-40-60 {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .component-callout-light-60-40, .theme-9 .component-callout-light-40-60 {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .component-callout-light-60-40, .theme-10 .component-callout-light-40-60 {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .component-callout-light-60-40, .theme-11 .component-callout-light-40-60 {
  background-color: rgba(224, 241, 143, 0.2);
}

.theme-1 .component-callout-primary-60-40, .theme-1 .component-callout-primary-40-60 {
  background-color: #22b7f2;
}
.theme-2 .component-callout-primary-60-40, .theme-2 .component-callout-primary-40-60 {
  background-color: #8240ca;
}
.theme-3 .component-callout-primary-60-40, .theme-3 .component-callout-primary-40-60 {
  background-color: #bd1118;
}
.theme-4 .component-callout-primary-60-40, .theme-4 .component-callout-primary-40-60 {
  background-color: #cc5302;
}
.theme-5 .component-callout-primary-60-40, .theme-5 .component-callout-primary-40-60 {
  background-color: #f43b5f;
}
.theme-6 .component-callout-primary-60-40, .theme-6 .component-callout-primary-40-60 {
  background-color: #0cd2de;
}
.theme-7 .component-callout-primary-60-40, .theme-7 .component-callout-primary-40-60 {
  background-color: #fba90b;
}
.theme-8 .component-callout-primary-60-40, .theme-8 .component-callout-primary-40-60 {
  background-color: #13a104;
}
.theme-9 .component-callout-primary-60-40, .theme-9 .component-callout-primary-40-60 {
  background-color: #07696a;
}
.theme-10 .component-callout-primary-60-40, .theme-10 .component-callout-primary-40-60 {
  background-color: #005a9d;
}
.theme-11 .component-callout-primary-60-40, .theme-11 .component-callout-primary-40-60 {
  background-color: #8acb01;
}
.component-callout-primary-60-40 .component-callout-column, .component-callout-primary-40-60 .component-callout-column, .component-callout-primary-60-40 p, .component-callout-primary-40-60 p {
  color: #fff;
}

.component-learnmore-image, .component-learnmore-primary-top, .component-learnmore-primary-bottom, .component-learnmore-primary-100, .component-learnmore-primary-60-40, .component-learnmore-primary-40-60, .component-learnmore-light-top, .component-learnmore-light-bottom, .component-learnmore-light-100, .component-learnmore-light-60-40, .component-learnmore-light-40-60 {
  padding: 60px 0;
  position: relative;
}
.component-learnmore-image .learnmore-layout, .component-learnmore-primary-top .learnmore-layout, .component-learnmore-primary-bottom .learnmore-layout, .component-learnmore-primary-100 .learnmore-layout, .component-learnmore-primary-60-40 .learnmore-layout, .component-learnmore-primary-40-60 .learnmore-layout, .component-learnmore-light-top .learnmore-layout, .component-learnmore-light-bottom .learnmore-layout, .component-learnmore-light-100 .learnmore-layout, .component-learnmore-light-60-40 .learnmore-layout, .component-learnmore-light-40-60 .learnmore-layout {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.component-learnmore-image .component-callout-row, .component-learnmore-primary-top .component-callout-row, .component-learnmore-primary-bottom .component-callout-row, .component-learnmore-primary-100 .component-callout-row, .component-learnmore-primary-60-40 .component-callout-row, .component-learnmore-primary-40-60 .component-callout-row, .component-learnmore-light-top .component-callout-row, .component-learnmore-light-bottom .component-callout-row, .component-learnmore-light-100 .component-callout-row, .component-learnmore-light-60-40 .component-callout-row, .component-learnmore-light-40-60 .component-callout-row {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.component-learnmore-image .component-callout-row:nth-child(2), .component-learnmore-primary-top .component-callout-row:nth-child(2), .component-learnmore-primary-bottom .component-callout-row:nth-child(2), .component-learnmore-primary-100 .component-callout-row:nth-child(2), .component-learnmore-primary-60-40 .component-callout-row:nth-child(2), .component-learnmore-primary-40-60 .component-callout-row:nth-child(2), .component-learnmore-light-top .component-callout-row:nth-child(2), .component-learnmore-light-bottom .component-callout-row:nth-child(2), .component-learnmore-light-100 .component-callout-row:nth-child(2), .component-learnmore-light-60-40 .component-callout-row:nth-child(2), .component-learnmore-light-40-60 .component-callout-row:nth-child(2) {
  margin-top: 20px;
}

.theme-1 .component-learnmore-light-top, .theme-1 .component-learnmore-light-bottom, .theme-1 .component-learnmore-light-100, .theme-1 .component-learnmore-light-60-40, .theme-1 .component-learnmore-light-40-60 {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .component-learnmore-light-top, .theme-2 .component-learnmore-light-bottom, .theme-2 .component-learnmore-light-100, .theme-2 .component-learnmore-light-60-40, .theme-2 .component-learnmore-light-40-60 {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .component-learnmore-light-top, .theme-3 .component-learnmore-light-bottom, .theme-3 .component-learnmore-light-100, .theme-3 .component-learnmore-light-60-40, .theme-3 .component-learnmore-light-40-60 {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .component-learnmore-light-top, .theme-4 .component-learnmore-light-bottom, .theme-4 .component-learnmore-light-100, .theme-4 .component-learnmore-light-60-40, .theme-4 .component-learnmore-light-40-60 {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .component-learnmore-light-top, .theme-5 .component-learnmore-light-bottom, .theme-5 .component-learnmore-light-100, .theme-5 .component-learnmore-light-60-40, .theme-5 .component-learnmore-light-40-60 {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .component-learnmore-light-top, .theme-6 .component-learnmore-light-bottom, .theme-6 .component-learnmore-light-100, .theme-6 .component-learnmore-light-60-40, .theme-6 .component-learnmore-light-40-60 {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .component-learnmore-light-top, .theme-7 .component-learnmore-light-bottom, .theme-7 .component-learnmore-light-100, .theme-7 .component-learnmore-light-60-40, .theme-7 .component-learnmore-light-40-60 {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .component-learnmore-light-top, .theme-8 .component-learnmore-light-bottom, .theme-8 .component-learnmore-light-100, .theme-8 .component-learnmore-light-60-40, .theme-8 .component-learnmore-light-40-60 {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .component-learnmore-light-top, .theme-9 .component-learnmore-light-bottom, .theme-9 .component-learnmore-light-100, .theme-9 .component-learnmore-light-60-40, .theme-9 .component-learnmore-light-40-60 {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .component-learnmore-light-top, .theme-10 .component-learnmore-light-bottom, .theme-10 .component-learnmore-light-100, .theme-10 .component-learnmore-light-60-40, .theme-10 .component-learnmore-light-40-60 {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .component-learnmore-light-top, .theme-11 .component-learnmore-light-bottom, .theme-11 .component-learnmore-light-100, .theme-11 .component-learnmore-light-60-40, .theme-11 .component-learnmore-light-40-60 {
  background-color: rgba(224, 241, 143, 0.2);
}
.component-learnmore-light-top .component-callout-column, .component-learnmore-light-bottom .component-callout-column, .component-learnmore-light-100 .component-callout-column, .component-learnmore-light-60-40 .component-callout-column, .component-learnmore-light-40-60 .component-callout-column, .component-learnmore-light-top p, .component-learnmore-light-bottom p, .component-learnmore-light-100 p, .component-learnmore-light-60-40 p, .component-learnmore-light-40-60 p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
}

.theme-1 .component-learnmore-primary-top, .theme-1 .component-learnmore-primary-bottom, .theme-1 .component-learnmore-primary-100, .theme-1 .component-learnmore-primary-60-40, .theme-1 .component-learnmore-primary-40-60 {
  background-color: #22b7f2;
}
.theme-2 .component-learnmore-primary-top, .theme-2 .component-learnmore-primary-bottom, .theme-2 .component-learnmore-primary-100, .theme-2 .component-learnmore-primary-60-40, .theme-2 .component-learnmore-primary-40-60 {
  background-color: #8240ca;
}
.theme-3 .component-learnmore-primary-top, .theme-3 .component-learnmore-primary-bottom, .theme-3 .component-learnmore-primary-100, .theme-3 .component-learnmore-primary-60-40, .theme-3 .component-learnmore-primary-40-60 {
  background-color: #bd1118;
}
.theme-4 .component-learnmore-primary-top, .theme-4 .component-learnmore-primary-bottom, .theme-4 .component-learnmore-primary-100, .theme-4 .component-learnmore-primary-60-40, .theme-4 .component-learnmore-primary-40-60 {
  background-color: #cc5302;
}
.theme-5 .component-learnmore-primary-top, .theme-5 .component-learnmore-primary-bottom, .theme-5 .component-learnmore-primary-100, .theme-5 .component-learnmore-primary-60-40, .theme-5 .component-learnmore-primary-40-60 {
  background-color: #f43b5f;
}
.theme-6 .component-learnmore-primary-top, .theme-6 .component-learnmore-primary-bottom, .theme-6 .component-learnmore-primary-100, .theme-6 .component-learnmore-primary-60-40, .theme-6 .component-learnmore-primary-40-60 {
  background-color: #0cd2de;
}
.theme-7 .component-learnmore-primary-top, .theme-7 .component-learnmore-primary-bottom, .theme-7 .component-learnmore-primary-100, .theme-7 .component-learnmore-primary-60-40, .theme-7 .component-learnmore-primary-40-60 {
  background-color: #fba90b;
}
.theme-8 .component-learnmore-primary-top, .theme-8 .component-learnmore-primary-bottom, .theme-8 .component-learnmore-primary-100, .theme-8 .component-learnmore-primary-60-40, .theme-8 .component-learnmore-primary-40-60 {
  background-color: #13a104;
}
.theme-9 .component-learnmore-primary-top, .theme-9 .component-learnmore-primary-bottom, .theme-9 .component-learnmore-primary-100, .theme-9 .component-learnmore-primary-60-40, .theme-9 .component-learnmore-primary-40-60 {
  background-color: #07696a;
}
.theme-10 .component-learnmore-primary-top, .theme-10 .component-learnmore-primary-bottom, .theme-10 .component-learnmore-primary-100, .theme-10 .component-learnmore-primary-60-40, .theme-10 .component-learnmore-primary-40-60 {
  background-color: #005a9d;
}
.theme-11 .component-learnmore-primary-top, .theme-11 .component-learnmore-primary-bottom, .theme-11 .component-learnmore-primary-100, .theme-11 .component-learnmore-primary-60-40, .theme-11 .component-learnmore-primary-40-60 {
  background-color: #8acb01;
}
.component-learnmore-primary-top .component-callout-column, .component-learnmore-primary-bottom .component-callout-column, .component-learnmore-primary-100 .component-callout-column, .component-learnmore-primary-60-40 .component-callout-column, .component-learnmore-primary-40-60 .component-callout-column, .component-learnmore-primary-top p, .component-learnmore-primary-bottom p, .component-learnmore-primary-100 p, .component-learnmore-primary-60-40 p, .component-learnmore-primary-40-60 p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 28px;
  line-height: 1.75rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
}
.component-learnmore-primary-top img, .component-learnmore-primary-bottom img, .component-learnmore-primary-100 img, .component-learnmore-primary-60-40 img, .component-learnmore-primary-40-60 img {
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.theme-1 .component-learnmore-primary-top .learnmore-earmark, .theme-1 .component-learnmore-primary-bottom .learnmore-earmark, .theme-1 .component-learnmore-primary-100 .learnmore-earmark, .theme-1 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-1 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .component-learnmore-primary-top .learnmore-earmark, .theme-2 .component-learnmore-primary-bottom .learnmore-earmark, .theme-2 .component-learnmore-primary-100 .learnmore-earmark, .theme-2 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-2 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .component-learnmore-primary-top .learnmore-earmark, .theme-3 .component-learnmore-primary-bottom .learnmore-earmark, .theme-3 .component-learnmore-primary-100 .learnmore-earmark, .theme-3 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-3 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .component-learnmore-primary-top .learnmore-earmark, .theme-4 .component-learnmore-primary-bottom .learnmore-earmark, .theme-4 .component-learnmore-primary-100 .learnmore-earmark, .theme-4 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-4 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .component-learnmore-primary-top .learnmore-earmark, .theme-5 .component-learnmore-primary-bottom .learnmore-earmark, .theme-5 .component-learnmore-primary-100 .learnmore-earmark, .theme-5 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-5 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .component-learnmore-primary-top .learnmore-earmark, .theme-6 .component-learnmore-primary-bottom .learnmore-earmark, .theme-6 .component-learnmore-primary-100 .learnmore-earmark, .theme-6 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-6 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .component-learnmore-primary-top .learnmore-earmark, .theme-7 .component-learnmore-primary-bottom .learnmore-earmark, .theme-7 .component-learnmore-primary-100 .learnmore-earmark, .theme-7 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-7 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .component-learnmore-primary-top .learnmore-earmark, .theme-8 .component-learnmore-primary-bottom .learnmore-earmark, .theme-8 .component-learnmore-primary-100 .learnmore-earmark, .theme-8 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-8 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .component-learnmore-primary-top .learnmore-earmark, .theme-9 .component-learnmore-primary-bottom .learnmore-earmark, .theme-9 .component-learnmore-primary-100 .learnmore-earmark, .theme-9 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-9 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .component-learnmore-primary-top .learnmore-earmark, .theme-10 .component-learnmore-primary-bottom .learnmore-earmark, .theme-10 .component-learnmore-primary-100 .learnmore-earmark, .theme-10 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-10 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(0, 31.5286624204, 55);
}
.theme-11 .component-learnmore-primary-top .learnmore-earmark, .theme-11 .component-learnmore-primary-bottom .learnmore-earmark, .theme-11 .component-learnmore-primary-100 .learnmore-earmark, .theme-11 .component-learnmore-primary-60-40 .learnmore-earmark, .theme-11 .component-learnmore-primary-40-60 .learnmore-earmark {
  border-bottom-color: rgb(69, 101.5, 0.5);
}

.component-learnmore-image {
  padding: 0;
}

.component-feature-callout-dark-60-40, .component-feature-callout-dark-40-60, .component-feature-callout-light-60-40, .component-feature-callout-light-40-60 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover;
  border-bottom: 1px solid #eee;
  min-height: 750px;
  overflow: hidden;
  padding-top: 90px;
}
.component-feature-callout-dark-60-40 .component-callout-container, .component-feature-callout-dark-40-60 .component-callout-container, .component-feature-callout-light-60-40 .component-callout-container, .component-feature-callout-light-40-60 .component-callout-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  position: relative;
}
.component-feature-callout-dark-60-40 .component-callout-column, .component-feature-callout-dark-40-60 .component-callout-column, .component-feature-callout-light-60-40 .component-callout-column, .component-feature-callout-light-40-60 .component-callout-column, .component-feature-callout-dark-60-40 p, .component-feature-callout-dark-40-60 p, .component-feature-callout-light-60-40 p, .component-feature-callout-light-40-60 p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
}
.component-feature-callout-dark-60-40 img, .component-feature-callout-dark-40-60 img, .component-feature-callout-light-60-40 img, .component-feature-callout-light-40-60 img {
  max-width: none;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-dark-60-40 img, .component-feature-callout-dark-40-60 img, .component-feature-callout-light-60-40 img, .component-feature-callout-light-40-60 img {
    max-width: 100% !important;
    position: relative !important;
  }
}
.component-feature-callout-dark-60-40 h3, .component-feature-callout-dark-40-60 h3, .component-feature-callout-light-60-40 h3, .component-feature-callout-light-40-60 h3 {
  margin-bottom: 20px;
}

.component-feature-callout-light-60-40 .component-callout-column, .component-feature-callout-light-40-60 .component-callout-column, .component-feature-callout-light-60-40 p, .component-feature-callout-light-40-60 p {
  color: #fff;
}

.component-feature-callout-dark-60-40 .component-callout-column, .component-feature-callout-dark-40-60 .component-callout-column, .component-feature-callout-dark-60-40 p, .component-feature-callout-dark-40-60 p {
  color: #222;
}

.component-wide-callout-primary-60-40, .component-wide-callout-primary-40-60, .component-wide-callout-light-60-40, .component-wide-callout-light-40-60 {
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.component-wide-callout-primary-60-40 .component-callout-container, .component-wide-callout-primary-40-60 .component-callout-container, .component-wide-callout-light-60-40 .component-callout-container, .component-wide-callout-light-40-60 .component-callout-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding: 65px 0;
  position: relative;
}
.component-wide-callout-primary-60-40 .component-callout-column, .component-wide-callout-primary-40-60 .component-callout-column, .component-wide-callout-light-60-40 .component-callout-column, .component-wide-callout-light-40-60 .component-callout-column, .component-wide-callout-primary-60-40 p, .component-wide-callout-primary-40-60 p, .component-wide-callout-light-60-40 p, .component-wide-callout-light-40-60 p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}
.component-wide-callout-primary-60-40 img, .component-wide-callout-primary-40-60 img, .component-wide-callout-light-60-40 img, .component-wide-callout-light-40-60 img {
  display: block;
  max-width: 100%;
}

.theme-1 .component-wide-callout-light-60-40, .theme-1 .component-wide-callout-light-40-60 {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .component-wide-callout-light-60-40, .theme-2 .component-wide-callout-light-40-60 {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .component-wide-callout-light-60-40, .theme-3 .component-wide-callout-light-40-60 {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .component-wide-callout-light-60-40, .theme-4 .component-wide-callout-light-40-60 {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .component-wide-callout-light-60-40, .theme-5 .component-wide-callout-light-40-60 {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .component-wide-callout-light-60-40, .theme-6 .component-wide-callout-light-40-60 {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .component-wide-callout-light-60-40, .theme-7 .component-wide-callout-light-40-60 {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .component-wide-callout-light-60-40, .theme-8 .component-wide-callout-light-40-60 {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .component-wide-callout-light-60-40, .theme-9 .component-wide-callout-light-40-60 {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .component-wide-callout-light-60-40, .theme-10 .component-wide-callout-light-40-60 {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .component-wide-callout-light-60-40, .theme-11 .component-wide-callout-light-40-60 {
  background-color: rgba(224, 241, 143, 0.2);
}

.theme-1 .component-wide-callout-primary-60-40, .theme-1 .component-wide-callout-primary-40-60 {
  background-color: #22b7f2;
}
.theme-2 .component-wide-callout-primary-60-40, .theme-2 .component-wide-callout-primary-40-60 {
  background-color: #8240ca;
}
.theme-3 .component-wide-callout-primary-60-40, .theme-3 .component-wide-callout-primary-40-60 {
  background-color: #bd1118;
}
.theme-4 .component-wide-callout-primary-60-40, .theme-4 .component-wide-callout-primary-40-60 {
  background-color: #cc5302;
}
.theme-5 .component-wide-callout-primary-60-40, .theme-5 .component-wide-callout-primary-40-60 {
  background-color: #f43b5f;
}
.theme-6 .component-wide-callout-primary-60-40, .theme-6 .component-wide-callout-primary-40-60 {
  background-color: #0cd2de;
}
.theme-7 .component-wide-callout-primary-60-40, .theme-7 .component-wide-callout-primary-40-60 {
  background-color: #fba90b;
}
.theme-8 .component-wide-callout-primary-60-40, .theme-8 .component-wide-callout-primary-40-60 {
  background-color: #13a104;
}
.theme-9 .component-wide-callout-primary-60-40, .theme-9 .component-wide-callout-primary-40-60 {
  background-color: #07696a;
}
.theme-10 .component-wide-callout-primary-60-40, .theme-10 .component-wide-callout-primary-40-60 {
  background-color: #005a9d;
}
.theme-11 .component-wide-callout-primary-60-40, .theme-11 .component-wide-callout-primary-40-60 {
  background-color: #8acb01;
}
.component-wide-callout-primary-60-40 .component-callout-column, .component-wide-callout-primary-40-60 .component-callout-column, .component-wide-callout-primary-60-40 p, .component-wide-callout-primary-40-60 p {
  color: #fff;
}

.component-hero {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 840px;
  overflow: hidden;
  padding-top: 60px;
}
.component-hero .component-hero-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-hero .component-hero-container {
    padding: 0 16px;
  }
}
.component-hero .component-hero-column, .component-hero p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
}
.component-hero img {
  left: 0;
  max-width: none;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .component-hero img {
    max-width: 100% !important;
    position: relative !important;
  }
}
.component-hero .play_button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
.theme-1 .component-hero .play_button {
  background: #22b7f2;
}
.theme-2 .component-hero .play_button {
  background: #8240ca;
}
.theme-3 .component-hero .play_button {
  background: #bd1118;
}
.theme-4 .component-hero .play_button {
  background: #cc5302;
}
.theme-5 .component-hero .play_button {
  background: #f43b5f;
}
.theme-6 .component-hero .play_button {
  background: #0cd2de;
}
.theme-7 .component-hero .play_button {
  background: #fba90b;
}
.theme-8 .component-hero .play_button {
  background: #13a104;
}
.theme-9 .component-hero .play_button {
  background: #07696a;
}
.theme-10 .component-hero .play_button {
  background: #005a9d;
}
.theme-11 .component-hero .play_button {
  background: #8acb01;
}
.component-hero .play_button {
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.32);
  color: #fff;
  display: inline-block;
  height: 117px;
  left: 50%;
  margin: auto;
  position: absolute;
  text-decoration: none;
  top: 285px;
  vertical-align: middle;
  width: 117px;
}
@media screen and (max-width: 768px) {
  .component-hero .play_button {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.component-hero .play_button [class^=icon-] {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 117px;
  line-height: 7.3125rem;
  position: absolute;
  left: 40%;
}
.theme-1 .component-hero .play_button:hover {
  color: #22b7f2;
}
.theme-2 .component-hero .play_button:hover {
  color: #8240ca;
}
.theme-3 .component-hero .play_button:hover {
  color: #bd1118;
}
.theme-4 .component-hero .play_button:hover {
  color: #cc5302;
}
.theme-5 .component-hero .play_button:hover {
  color: #f43b5f;
}
.theme-6 .component-hero .play_button:hover {
  color: #0cd2de;
}
.theme-7 .component-hero .play_button:hover {
  color: #fba90b;
}
.theme-8 .component-hero .play_button:hover {
  color: #13a104;
}
.theme-9 .component-hero .play_button:hover {
  color: #07696a;
}
.theme-10 .component-hero .play_button:hover {
  color: #005a9d;
}
.theme-11 .component-hero .play_button:hover {
  color: #8acb01;
}
.component-hero .play_button:hover {
  background: #fff;
  text-decoration: none;
}

.component-image-right .image-container, .component-image-left .image-container, .component-image-center .image-container, .component-image .image-container {
  position: relative;
}
@media screen and (max-width: 480px) {
  .component-image-right .image-container, .component-image-left .image-container, .component-image-center .image-container, .component-image .image-container {
    text-align: center;
  }
}
.component-image-right .image-caption, .component-image-left .image-caption, .component-image-center .image-caption, .component-image .image-caption, .component-image-right .image-caption p, .component-image-left .image-caption p, .component-image-center .image-caption p, .component-image .image-caption p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  font-weight: 500;
  margin-top: 10px;
}
@media screen and (max-width: 480px) {
  .component-image-right .image-caption, .component-image-left .image-caption, .component-image-center .image-caption, .component-image .image-caption, .component-image-right .image-caption p, .component-image-left .image-caption p, .component-image-center .image-caption p, .component-image .image-caption p {
    padding: 0 16px;
  }
}
.component-image-right .image-modal-link, .component-image-left .image-modal-link, .component-image-center .image-modal-link, .component-image .image-modal-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .component-image-right .image-modal-link, .theme-1 .component-image-left .image-modal-link, .theme-1 .component-image-center .image-modal-link, .theme-1 .component-image .image-modal-link {
  background-color: #22b7f2;
}
.theme-2 .component-image-right .image-modal-link, .theme-2 .component-image-left .image-modal-link, .theme-2 .component-image-center .image-modal-link, .theme-2 .component-image .image-modal-link {
  background-color: #8240ca;
}
.theme-3 .component-image-right .image-modal-link, .theme-3 .component-image-left .image-modal-link, .theme-3 .component-image-center .image-modal-link, .theme-3 .component-image .image-modal-link {
  background-color: #bd1118;
}
.theme-4 .component-image-right .image-modal-link, .theme-4 .component-image-left .image-modal-link, .theme-4 .component-image-center .image-modal-link, .theme-4 .component-image .image-modal-link {
  background-color: #cc5302;
}
.theme-5 .component-image-right .image-modal-link, .theme-5 .component-image-left .image-modal-link, .theme-5 .component-image-center .image-modal-link, .theme-5 .component-image .image-modal-link {
  background-color: #f43b5f;
}
.theme-6 .component-image-right .image-modal-link, .theme-6 .component-image-left .image-modal-link, .theme-6 .component-image-center .image-modal-link, .theme-6 .component-image .image-modal-link {
  background-color: #0cd2de;
}
.theme-7 .component-image-right .image-modal-link, .theme-7 .component-image-left .image-modal-link, .theme-7 .component-image-center .image-modal-link, .theme-7 .component-image .image-modal-link {
  background-color: #fba90b;
}
.theme-8 .component-image-right .image-modal-link, .theme-8 .component-image-left .image-modal-link, .theme-8 .component-image-center .image-modal-link, .theme-8 .component-image .image-modal-link {
  background-color: #13a104;
}
.theme-9 .component-image-right .image-modal-link, .theme-9 .component-image-left .image-modal-link, .theme-9 .component-image-center .image-modal-link, .theme-9 .component-image .image-modal-link {
  background-color: #07696a;
}
.theme-10 .component-image-right .image-modal-link, .theme-10 .component-image-left .image-modal-link, .theme-10 .component-image-center .image-modal-link, .theme-10 .component-image .image-modal-link {
  background-color: #005a9d;
}
.theme-11 .component-image-right .image-modal-link, .theme-11 .component-image-left .image-modal-link, .theme-11 .component-image-center .image-modal-link, .theme-11 .component-image .image-modal-link {
  background-color: #8acb01;
}
.component-image-right .image-modal-link, .component-image-left .image-modal-link, .component-image-center .image-modal-link, .component-image .image-modal-link {
  border: 2px solid #fff;
  bottom: -10px;
  height: 40px;
  left: -13px;
  position: absolute;
  width: 40px;
}
@media screen and (max-width: 480px) {
  .component-image-right .image-modal-link, .component-image-left .image-modal-link, .component-image-center .image-modal-link, .component-image .image-modal-link {
    height: 60px;
    left: 0;
    width: 60px;
  }
}
.component-image-right .image-modal-link [class^=icon], .component-image-left .image-modal-link [class^=icon], .component-image-center .image-modal-link [class^=icon], .component-image .image-modal-link [class^=icon] {
  color: #fff !important;
  display: block;
  padding-left: 10px;
  padding-top: 9px;
}
@media screen and (max-width: 480px) {
  .component-image-right .image-modal-link [class^=icon], .component-image-left .image-modal-link [class^=icon], .component-image-center .image-modal-link [class^=icon], .component-image .image-modal-link [class^=icon] {
    padding-left: 0;
    padding-top: 19px;
  }
}

.component-image-hero {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #055a7b;
  color: #fff;
  overflow: hidden;
  position: relative;
  padding: 175px 0 40px 0;
  text-align: center;
}
.component-image-hero .component-hero-overlay {
  opacity: 0.25;
  filter: alpha(opacity=25);
  background-size: cover;
  background-position: center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.component-image-hero .component-hero-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-image-hero .component-hero-container {
    padding: 0 16px;
  }
}
.component-image-hero .component-hero-column, .component-image-hero p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
}
.component-image-hero img {
  left: 0;
  max-width: none;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .component-image-hero img {
    max-width: 100% !important;
    position: relative !important;
  }
}
.component-image-hero h1 {
  margin-bottom: 32px;
}
.component-image-hero h1, .component-image-hero p {
  text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
}
.component-image-hero .play_button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
.theme-1 .component-image-hero .play_button {
  color: #22b7f2;
}
.theme-2 .component-image-hero .play_button {
  color: #8240ca;
}
.theme-3 .component-image-hero .play_button {
  color: #bd1118;
}
.theme-4 .component-image-hero .play_button {
  color: #cc5302;
}
.theme-5 .component-image-hero .play_button {
  color: #f43b5f;
}
.theme-6 .component-image-hero .play_button {
  color: #0cd2de;
}
.theme-7 .component-image-hero .play_button {
  color: #fba90b;
}
.theme-8 .component-image-hero .play_button {
  color: #13a104;
}
.theme-9 .component-image-hero .play_button {
  color: #07696a;
}
.theme-10 .component-image-hero .play_button {
  color: #005a9d;
}
.theme-11 .component-image-hero .play_button {
  color: #8acb01;
}
.component-image-hero .play_button {
  background: #fff;
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.32);
  display: inline-block;
  height: 117px;
  margin: 36px auto;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  width: 117px;
}
@media screen and (max-width: 768px) {
  .component-image-hero .play_button {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.component-image-hero .play_button [class^=icon-] {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 117px;
  line-height: 7.3125rem;
  position: absolute;
  left: 40%;
}
.theme-1 .component-image-hero .play_button:hover {
  background: #22b7f2;
}
.theme-2 .component-image-hero .play_button:hover {
  background: #8240ca;
}
.theme-3 .component-image-hero .play_button:hover {
  background: #bd1118;
}
.theme-4 .component-image-hero .play_button:hover {
  background: #cc5302;
}
.theme-5 .component-image-hero .play_button:hover {
  background: #f43b5f;
}
.theme-6 .component-image-hero .play_button:hover {
  background: #0cd2de;
}
.theme-7 .component-image-hero .play_button:hover {
  background: #fba90b;
}
.theme-8 .component-image-hero .play_button:hover {
  background: #13a104;
}
.theme-9 .component-image-hero .play_button:hover {
  background: #07696a;
}
.theme-10 .component-image-hero .play_button:hover {
  background: #005a9d;
}
.theme-11 .component-image-hero .play_button:hover {
  background: #8acb01;
}
.component-image-hero .play_button:hover {
  color: #fff;
  text-decoration: none;
}

.component-intro .component-intro-column {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.component-intro p {
  margin: 0 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-intro p {
    margin: 0 16px;
  }
}

.component-overlay-bottom {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 1;
}

.component-text-right, .component-text-center, .component-text-left, .component-text {
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
}
.component-text-right h3, .component-text-center h3, .component-text-left h3, .component-text h3 {
  margin-bottom: 10px;
}

.theme-1 .component-checkitout, .theme-1 .component-thinkpiece, .theme-1 .component-panorama {
  background-color: #22b7f2;
}
.theme-2 .component-checkitout, .theme-2 .component-thinkpiece, .theme-2 .component-panorama {
  background-color: #8240ca;
}
.theme-3 .component-checkitout, .theme-3 .component-thinkpiece, .theme-3 .component-panorama {
  background-color: #bd1118;
}
.theme-4 .component-checkitout, .theme-4 .component-thinkpiece, .theme-4 .component-panorama {
  background-color: #cc5302;
}
.theme-5 .component-checkitout, .theme-5 .component-thinkpiece, .theme-5 .component-panorama {
  background-color: #f43b5f;
}
.theme-6 .component-checkitout, .theme-6 .component-thinkpiece, .theme-6 .component-panorama {
  background-color: #0cd2de;
}
.theme-7 .component-checkitout, .theme-7 .component-thinkpiece, .theme-7 .component-panorama {
  background-color: #fba90b;
}
.theme-8 .component-checkitout, .theme-8 .component-thinkpiece, .theme-8 .component-panorama {
  background-color: #13a104;
}
.theme-9 .component-checkitout, .theme-9 .component-thinkpiece, .theme-9 .component-panorama {
  background-color: #07696a;
}
.theme-10 .component-checkitout, .theme-10 .component-thinkpiece, .theme-10 .component-panorama {
  background-color: #005a9d;
}
.theme-11 .component-checkitout, .theme-11 .component-thinkpiece, .theme-11 .component-panorama {
  background-color: #8acb01;
}
.component-checkitout, .component-thinkpiece, .component-panorama {
  color: #fff;
  padding: 60px 10%;
  text-align: center;
}

.component-multistep-vertical, .component-multistep-horizontal {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.component-stickyheader {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  max-height: 0;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 1060px) {
  .component-stickyheader {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 768px) {
  .component-stickyheader {
    display: none;
  }
}
.editor .component-stickyheader {
  max-height: none;
  padding: 18px 0 14px 0;
}
@media screen and (max-width: 1060px) {
  .editor .component-stickyheader {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.component-stickyheader .component-stickyheader-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.fixed.component-stickyheader {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background: #fff;
  max-height: 100px;
  padding-top: 18px;
  padding-bottom: 14px;
  position: fixed;
  top: 0;
  z-index: 999;
}
.component-stickyheader .component-stickyheader-column:first-child {
  font-size: 16px;
  font-size: 1rem;
  color: #bbb;
  display: block;
  float: left;
  font-weight: 700;
  letter-spacing: 0.16px;
  margin-top: 10px;
  text-transform: uppercase;
}
.component-stickyheader .component-stickyheader-column:last-child {
  float: right;
}
.component-stickyheader [class^=button] + [class^=button],
.component-stickyheader button + button {
  margin-left: 0;
}
.component-stickyheader p {
  margin: 0;
}

.component-tabset {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.component-tabset .tabset-images {
  position: relative;
}
.component-tabset .tabset-images:before {
  content: "";
  display: block;
  padding-top: 45.2830188679%;
}
.component-tabset .tabset-images > div,
.component-tabset .tabset-images > img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.component-tabset .tabset-image {
  height: 480px;
  opacity: 1;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  position: absolute;
}
.component-tabset .tabset-image.hidden {
  opacity: 0;
}
.component-tabset .tabset {
  margin-top: -54px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 480px) {
  .component-tabset .tabset {
    margin-top: 0;
  }
}
.component-tabset .tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .component-tabset .tabs {
    display: -webkit-flex;
    display: flex;
  }
  .theme-1 .component-tabset .tabs {
    background-color: rgb(12.5, 155.7692307692, 212.5);
  }
  .theme-2 .component-tabset .tabs {
    background-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
  }
  .theme-3 .component-tabset .tabs {
    background-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
  }
  .theme-4 .component-tabset .tabs {
    background-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
  }
  .theme-5 .component-tabset .tabs {
    background-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
  }
  .theme-6 .component-tabset .tabs {
    background-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
  }
  .theme-7 .component-tabset .tabs {
    background-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
  }
  .theme-8 .component-tabset .tabs {
    background-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
  }
  .theme-9 .component-tabset .tabs {
    background-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
  }
  .theme-10 .component-tabset .tabs {
    background-color: rgb(0, 31.5286624204, 55);
  }
  .theme-11 .component-tabset .tabs {
    background-color: rgb(69, 101.5, 0.5);
  }
}
.component-tabset .tabs-item {
  line-height: 38px;
  line-height: 2.375rem;
  font-size: 18px;
  font-size: 1.125rem;
}
.theme-1 .component-tabset .tabs-item {
  background-color: #fbd20b;
}
.theme-2 .component-tabset .tabs-item {
  background-color: #3cfdf2;
}
.theme-3 .component-tabset .tabs-item {
  background-color: #eee7cb;
}
.theme-4 .component-tabset .tabs-item {
  background-color: #efc416;
}
.theme-5 .component-tabset .tabs-item {
  background-color: #0cd2de;
}
.theme-6 .component-tabset .tabs-item {
  background-color: #fceb92;
}
.theme-7 .component-tabset .tabs-item {
  background-color: #ffefb5;
}
.theme-8 .component-tabset .tabs-item {
  background-color: #8df5f9;
}
.theme-9 .component-tabset .tabs-item {
  background-color: #e6eaa7;
}
.theme-10 .component-tabset .tabs-item {
  background-color: #94e1fe;
}
.theme-11 .component-tabset .tabs-item {
  background-color: #e0f18f;
}
.component-tabset .tabs-item {
  display: block;
  float: left;
  margin-left: 1px;
}
@media screen and (max-width: 480px) {
  .component-tabset .tabs-item {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
.component-tabset .tabs-item a {
  color: #222;
  display: block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding: 15px 39px;
}
@media screen and (max-width: 480px) {
  .component-tabset .tabs-item a {
    padding: 15px 10px;
  }
}
.component-tabset .tabs-item:first-child {
  margin-left: 6.1721527019%;
}
@media screen and (max-width: 480px) {
  .component-tabset .tabs-item:first-child {
    margin-left: 0;
  }
}
.theme-1 .component-tabset .tabs-item.active {
  background-color: #22b7f2;
}
.theme-2 .component-tabset .tabs-item.active {
  background-color: #8240ca;
}
.theme-3 .component-tabset .tabs-item.active {
  background-color: #bd1118;
}
.theme-4 .component-tabset .tabs-item.active {
  background-color: #cc5302;
}
.theme-5 .component-tabset .tabs-item.active {
  background-color: #f43b5f;
}
.theme-6 .component-tabset .tabs-item.active {
  background-color: #0cd2de;
}
.theme-7 .component-tabset .tabs-item.active {
  background-color: #fba90b;
}
.theme-8 .component-tabset .tabs-item.active {
  background-color: #13a104;
}
.theme-9 .component-tabset .tabs-item.active {
  background-color: #07696a;
}
.theme-10 .component-tabset .tabs-item.active {
  background-color: #005a9d;
}
.theme-11 .component-tabset .tabs-item.active {
  background-color: #8acb01;
}
.component-tabset .tabs-item.active a {
  color: #fff;
}
.theme-1 .component-tabset .tab-panel {
  background-color: #22b7f2;
}
.theme-2 .component-tabset .tab-panel {
  background-color: #8240ca;
}
.theme-3 .component-tabset .tab-panel {
  background-color: #bd1118;
}
.theme-4 .component-tabset .tab-panel {
  background-color: #cc5302;
}
.theme-5 .component-tabset .tab-panel {
  background-color: #f43b5f;
}
.theme-6 .component-tabset .tab-panel {
  background-color: #0cd2de;
}
.theme-7 .component-tabset .tab-panel {
  background-color: #fba90b;
}
.theme-8 .component-tabset .tab-panel {
  background-color: #13a104;
}
.theme-9 .component-tabset .tab-panel {
  background-color: #07696a;
}
.theme-10 .component-tabset .tab-panel {
  background-color: #005a9d;
}
.theme-11 .component-tabset .tab-panel {
  background-color: #8acb01;
}
.component-tabset .tab-panel {
  padding-bottom: 70px;
  padding-top: 70px;
}
.component-tabset .tab-panel-text {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.component-tabset .tab-panel-text:last-child {
  margin-right: 0;
}
.component-tabset .tab-panel-text {
  margin-left: 14.7019570017%;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .component-tabset .tab-panel-text {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-tabset .tab-panel-text p {
  line-height: 34px;
  line-height: 2.125rem;
  font-size: 21px;
  font-size: 1.3125rem;
  font-family: "ff-meta-serif-web-pro", serif;
}

.component-hotspot {
  position: relative;
  width: 100%;
}
.component-hotspot img {
  display: block;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.component-hotspot .hotspot {
  cursor: pointer;
}
.-transparent.component-hotspot .hotspot-outer {
  opacity: 0;
  filter: alpha(opacity=0);
}

.component-quote-primary, .component-quote-light {
  padding: 170px 0;
}
@media screen and (max-width: 768px) {
  .component-quote-primary, .component-quote-light {
    padding: 100px 20px;
  }
}
.component-quote-primary .component-quote-column, .component-quote-light .component-quote-column {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.component-quote-primary blockquote, .component-quote-light blockquote {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #222;
  font-family: "myriad-pro", sans-serif;
  margin: 0 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .component-quote-primary blockquote, .component-quote-light blockquote {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
    margin: 0 16px;
  }
}
.component-quote-primary blockquote:before, .component-quote-light blockquote:before {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  content: "“";
  font-family: "ff-meta-serif-web-pro", serif;
  padding-right: 10px;
}
.component-quote-primary blockquote:after, .component-quote-light blockquote:after {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  content: "”";
  font-family: "ff-meta-serif-web-pro", serif;
  padding-right: 10px;
}
.component-quote-primary cite, .component-quote-light cite {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.theme-1 .component-quote-primary cite, .theme-1 .component-quote-light cite {
  color: #22b7f2;
}
.theme-2 .component-quote-primary cite, .theme-2 .component-quote-light cite {
  color: #8240ca;
}
.theme-3 .component-quote-primary cite, .theme-3 .component-quote-light cite {
  color: #bd1118;
}
.theme-4 .component-quote-primary cite, .theme-4 .component-quote-light cite {
  color: #cc5302;
}
.theme-5 .component-quote-primary cite, .theme-5 .component-quote-light cite {
  color: #f43b5f;
}
.theme-6 .component-quote-primary cite, .theme-6 .component-quote-light cite {
  color: #0cd2de;
}
.theme-7 .component-quote-primary cite, .theme-7 .component-quote-light cite {
  color: #fba90b;
}
.theme-8 .component-quote-primary cite, .theme-8 .component-quote-light cite {
  color: #13a104;
}
.theme-9 .component-quote-primary cite, .theme-9 .component-quote-light cite {
  color: #07696a;
}
.theme-10 .component-quote-primary cite, .theme-10 .component-quote-light cite {
  color: #005a9d;
}
.theme-11 .component-quote-primary cite, .theme-11 .component-quote-light cite {
  color: #8acb01;
}
.component-quote-primary cite, .component-quote-light cite {
  display: block;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  margin-top: 36px;
  text-align: center;
}

.theme-1 .component-quote-light {
  background-color: rgba(251, 210, 11, 0.2);
}
.theme-2 .component-quote-light {
  background-color: rgba(80, 217, 222, 0.2);
}
.theme-3 .component-quote-light {
  background-color: rgba(238, 231, 203, 0.2);
}
.theme-4 .component-quote-light {
  background-color: rgba(239, 196, 22, 0.2);
}
.theme-5 .component-quote-light {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-6 .component-quote-light {
  background-color: rgba(252, 235, 146, 0.2);
}
.theme-7 .component-quote-light {
  background-color: rgba(255, 239, 181, 0.2);
}
.theme-8 .component-quote-light {
  background-color: rgba(141, 245, 249, 0.2);
}
.theme-9 .component-quote-light {
  background-color: rgba(230, 234, 167, 0.2);
}
.theme-10 .component-quote-light {
  background-color: rgba(148, 225, 254, 0.2);
}
.theme-11 .component-quote-light {
  background-color: rgba(224, 241, 143, 0.2);
}

.theme-1 .component-quote-primary {
  background-color: #22b7f2;
}
.theme-2 .component-quote-primary {
  background-color: #8240ca;
}
.theme-3 .component-quote-primary {
  background-color: #bd1118;
}
.theme-4 .component-quote-primary {
  background-color: #cc5302;
}
.theme-5 .component-quote-primary {
  background-color: #f43b5f;
}
.theme-6 .component-quote-primary {
  background-color: #0cd2de;
}
.theme-7 .component-quote-primary {
  background-color: #fba90b;
}
.theme-8 .component-quote-primary {
  background-color: #13a104;
}
.theme-9 .component-quote-primary {
  background-color: #07696a;
}
.theme-10 .component-quote-primary {
  background-color: #005a9d;
}
.theme-11 .component-quote-primary {
  background-color: #8acb01;
}
.component-quote-primary blockquote,
.component-quote-primary cite {
  color: #fff !important;
}

.component-layout-text {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.component-layout-text .component-text {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 68.2384343986%;
}
.component-layout-text .component-text:last-child {
  width: 65.8807828007%;
}
.component-layout-text .component-text {
  margin-left: 17.0596085997%;
}

.component-callout-light-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-callout-light-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-callout-light-40-60 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
}
@media screen and (max-width: 480px) {
  .component-callout-light-40-60 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-callout-light-40-60 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.component-callout-light-40-60 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .component-callout-light-40-60 .component-callout-column:last-child {
    margin: 40px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-callout-light-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.component-callout-light-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-callout-light-60-40 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
}
@media screen and (max-width: 480px) {
  .component-callout-light-60-40 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-callout-light-60-40 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-callout-light-60-40 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .component-callout-light-60-40 .component-callout-column:last-child {
    margin: 40px 0 0 0;
    padding: 0 16px;
    position: relative;
    width: 100%;
  }
}

.component-callout-primary-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-callout-primary-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-callout-primary-40-60 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
}
@media screen and (max-width: 480px) {
  .component-callout-primary-40-60 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-callout-primary-40-60 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.component-callout-primary-40-60 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .component-callout-primary-40-60 .component-callout-column:last-child {
    margin: 40px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-callout-primary-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%;
}
.component-callout-primary-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-callout-primary-60-40 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
}
.component-callout-primary-60-40 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-callout-primary-60-40 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .component-callout-primary-60-40 .component-callout-column:last-child {
    margin: 0;
    padding: 0 16px;
  }
}

.component-learnmore-light-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-light-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-learnmore-light-40-60 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
}
@media screen and (max-width: 480px) {
  .component-learnmore-light-40-60 .component-callout-column:first-child {
    margin: 60px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-learnmore-light-40-60 .component-callout-column:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-light-40-60 .component-callout-column:nth-child(2):last-child {
  margin-right: 0;
}
.component-learnmore-light-40-60 .component-callout-column:nth-child(2) {
  padding: 40px 0 40px 45px;
}
@media screen and (max-width: 480px) {
  .component-learnmore-light-40-60 .component-callout-column:nth-child(2) {
    margin: 40px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-learnmore-light-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-light-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-learnmore-light-60-40 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
  padding: 40px 45px 40px 0;
}
@media screen and (max-width: 480px) {
  .component-learnmore-light-60-40 .component-callout-column:first-child {
    margin: 60px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-learnmore-light-60-40 .component-callout-column:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-light-60-40 .component-callout-column:nth-child(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .component-learnmore-light-60-40 .component-callout-column:nth-child(2) {
    margin: 40px 0 0 0;
    padding: 0 16px;
    position: relative;
    width: 100%;
  }
}

.component-learnmore-light-100 .component-callout-column {
  margin: 0 10%;
  padding: 40px 0;
  width: 80%;
}
@media screen and (max-width: 480px) {
  .component-learnmore-light-100 .component-callout-column {
    margin: 60px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-learnmore-light-bottom .component-callout-row:nth-child(1) {
  margin-top: 10px;
}
.component-learnmore-light-bottom .component-callout-column {
  margin: 0 10%;
  width: 80%;
}

.component-learnmore-light-top .component-callout-row:nth-child(1) {
  margin-top: 10px;
}
.component-learnmore-light-top .component-callout-column {
  margin: 0 10%;
  width: 80%;
}

.component-learnmore-primary-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-primary-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-learnmore-primary-40-60 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
}
@media screen and (max-width: 480px) {
  .component-learnmore-primary-40-60 .component-callout-column:first-child {
    margin: 60px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-learnmore-primary-40-60 .component-callout-column:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-primary-40-60 .component-callout-column:nth-child(2):last-child {
  margin-right: 0;
}
.component-learnmore-primary-40-60 .component-callout-column:nth-child(2) {
  padding: 40px 0 40px 45px;
}
@media screen and (max-width: 480px) {
  .component-learnmore-primary-40-60 .component-callout-column:nth-child(2) {
    margin: 40px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-learnmore-primary-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-primary-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-learnmore-primary-60-40 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
  padding: 40px 45px 40px 0;
}
@media screen and (max-width: 480px) {
  .component-learnmore-primary-60-40 .component-callout-column:first-child {
    margin: 60px 0 0 0;
  }
}
.component-learnmore-primary-60-40 .component-callout-column:nth-child(2) {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-learnmore-primary-60-40 .component-callout-column:nth-child(2):last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .component-learnmore-primary-60-40 .component-callout-column:nth-child(2) {
    margin: 0;
    padding: 0 16px;
  }
}

.component-learnmore-primary-100 .component-callout-column {
  margin: 0 10%;
  padding: 40px 0;
  width: 80%;
}
@media screen and (max-width: 480px) {
  .component-learnmore-primary-100 .component-callout-column {
    margin: 60px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-learnmore-primary-bottom .component-callout-row:nth-child(1) {
  margin-top: 10px;
}
.component-learnmore-primary-bottom .component-callout-column {
  margin: 0 10%;
  width: 80%;
}

.component-learnmore-primary-top .component-callout-row:nth-child(1) {
  margin-top: 10px;
}
.component-learnmore-primary-top .component-callout-column {
  margin: 0 10%;
  width: 80%;
}

.component-learnmore-image img {
  display: block;
  width: 100%;
}

.component-feature-callout-light-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-feature-callout-light-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-feature-callout-light-40-60 .component-callout-column:first-child {
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-light-40-60 .component-callout-column:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-light-40-60 .component-callout-column:first-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-light-40-60 .component-callout-column:first-child {
    padding: 0 16px 20px 16px;
  }
}
.component-feature-callout-light-40-60 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-feature-callout-light-40-60 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-feature-callout-light-40-60 .component-callout-column:last-child {
  margin-left: 6.1721527019%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-light-40-60 .component-callout-column:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-light-40-60 .component-callout-column:last-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-light-40-60 .component-callout-column:last-child {
    padding: 0 16px;
  }
}
.component-feature-callout-light-40-60 .component-callout-column:last-child img {
  left: 0;
}

.component-feature-callout-light-60-40 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-feature-callout-light-60-40 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-feature-callout-light-60-40 .component-callout-column:last-child {
  float: right;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-light-60-40 .component-callout-column:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-light-60-40 .component-callout-column:last-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-light-60-40 .component-callout-column:last-child {
    padding: 0 16px;
  }
}
.component-feature-callout-light-60-40 .component-callout-column:last-child img {
  right: 0;
}
.component-feature-callout-light-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-feature-callout-light-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-feature-callout-light-60-40 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
  float: right;
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-light-60-40 .component-callout-column:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-light-60-40 .component-callout-column:first-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-light-60-40 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px 20px 16px;
  }
}

.component-feature-callout-dark-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-feature-callout-dark-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-feature-callout-dark-40-60 .component-callout-column:first-child {
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-dark-40-60 .component-callout-column:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-dark-40-60 .component-callout-column:first-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-dark-40-60 .component-callout-column:first-child {
    padding: 0 16px 20px 16px;
  }
}
.component-feature-callout-dark-40-60 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-feature-callout-dark-40-60 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-feature-callout-dark-40-60 .component-callout-column:last-child {
  margin-left: 6.1721527019%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-dark-40-60 .component-callout-column:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-dark-40-60 .component-callout-column:last-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-dark-40-60 .component-callout-column:last-child {
    padding: 0 16px;
  }
}
.component-feature-callout-dark-40-60 .component-callout-column:last-child img {
  left: 0;
  max-width: none;
  position: absolute;
}

.component-feature-callout-dark-60-40 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-feature-callout-dark-60-40 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-feature-callout-dark-60-40 .component-callout-column:last-child {
  float: right;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-dark-60-40 .component-callout-column:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-dark-60-40 .component-callout-column:last-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-dark-60-40 .component-callout-column:last-child {
    padding: 0 16px;
  }
}
.component-feature-callout-dark-60-40 .component-callout-column:last-child img {
  right: 0;
  max-width: none;
  position: absolute;
}
.component-feature-callout-dark-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.component-feature-callout-dark-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-feature-callout-dark-60-40 .component-callout-column:first-child {
  margin-left: 6.1721527019%;
  float: right;
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .component-feature-callout-dark-60-40 .component-callout-column:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-feature-callout-dark-60-40 .component-callout-column:first-child:last-child {
    margin-right: 0;
  }
  .component-feature-callout-dark-60-40 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px 20px 16px;
  }
}

.component-hero .component-hero-container.no-image-overlay .component-hero-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 24.9377221615%;
}
.component-hero .component-hero-container.no-image-overlay .component-hero-column:first-child:last-child {
  margin-right: 0;
}
.component-hero .component-hero-container.no-image-overlay .component-hero-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-hero .component-hero-container.no-image-overlay .component-hero-column:last-child:last-child {
  margin-right: 0;
}
.component-hero .component-hero-container.no-image-overlay .component-hero-column:last-child img {
  left: 0;
}
.component-hero .component-hero-container.with-image-overlay .component-hero-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 50.527135061%;
}
.component-hero .component-hero-container.with-image-overlay .component-hero-column:first-child:last-child {
  margin-right: 0;
}
.component-hero .component-hero-container.with-image-overlay .component-hero-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.component-hero .component-hero-container.with-image-overlay .component-hero-column:last-child:last-child {
  margin-right: 0;
}
.component-hero .component-hero-container.with-image-overlay .component-hero-column:last-child img {
  left: -400px;
}
@media screen and (max-width: 768px) {
  .component-hero .component-hero-container.with-image-overlay .component-hero-column:last-child img {
    left: 0;
  }
}
.component-hero .component-hero-container .component-hero-column:first-child {
  margin-left: 4.4661918419%;
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .component-hero .component-hero-container .component-hero-column:first-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-hero .component-hero-container .component-hero-column:first-child:last-child {
    margin-right: 0;
  }
  .component-hero .component-hero-container .component-hero-column:first-child {
    padding: 0 16px;
  }
}
.component-hero .component-hero-container .component-hero-column:last-child {
  margin-left: 6.1721527019%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .component-hero .component-hero-container .component-hero-column:last-child {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-hero .component-hero-container .component-hero-column:last-child:last-child {
    margin-right: 0;
  }
  .component-hero .component-hero-container .component-hero-column:last-child {
    margin-left: -2.3576515979%;
    padding: 0 16px;
  }
}
.component-hero .component-hero-container .component-hero-column:last-child .image-container {
  position: relative;
}
.component-hero .component-hero-container .component-hero-column:last-child img {
  max-width: none;
  position: absolute;
}
.component-hero h1 {
  margin-bottom: 15px;
}

.component-wide-callout-light-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-wide-callout-light-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-wide-callout-light-40-60 .component-callout-column:first-child {
  bottom: 0;
  position: absolute;
}
@media screen and (max-width: 480px) {
  .component-wide-callout-light-40-60 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    position: relative;
    width: 100%;
  }
}
.component-wide-callout-light-40-60 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-wide-callout-light-40-60 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-wide-callout-light-40-60 .component-callout-column:last-child {
  float: right;
}
@media screen and (max-width: 480px) {
  .component-wide-callout-light-40-60 .component-callout-column:last-child {
    clear: both;
    margin: 40px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-wide-callout-light-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-wide-callout-light-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .component-wide-callout-light-60-40 .component-callout-column:first-child {
    padding-left: 16px;
  }
}
@media screen and (max-width: 480px) {
  .component-wide-callout-light-60-40 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-wide-callout-light-60-40 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-wide-callout-light-60-40 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-wide-callout-light-60-40 .component-callout-column:last-child {
  bottom: 0;
  right: 0;
  position: absolute;
}
@media screen and (max-width: 480px) {
  .component-wide-callout-light-60-40 .component-callout-column:last-child {
    bottom: -65px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    width: 100%;
  }
}

.component-wide-callout-primary-40-60 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-wide-callout-primary-40-60 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
.component-wide-callout-primary-40-60 .component-callout-column:first-child {
  bottom: 0;
  position: absolute;
}
@media screen and (max-width: 480px) {
  .component-wide-callout-primary-40-60 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    position: relative;
    width: 100%;
  }
}
.component-wide-callout-primary-40-60 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-wide-callout-primary-40-60 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-wide-callout-primary-40-60 .component-callout-column:last-child {
  float: right;
}
@media screen and (max-width: 480px) {
  .component-wide-callout-primary-40-60 .component-callout-column:last-child {
    clear: both;
    margin: 40px 0 0 0;
    padding: 0 16px;
    width: 100%;
  }
}

.component-wide-callout-primary-60-40 .component-callout-column:first-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%;
}
.component-wide-callout-primary-60-40 .component-callout-column:first-child:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .component-wide-callout-primary-60-40 .component-callout-column:first-child {
    padding-left: 16px;
  }
}
@media screen and (max-width: 480px) {
  .component-wide-callout-primary-60-40 .component-callout-column:first-child {
    margin: 0;
    padding: 0 16px;
    width: 100%;
  }
}
.component-wide-callout-primary-60-40 .component-callout-column:last-child {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.component-wide-callout-primary-60-40 .component-callout-column:last-child:last-child {
  margin-right: 0;
}
.component-wide-callout-primary-60-40 .component-callout-column:last-child {
  bottom: 0;
  right: 0;
  position: absolute;
}
@media screen and (max-width: 480px) {
  .component-wide-callout-primary-60-40 .component-callout-column:last-child {
    bottom: -65px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    width: 100%;
  }
}

.component-divider {
  margin: 80px auto;
  width: 160px;
}
.theme-1 .component-divider-learnmore {
  color: #22b7f2;
}
.theme-2 .component-divider-learnmore {
  color: #8240ca;
}
.theme-3 .component-divider-learnmore {
  color: #bd1118;
}
.theme-4 .component-divider-learnmore {
  color: #cc5302;
}
.theme-5 .component-divider-learnmore {
  color: #f43b5f;
}
.theme-6 .component-divider-learnmore {
  color: #0cd2de;
}
.theme-7 .component-divider-learnmore {
  color: #fba90b;
}
.theme-8 .component-divider-learnmore {
  color: #13a104;
}
.theme-9 .component-divider-learnmore {
  color: #07696a;
}
.theme-10 .component-divider-learnmore {
  color: #005a9d;
}
.theme-11 .component-divider-learnmore {
  color: #8acb01;
}
.component-divider-learnmore {
  margin: 80px auto;
}
.component-divider-learnmore:before {
  border-bottom: 1px solid #eee;
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  width: 100%;
  z-index: -1;
}
.component-divider-learnmore-label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  background-color: #fff;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin: 0 auto;
  padding: 0 34px;
  text-transform: uppercase;
  width: 230px;
}
.layout-25-25-25-25 .component-divider-learnmore-label {
  padding: 0 9px;
  width: 175px;
}
.component-divider-learnmore [class^=icon-] {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 27px;
  line-height: 1.6875rem;
  margin-right: 9px;
  vertical-align: middle;
}

.component-image-full {
  position: relative;
}
.component-image-full img {
  display: block;
  width: 100%;
}
.component-image-center {
  text-align: center;
}
.component-image-left {
  text-align: left;
}
.component-image-right {
  text-align: right;
}

.component-intro-large {
  padding: 160px 0;
}
.component-intro-small {
  padding: 40px 0;
}

.component-overlay-bottom {
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .component-overlay-bottom {
    position: relative;
  }
}
.component-overlay-bottom .component-overlay-toggle {
  font-size: 14px;
  font-size: 0.875rem;
}
.theme-1 .component-overlay-bottom .component-overlay-toggle {
  color: #fbd20b;
}
.theme-2 .component-overlay-bottom .component-overlay-toggle {
  color: #3cfdf2;
}
.theme-3 .component-overlay-bottom .component-overlay-toggle {
  color: #eee7cb;
}
.theme-4 .component-overlay-bottom .component-overlay-toggle {
  color: #efc416;
}
.theme-5 .component-overlay-bottom .component-overlay-toggle {
  color: #0cd2de;
}
.theme-6 .component-overlay-bottom .component-overlay-toggle {
  color: #fceb92;
}
.theme-7 .component-overlay-bottom .component-overlay-toggle {
  color: #ffefb5;
}
.theme-8 .component-overlay-bottom .component-overlay-toggle {
  color: #8df5f9;
}
.theme-9 .component-overlay-bottom .component-overlay-toggle {
  color: #e6eaa7;
}
.theme-10 .component-overlay-bottom .component-overlay-toggle {
  color: #94e1fe;
}
.theme-11 .component-overlay-bottom .component-overlay-toggle {
  color: #e0f18f;
}
.component-overlay-bottom .component-overlay-toggle {
  background-color: rgba(0, 0, 0, 0.6);
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  left: 0;
  padding: 10px 0 10px 25px;
  position: absolute;
  text-transform: uppercase;
  top: -44px;
  width: 182px;
}
@media screen and (max-width: 480px) {
  .component-overlay-bottom .component-overlay-toggle {
    display: none;
  }
}
.component-overlay-bottom .component-overlay-toggle [class^=icon] {
  display: block;
  float: left;
  padding-right: 10px;
  padding-top: 5px;
}

.component-overlay-bottom-layout {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding-top: 40px;
}
.component-overlay-bottom-layout .component-overlay-caption {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.component-overlay-bottom-layout .component-overlay-caption:last-child {
  margin-right: 0;
}
.component-overlay-bottom-layout .component-overlay-caption {
  margin-left: 6.1721527019%;
  line-height: 34px;
  line-height: 2.125rem;
  color: #fff;
  font-family: "ff-meta-serif-web-pro", serif;
}

.component-text-left {
  text-align: left;
}
.component-text-center {
  text-align: center;
}
.component-text-right {
  text-align: right;
}

.component-spacer {
  min-height: 15px;
}

.component-panorama {
  position: relative;
}
.component-panorama .panorama-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .component-panorama .panorama-icon {
  background-color: #fbd20b;
}
.theme-2 .component-panorama .panorama-icon {
  background-color: #3cfdf2;
}
.theme-3 .component-panorama .panorama-icon {
  background-color: #eee7cb;
}
.theme-4 .component-panorama .panorama-icon {
  background-color: #efc416;
}
.theme-5 .component-panorama .panorama-icon {
  background-color: #0cd2de;
}
.theme-6 .component-panorama .panorama-icon {
  background-color: #fceb92;
}
.theme-7 .component-panorama .panorama-icon {
  background-color: #ffefb5;
}
.theme-8 .component-panorama .panorama-icon {
  background-color: #8df5f9;
}
.theme-9 .component-panorama .panorama-icon {
  background-color: #e6eaa7;
}
.theme-10 .component-panorama .panorama-icon {
  background-color: #94e1fe;
}
.theme-11 .component-panorama .panorama-icon {
  background-color: #e0f18f;
}
.component-panorama .panorama-icon {
  display: block;
  height: 56px;
  left: 50%;
  margin-left: -28px;
  position: absolute;
  top: -18px;
  width: 56px;
}
.component-panorama .panorama-icon [class^=icon] {
  color: #333;
  font-size: 65px;
  display: block;
  margin-top: -2px;
  margin-left: -12px;
}
.component-panorama h2 {
  margin-bottom: 0;
}
.component-panorama p {
  font-family: "ff-meta-serif-web-pro", serif;
}

.component-thinkpiece {
  position: relative;
}
.component-thinkpiece .thinkpiece-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .component-thinkpiece .thinkpiece-icon {
  background-color: #fbd20b;
}
.theme-2 .component-thinkpiece .thinkpiece-icon {
  background-color: #3cfdf2;
}
.theme-3 .component-thinkpiece .thinkpiece-icon {
  background-color: #eee7cb;
}
.theme-4 .component-thinkpiece .thinkpiece-icon {
  background-color: #efc416;
}
.theme-5 .component-thinkpiece .thinkpiece-icon {
  background-color: #0cd2de;
}
.theme-6 .component-thinkpiece .thinkpiece-icon {
  background-color: #fceb92;
}
.theme-7 .component-thinkpiece .thinkpiece-icon {
  background-color: #ffefb5;
}
.theme-8 .component-thinkpiece .thinkpiece-icon {
  background-color: #8df5f9;
}
.theme-9 .component-thinkpiece .thinkpiece-icon {
  background-color: #e6eaa7;
}
.theme-10 .component-thinkpiece .thinkpiece-icon {
  background-color: #94e1fe;
}
.theme-11 .component-thinkpiece .thinkpiece-icon {
  background-color: #e0f18f;
}
.component-thinkpiece .thinkpiece-icon {
  display: block;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -25px;
  width: 50px;
}
.component-thinkpiece .thinkpiece-icon [class^=icon] {
  color: #333;
  font-size: 50px;
  display: block;
  margin-top: -5px;
}
.component-thinkpiece p {
  font-family: "ff-meta-serif-web-pro", serif;
}

.component-checkitout [class^=button] {
  margin-top: 24px;
}
.component-checkitout .checkitout-answer {
  display: none;
}
.component-checkitout p {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 34px;
}

.component-multistep-horizontal .multistep-images {
  position: relative;
}
.component-multistep-horizontal .multistep-images:before {
  content: "";
  display: block;
  padding-top: 45.2830188679%;
}
.component-multistep-horizontal .multistep-images > div,
.component-multistep-horizontal .multistep-images > img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.component-multistep-horizontal .multistep-image {
  height: 480px;
  opacity: 1;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  position: absolute;
}
.component-multistep-horizontal .multistep-image.hidden {
  opacity: 0;
}
.theme-1 .component-multistep-horizontal .multistep-panel {
  background-color: #22b7f2;
}
.theme-2 .component-multistep-horizontal .multistep-panel {
  background-color: #8240ca;
}
.theme-3 .component-multistep-horizontal .multistep-panel {
  background-color: #bd1118;
}
.theme-4 .component-multistep-horizontal .multistep-panel {
  background-color: #cc5302;
}
.theme-5 .component-multistep-horizontal .multistep-panel {
  background-color: #f43b5f;
}
.theme-6 .component-multistep-horizontal .multistep-panel {
  background-color: #0cd2de;
}
.theme-7 .component-multistep-horizontal .multistep-panel {
  background-color: #fba90b;
}
.theme-8 .component-multistep-horizontal .multistep-panel {
  background-color: #13a104;
}
.theme-9 .component-multistep-horizontal .multistep-panel {
  background-color: #07696a;
}
.theme-10 .component-multistep-horizontal .multistep-panel {
  background-color: #005a9d;
}
.theme-11 .component-multistep-horizontal .multistep-panel {
  background-color: #8acb01;
}
.component-multistep-horizontal .multistep-panel {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding-bottom: 72px;
  padding-top: 72px;
  position: relative;
}
@media screen and (max-width: 480px) {
  .component-multistep-horizontal .multistep-panel {
    padding-top: 0;
  }
}
.component-multistep-horizontal .multistep-panel-steps {
  position: absolute;
  right: 100px;
  top: -30px;
}
@media screen and (max-width: 480px) {
  .component-multistep-horizontal .multistep-panel-steps {
    display: block;
    left: 0;
    padding: 0 10px;
    position: relative;
    top: -18px;
  }
}
.component-multistep-horizontal .multistep-panel-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #fff;
  color: #222;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-size: 24px;
  font-weight: 700;
  height: 60px;
  line-height: 54px;
  text-align: center;
  width: 60px;
}
@media screen and (max-width: 480px) {
  .component-multistep-horizontal .multistep-panel-link {
    margin-bottom: 4px;
  }
}
.theme-1 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #fbd20b;
}
.theme-2 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #3cfdf2;
}
.theme-3 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #eee7cb;
}
.theme-4 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #efc416;
}
.theme-5 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #0cd2de;
}
.theme-6 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #fceb92;
}
.theme-7 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #ffefb5;
}
.theme-8 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #8df5f9;
}
.theme-9 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #e6eaa7;
}
.theme-10 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #94e1fe;
}
.theme-11 .component-multistep-horizontal .multistep-panel-link.active {
  background-color: #e0f18f;
}
.component-multistep-horizontal .multistep-panel-title {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.component-multistep-horizontal .multistep-panel-title:last-child {
  margin-right: 0;
}
.component-multistep-horizontal .multistep-panel-title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  line-height: 2.375rem;
  color: #fff;
  font-family: "superclarendon", serif;
  padding-left: 38px;
}
@media screen and (max-width: 480px) {
  .component-multistep-horizontal .multistep-panel-title {
    padding: 0 16px;
    width: 100%;
  }
}
.component-multistep-horizontal .multistep-panel-text {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.component-multistep-horizontal .multistep-panel-text:last-child {
  margin-right: 0;
}
.component-multistep-horizontal .multistep-panel-text {
  color: #fff;
}
@media screen and (max-width: 480px) {
  .component-multistep-horizontal .multistep-panel-text {
    padding: 10px 16px 0 16px;
    width: 100%;
  }
}
.component-multistep-horizontal .multistep-panel-text p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}

.component-multistep-vertical {
  display: flex;
}
.theme-1 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(0, 31.5286624204, 55);
}
.theme-11 .component-multistep-vertical .learnmore-earmark {
  border-bottom-color: rgb(69, 101.5, 0.5);
}
.theme-1 .component-multistep-vertical .multistep-panel {
  background-color: #22b7f2;
}
.theme-2 .component-multistep-vertical .multistep-panel {
  background-color: #8240ca;
}
.theme-3 .component-multistep-vertical .multistep-panel {
  background-color: #bd1118;
}
.theme-4 .component-multistep-vertical .multistep-panel {
  background-color: #cc5302;
}
.theme-5 .component-multistep-vertical .multistep-panel {
  background-color: #f43b5f;
}
.theme-6 .component-multistep-vertical .multistep-panel {
  background-color: #0cd2de;
}
.theme-7 .component-multistep-vertical .multistep-panel {
  background-color: #fba90b;
}
.theme-8 .component-multistep-vertical .multistep-panel {
  background-color: #13a104;
}
.theme-9 .component-multistep-vertical .multistep-panel {
  background-color: #07696a;
}
.theme-10 .component-multistep-vertical .multistep-panel {
  background-color: #005a9d;
}
.theme-11 .component-multistep-vertical .multistep-panel {
  background-color: #8acb01;
}
.component-multistep-vertical .multistep-panel {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 34.1192171993%;
}
.component-multistep-vertical .multistep-panel:last-child {
  width: 31.7615656014%;
}
.component-multistep-vertical .multistep-panel {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .component-multistep-vertical .multistep-panel {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 2.3576515979%;
    width: 100%;
  }
  .component-multistep-vertical .multistep-panel:last-child {
    margin-right: 0;
  }
}
.component-multistep-vertical .multistep-panel-steps {
  margin-top: 40px;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-link {
  display: block;
  padding: 0 20px;
}
.theme-1 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(251, 210, 11, 0.35);
}
.theme-2 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(60, 253, 242, 0.35);
}
.theme-3 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(238, 231, 203, 0.35);
}
.theme-4 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(239, 196, 22, 0.35);
}
.theme-5 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(12, 210, 222, 0.35);
}
.theme-6 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(252, 235, 146, 0.35);
}
.theme-7 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(255, 239, 181, 0.35);
}
.theme-8 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(141, 245, 249, 0.35);
}
.theme-9 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(230, 234, 167, 0.35);
}
.theme-10 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(148, 225, 254, 0.35);
}
.theme-11 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  border-bottom: 1px solid rgba(224, 241, 143, 0.35);
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step {
  padding: 10px 0;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step:last-child {
  border-bottom: none;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step-image {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  display: block;
  height: auto;
  max-height: 0;
  max-width: 100%;
  opacity: 0;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step-title {
  color: #fff;
  display: inline-block;
  margin-left: 10px;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step-text {
  color: #fff;
  max-height: 0;
  overflow: hidden;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step-number {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #fff;
  color: #222;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  line-height: 32px;
  text-align: center;
  width: 40px;
}
.theme-1 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #fbd20b;
}
.theme-2 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #3cfdf2;
}
.theme-3 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #eee7cb;
}
.theme-4 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #efc416;
}
.theme-5 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #0cd2de;
}
.theme-6 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #fceb92;
}
.theme-7 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #ffefb5;
}
.theme-8 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #8df5f9;
}
.theme-9 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #e6eaa7;
}
.theme-10 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #94e1fe;
}
.theme-11 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
  background-color: #e0f18f;
}
@media screen and (max-width: 768px) {
  .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active {
    padding-top: 0;
  }
}
.theme-1 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #22b7f2;
}
.theme-2 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #8240ca;
}
.theme-3 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #bd1118;
}
.theme-4 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #cc5302;
}
.theme-5 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #f43b5f;
}
.theme-6 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #0cd2de;
}
.theme-7 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #fba90b;
}
.theme-8 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #13a104;
}
.theme-9 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #07696a;
}
.theme-10 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #005a9d;
}
.theme-11 .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  background-color: #8acb01;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-number {
  color: #fff;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-title {
  color: #222;
}
.component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-text {
  color: #222;
  max-height: 1000px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-step-image {
    max-height: 1000px;
    opacity: 1;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .component-multistep-vertical .multistep-panel-steps .multistep-panel-step.active .multistep-panel-link {
    padding-top: 15px;
  }
}
.component-multistep-vertical .multistep-panel-title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  line-height: 2.375rem;
  color: #fff;
  font-family: "superclarendon", serif;
  padding: 0 20px;
}
.component-multistep-vertical .multistep-panel-text {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.component-multistep-vertical .multistep-panel-text:last-child {
  margin-right: 0;
}
.component-multistep-vertical .multistep-panel-text {
  color: #fff;
}
.component-multistep-vertical .multistep-panel-text p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}
.component-multistep-vertical .multistep-images {
  position: relative;
}
.component-multistep-vertical .multistep-images:before {
  content: "";
  display: block;
  padding-top: 113.3333333333%;
}
.component-multistep-vertical .multistep-images > div,
.component-multistep-vertical .multistep-images > img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.component-multistep-vertical .multistep-images {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.component-multistep-vertical .multistep-images:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .component-multistep-vertical .multistep-images {
    display: none;
  }
}
.component-multistep-vertical .multistep-image {
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  transition: background 0.5s linear;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  opacity: 1;
}
.component-multistep-vertical.-learnmore .multistep-panel {
  padding-top: 100px;
}
.component-multistep-vertical.-learnmore .multistep-panel-steps {
  margin-top: 30px;
}

.threesixty {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.threesixty__details {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin-bottom: 50px;
  text-align: center;
}
.threesixty__spinner {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  height: 30px;
  margin: 0 auto;
  width: 60px;
}
.threesixty__spinner span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 30px;
  line-height: 1.875rem;
  color: #fff;
  display: block;
  font-weight: 900;
  text-align: center;
}
.threesixty__images {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.threesixty__images img {
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.threesixty__images img.current-image {
  visibility: visible;
  width: 100%;
}
.threesixty__images img.previous-image {
  visibility: hidden;
  width: 0;
}

.learnmore-earmark {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.theme-1 .learnmore-earmark {
  border-bottom-color: #22b7f2;
}
.theme-2 .learnmore-earmark {
  border-bottom-color: #8240ca;
}
.theme-3 .learnmore-earmark {
  border-bottom-color: #bd1118;
}
.theme-4 .learnmore-earmark {
  border-bottom-color: #cc5302;
}
.theme-5 .learnmore-earmark {
  border-bottom-color: #f43b5f;
}
.theme-6 .learnmore-earmark {
  border-bottom-color: #0cd2de;
}
.theme-7 .learnmore-earmark {
  border-bottom-color: #fba90b;
}
.theme-8 .learnmore-earmark {
  border-bottom-color: #13a104;
}
.theme-9 .learnmore-earmark {
  border-bottom-color: #07696a;
}
.theme-10 .learnmore-earmark {
  border-bottom-color: #005a9d;
}
.theme-11 .learnmore-earmark {
  border-bottom-color: #8acb01;
}
.learnmore-earmark {
  border-bottom-width: 82px;
  border-bottom-style: solid;
  border-left: 82px solid transparent;
  border-right: 82px solid transparent;
  color: #fff;
  height: 0;
  position: absolute;
  left: -53px;
  top: -12px;
  width: 0;
  z-index: 2;
}
.layout-50-50 .layout-column .learnmore-earmark, .layout-25-25-25-25 .layout-column .learnmore-earmark, .layout-60-40 .layout-column .learnmore-earmark, .layout-40-60 .layout-column .learnmore-earmark, .layout-75-25 .layout-column:nth-child(2) .learnmore-earmark, .layout-25-75 .layout-column:nth-child(1) .learnmore-earmark {
  left: -60px;
  top: -19px;
  transform: rotate(-45deg) scale(0.75);
}
.learnmore-earmark [class^=icon-] {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
  left: -12px;
  position: absolute;
  top: 24px;
}
.learnmore-earmark-label {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  display: block;
  left: -59px;
  letter-spacing: -0.01em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 50px;
  width: 120px;
}

@font-face {
  font-family: "kdi-icons";
  src: url("/assets/fonts/kdi-icons.eot?ppjvk7");
  src: url("/assets/fonts/kdi-icons.eot?ppjvk7#iefix") format("embedded-opentype"), url("/assets/fonts/kdi-icons.ttf?ppjvk7") format("truetype"), url("/assets/fonts/kdi-icons.woff?ppjvk7") format("woff"), url("/assets/fonts/kdi-icons.svg?ppjvk7#kdi-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "kdi-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_medium-folder-new:before {
  content: "\e90e";
}

.icon-icon_medium-noahtext:before {
  content: "\e90a";
}

.icon-upload:before {
  content: "\e909";
}

.icon-icon_medium-dictionary:before {
  content: "\e908";
}

.icon-icon_medium-questionmark:before {
  content: "\e907";
}

.icon-icon_medium-gear:before {
  content: "\e902";
}

.icon-icon_medium-globe:before {
  content: "\e903";
}

.icon-icon_medium-onefinger:before {
  content: "\e904";
}

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

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

.icon-icon_medium-rulericon:before {
  content: "\e90c";
}

.icon-icon_medium-speaker:before {
  content: "\e90d";
}

.icon-icon_medium-info:before {
  content: "\e901";
}

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

.icon-icon_medium-instagram:before {
  content: "\e63f";
}

.icon-icon_small-minus:before {
  content: "\e63e";
}

.icon-icon_medium-grip:before {
  content: "\e63d";
}

.icon-icon_medium-mail:before {
  content: "\e63c";
}

.icon-icon_medium-print:before {
  content: "\e63b";
}

.icon-icon_medium-creditcard:before {
  content: "\e635";
}

.icon-icon_medium-facebook:before {
  content: "\e636";
}

.icon-icon_medium-padlock:before {
  content: "\e637";
}

.icon-icon_medium-pinterest:before {
  content: "\e638";
}

.icon-icon_medium-shoppingcart:before {
  content: "\e639";
}

.icon-icon_medium-twitter:before {
  content: "\e63a";
}

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

.icon-icon_large-panorama:before {
  content: "\e633";
}

.icon-icon_small-question:before {
  content: "\e632";
}

.icon-icon_small-ellipse:before {
  content: "\e631";
}

.icon-icon_small-presentation:before {
  content: "\e630";
}

.icon-icon_large-image:before {
  content: "\e600";
}

.icon-icon_large-lightbulb:before {
  content: "\e601";
}

.icon-icon_large-telescope:before {
  content: "\e602";
}

.icon-icon_layout-1col-inset:before {
  content: "\e603";
}

.icon-icon_layout-1col:before {
  content: "\e604";
}

.icon-icon_layout-2col-2575:before {
  content: "\e605";
}

.icon-icon_layout-2col-4060:before {
  content: "\e606";
}

.icon-icon_layout-2col-5050:before {
  content: "\e607";
}

.icon-icon_layout-2col-6040:before {
  content: "\e608";
}

.icon-icon_layout-2col-7525:before {
  content: "\e609";
}

.icon-icon_layout-3col-33:before {
  content: "\e60a";
}

.icon-icon_layout-4col-25:before {
  content: "\e60b";
}

.icon-icon_layout-fill-width:before {
  content: "\e60c";
}

.icon-icon_layout-full-width:before {
  content: "\e60d";
}

.icon-icon_layout-offset-left:before {
  content: "\e60e";
}

.icon-icon_layout-offset-right:before {
  content: "\e60f";
}

.icon-icon_medium-arrow_down:before {
  content: "\e610";
}

.icon-icon_medium-arrow_left:before {
  content: "\e611";
}

.icon-icon_medium-arrow_right:before {
  content: "\e612";
}

.icon-icon_medium-arrow_up:before {
  content: "\e613";
}

.icon-icon_medium-arrowline_down:before {
  content: "\e614";
}

.icon-icon_medium-arrowline_left:before {
  content: "\e615";
}

.icon-icon_medium-arrowline_right:before {
  content: "\e616";
}

.icon-icon_medium-arrowline_up:before {
  content: "\e617";
}

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

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

.icon-icon_medium-highlighter:before {
  content: "\e61a";
}

.icon-icon_medium-list:before {
  content: "\e61b";
}

.icon-icon_medium-play:before {
  content: "\e61c";
}

.icon-icon_medium-resources:before {
  content: "\e61d";
}

.icon-icon_medium-ruler:before {
  content: "\e61e";
}

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

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

.icon-icon_medium-topic:before {
  content: "\e621";
}

.icon-icon_medium-units:before {
  content: "\e622";
}

.icon-icon_small-arrow_down:before {
  content: "\e623";
}

.icon-icon_small-arrow_left:before {
  content: "\e624";
}

.icon-icon_small-arrow_right:before {
  content: "\e625";
}

.icon-icon_small-arrow_up:before {
  content: "\e626";
}

.icon-icon_small-book:before {
  content: "\e627";
}

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

.icon-icon_small-download:before {
  content: "\e629";
}

.icon-icon_small-eye:before {
  content: "\e62a";
}

.icon-icon_small-gear:before {
  content: "\e62b";
}

.icon-icon_small-grid:before {
  content: "\e62c";
}

.icon-icon_small-move:before {
  content: "\e62d";
}

.icon-icon_small-plus:before {
  content: "\e62e";
}

.icon-icon_small-trash:before {
  content: "\e62f";
}

.icon-icon_small-sphere:before {
  content: "\e9c9";
}

.icon-icon_medium-add-new:before {
  content: "\e90f";
}

.icon-icon_medium-menu-new:before {
  content: "\e910";
}

.icon-icon_medium-account-new:before {
  content: "\e911";
}

.icon-notification:before {
  content: "\ea08";
}

.image_picker_image {
  max-width: 150px;
  max-height: 150px;
}

.image_picker_selector .thumbnail.selected {
  background-color: #22b7f2 !important;
}
.image_picker_selector .thumbnail p {
  font-weight: bold;
  font-size: 0.91rem;
}

.introjs-overlay {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
  z-index: 999999;
  background-color: rgba(17, 17, 17, 0.8);
  opacity: 0;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  position: absolute !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}

.introjs-tooltipReferenceLayer {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
  z-index: 10000000;
  background-color: transparent;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.theme-1 .introjs-helperNumberLayer {
  background-color: #22b7f2;
}
.theme-2 .introjs-helperNumberLayer {
  background-color: #8240ca;
}
.theme-3 .introjs-helperNumberLayer {
  background-color: #bd1118;
}
.theme-4 .introjs-helperNumberLayer {
  background-color: #cc5302;
}
.theme-5 .introjs-helperNumberLayer {
  background-color: #f43b5f;
}
.theme-6 .introjs-helperNumberLayer {
  background-color: #0cd2de;
}
.theme-7 .introjs-helperNumberLayer {
  background-color: #fba90b;
}
.theme-8 .introjs-helperNumberLayer {
  background-color: #13a104;
}
.theme-9 .introjs-helperNumberLayer {
  background-color: #07696a;
}
.theme-10 .introjs-helperNumberLayer {
  background-color: #005a9d;
}
.theme-11 .introjs-helperNumberLayer {
  background-color: #8acb01;
}
.introjs-helperNumberLayer {
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: "myriad-pro", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.introjs-arrow {
  border: 5px solid white;
  content: "";
  position: absolute;
}

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent;
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white;
}

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.introjs-tooltip {
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  color: #222;
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  padding: 50px 40px;
  background-color: white;
  min-width: 400px;
  max-width: 600px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 5px 24px;
  margin: 0;
  text-decoration: none;
  font-family: "myriad-pro", sans-serif !important;
  font-size: 12px;
  font-weight: 900;
  color: #888 !important;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;
  background-color: #ececec;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 18px;
}

.introjs-prevbutton {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.theme-1 .introjs-prevbutton {
  background-color: #fbd20b;
}
.theme-2 .introjs-prevbutton {
  background-color: #3cfdf2;
}
.theme-3 .introjs-prevbutton {
  background-color: #eee7cb;
}
.theme-4 .introjs-prevbutton {
  background-color: #efc416;
}
.theme-5 .introjs-prevbutton {
  background-color: #0cd2de;
}
.theme-6 .introjs-prevbutton {
  background-color: #fceb92;
}
.theme-7 .introjs-prevbutton {
  background-color: #ffefb5;
}
.theme-8 .introjs-prevbutton {
  background-color: #8df5f9;
}
.theme-9 .introjs-prevbutton {
  background-color: #e6eaa7;
}
.theme-10 .introjs-prevbutton {
  background-color: #94e1fe;
}
.theme-11 .introjs-prevbutton {
  background-color: #e0f18f;
}
.introjs-prevbutton {
  border-right: none;
  color: #222 !important;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.theme-1 .introjs-nextbutton {
  background-color: #fbd20b;
}
.theme-2 .introjs-nextbutton {
  background-color: #3cfdf2;
}
.theme-3 .introjs-nextbutton {
  background-color: #eee7cb;
}
.theme-4 .introjs-nextbutton {
  background-color: #efc416;
}
.theme-5 .introjs-nextbutton {
  background-color: #0cd2de;
}
.theme-6 .introjs-nextbutton {
  background-color: #fceb92;
}
.theme-7 .introjs-nextbutton {
  background-color: #ffefb5;
}
.theme-8 .introjs-nextbutton {
  background-color: #8df5f9;
}
.theme-9 .introjs-nextbutton {
  background-color: #e6eaa7;
}
.theme-10 .introjs-nextbutton {
  background-color: #94e1fe;
}
.theme-11 .introjs-nextbutton {
  background-color: #e0f18f;
}
.introjs-nextbutton {
  color: #222 !important;
  margin-left: 1px;
}

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

.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 3px;
}

.introjs-bullets ul li a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .introjs-bullets ul li a {
  background-color: #22b7f2;
}
.theme-2 .introjs-bullets ul li a {
  background-color: #8240ca;
}
.theme-3 .introjs-bullets ul li a {
  background-color: #bd1118;
}
.theme-4 .introjs-bullets ul li a {
  background-color: #cc5302;
}
.theme-5 .introjs-bullets ul li a {
  background-color: #f43b5f;
}
.theme-6 .introjs-bullets ul li a {
  background-color: #0cd2de;
}
.theme-7 .introjs-bullets ul li a {
  background-color: #fba90b;
}
.theme-8 .introjs-bullets ul li a {
  background-color: #13a104;
}
.theme-9 .introjs-bullets ul li a {
  background-color: #07696a;
}
.theme-10 .introjs-bullets ul li a {
  background-color: #005a9d;
}
.theme-11 .introjs-bullets ul li a {
  background-color: #8acb01;
}
.introjs-bullets ul li a {
  display: block;
  height: 9px;
  margin-top: 6px;
  text-decoration: none;
  width: 9px;
}

.theme-1 .introjs-bullets ul li a.active {
  border: 2px solid #22b7f2;
}
.theme-2 .introjs-bullets ul li a.active {
  border: 2px solid #8240ca;
}
.theme-3 .introjs-bullets ul li a.active {
  border: 2px solid #bd1118;
}
.theme-4 .introjs-bullets ul li a.active {
  border: 2px solid #cc5302;
}
.theme-5 .introjs-bullets ul li a.active {
  border: 2px solid #f43b5f;
}
.theme-6 .introjs-bullets ul li a.active {
  border: 2px solid #0cd2de;
}
.theme-7 .introjs-bullets ul li a.active {
  border: 2px solid #fba90b;
}
.theme-8 .introjs-bullets ul li a.active {
  border: 2px solid #13a104;
}
.theme-9 .introjs-bullets ul li a.active {
  border: 2px solid #07696a;
}
.theme-10 .introjs-bullets ul li a.active {
  border: 2px solid #005a9d;
}
.theme-11 .introjs-bullets ul li a.active {
  border: 2px solid #8acb01;
}
.introjs-bullets ul li a.active {
  background: #fff;
  height: 15px;
  margin-top: 3px;
  width: 15px;
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.wizard .steps {
  display: none;
}
.wizard .content {
  background: none;
  position: relative;
}
@media screen and (max-width: 768px) {
  .wizard .content {
    min-height: 40rem;
  }
}
@media screen and (max-width: 480px) {
  .wizard .content {
    margin: 0;
  }
}
.wizard .content .body label {
  margin-bottom: 0;
}
.wizard .actions {
  position: absolute;
  width: calc(100% + 8rem);
  top: 50%;
  left: -4rem;
}
.wizard .actions ul[role=menu] {
  display: block;
}
.wizard .actions ul[role=menu] li {
  margin: 0;
}
.wizard .actions ul[role=menu] li.disabled {
  display: none;
}
.wizard .actions ul[role=menu] li a {
  border-radius: 50%;
  height: 8rem;
  width: 8rem;
  display: table;
}
@media screen and (max-width: 480px) {
  .wizard .actions ul[role=menu] li a {
    height: 6rem;
    width: 7rem;
  }
}
.wizard .actions ul[role=menu] li a i {
  color: white;
  font-size: 4rem;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .wizard .actions ul[role=menu] li a i {
    font-size: 2rem;
  }
}
.wizard .actions ul[role=menu] li a i.fa-angle-left:before {
  margin-right: 0.5rem;
}
.wizard .actions ul[role=menu] li a i.fa-angle-right:before {
  margin-right: 4rem;
}
.wizard .actions ul[role=menu] li:nth-of-type(1) {
  float: left;
}
.wizard .actions ul[role=menu] li:nth-of-type(2), .wizard .actions ul[role=menu] li:nth-of-type(2) ~ li {
  float: right;
}

.theme-1 .wizard a[role=menuitem] {
  background-color: #22b7f2;
}

.theme-2 .wizard a[role=menuitem] {
  background-color: #8240ca;
}

.theme-3 .wizard a[role=menuitem] {
  background-color: #bd1118;
}

.theme-4 .wizard a[role=menuitem] {
  background-color: #cc5302;
}

.theme-5 .wizard a[role=menuitem] {
  background-color: #f43b5f;
}

.theme-6 .wizard a[role=menuitem] {
  background-color: #0cd2de;
}

.theme-7 .wizard a[role=menuitem] {
  background-color: #fba90b;
}

.theme-8 .wizard a[role=menuitem] {
  background-color: #13a104;
}

.theme-9 .wizard a[role=menuitem] {
  background-color: #07696a;
}

.theme-10 .wizard a[role=menuitem] {
  background-color: #005a9d;
}

.theme-11 .wizard a[role=menuitem] {
  background-color: #8acb01;
}

.ui-switcher {
  height: 30px;
  width: 60px;
  border-radius: 15px;
  background-color: #e8e8e8;
}
.ui-switcher:hover {
  background-color: #dbdbdb;
}
.ui-switcher[aria-checked=true] {
  background-color: #8dcb04;
}
.ui-switcher[aria-checked=true]:hover {
  background-color: #87c400;
}
.ui-switcher[aria-checked=true]:before {
  left: 3px;
  color: #488254;
}
.ui-switcher[aria-checked=true]:after {
  left: 32px;
}
.ui-switcher[aria-checked=false]:before {
  right: 4px;
}
.ui-switcher[aria-checked=false]:after {
  left: 4px;
}
.ui-switcher:before {
  color: gray;
  font-weight: bold;
  font-size: 12px;
  top: 9px;
  height: 12px;
  width: 29px;
}
.ui-switcher:after {
  height: 24px;
  width: 24px;
  top: 3px;
}

.jw-skin-kd.jw-reset {
  margin: 10px 0 10px 0;
}
.jw-skin-kd .jw-display-icon-container {
  border-radius: 0.5em;
}
.jw-skin-kd .jw-dock-button {
  border-radius: 0.5em;
}
.jw-skin-kd .jw-controlbar {
  height: 45px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 9999px;
  display: inline-block;
  opacity: 1;
}
.theme-1 .jw-skin-kd .jw-controlbar {
  background-color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-controlbar {
  background-color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-controlbar {
  background-color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-controlbar {
  background-color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-controlbar {
  background-color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-controlbar {
  background-color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-controlbar {
  background-color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-controlbar {
  background-color: #13a104;
}
.theme-9 .jw-skin-kd .jw-controlbar {
  background-color: #07696a;
}
.theme-10 .jw-skin-kd .jw-controlbar {
  background-color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-controlbar {
  background-color: #8acb01;
}
.jw-skin-kd:not(.jw-ie) .jw-controlbar .jw-controlbar-center-group .jw-text-alt {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  bottom: auto;
}
.jw-skin-kd:not(.jw-flag-time-slider-above) .jw-icon-inline, .jw-skin-kd .jw-flag-ads-googleima .jw-icon-inline, .jw-skin-kd:not(.jw-flag-time-slider-above) .jw-icon-tooltip, .jw-skin-kd .jw-flag-ads-googleima .jw-icon-tooltip, .jw-skin-kd:not(.jw-flag-time-slider-above) .jw-text-elapsed, .jw-skin-kd .jw-flag-ads-googleima .jw-text-elapsed, .jw-skin-kd:not(.jw-flag-time-slider-above) .jw-text-duration, .jw-skin-kd .jw-flag-ads-googleima .jw-text-duration, .jw-skin-kd:not(.jw-flag-time-slider-above) .jw-text-countdown, .jw-skin-kd .jw-flag-ads-googleima .jw-text-countdown {
  height: 2em;
  line-height: 2em;
}
.jw-skin-kd:not(.jw-flag-time-slider-above) .jw-selection-menu .jw-menu-selection-text, .jw-skin-kd .jw-flag-ads-googleima .jw-selection-menu .jw-menu-selection-text {
  height: 2.668em;
  line-height: 2.668em;
}
.jw-skin-kd .jw-flag-ads.jw-ie .jw-text-alt,
.jw-skin-kd .jw-flag-live.jw-ie .jw-text-alt {
  top: 1px;
  margin: 0;
}
.jw-skin-kd .jw-tooltip-time .jw-overlay {
  left: 1%;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-time-tip {
  bottom: 0.5em;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-captions {
  max-height: calc(100% - 38px);
}
.jw-skin-kd.jwplayer:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) video::-webkit-media-text-track-container {
  max-height: calc(100% - 38px);
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-controls .jw-controls-right {
  bottom: 2em;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-controlbar {
  height: 100%;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-icon-inline, .jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-icon-tooltip, .jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-text-elapsed, .jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-text-duration, .jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player).jw-flag-audio-player .jw-text-countdown {
  height: auto;
  line-height: normal;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-icon-inline, .jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-icon-tooltip {
  min-width: 1.25em;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-small-player) .jw-selection-menu {
  padding: 0 0.25em;
}
.jw-skin-kd .jw-background-color {
  background: rgba(34, 34, 34, 0.8);
}
.jw-skin-kd .jw-text {
  color: #f4f4f4;
}
.jw-skin-kd .jw-knob {
  background-color: #f4f4f4;
  color: #f4f4f4;
}
.jw-skin-kd .jw-button-color {
  color: #f4f4f4;
  fill: #f4f4f4;
}
.jw-skin-kd:not(.jw-flag-touch) .jw-button-color:hover,
.jw-skin-kd .jw-button-color:focus {
  outline: none;
  color: rgba(34, 34, 34, 0.6);
  fill: rgba(34, 34, 34, 0.6);
}
.jw-skin-kd .jw-toggle {
  color: #f4f4f4;
}
.jw-skin-kd .jw-toggle.jw-off {
  color: #8490a0;
}
.theme-1 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-toggle.jw-off:focus {
  color: #8acb01;
}
.jw-skin-kd .jw-toggle:focus {
  outline: none;
}
.theme-1 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #8240ca;
}
.theme-3 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #bd1118;
}
.theme-4 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #cc5302;
}
.theme-5 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #fba90b;
}
.theme-8 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #13a104;
}
.theme-9 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #07696a;
}
.theme-10 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #005a9d;
}
.theme-11 .jw-skin-kd:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
  color: #8acb01;
}
.jw-skin-kd .jw-display-icon-container {
  margin: 0 0.25em;
}
.jw-skin-kd .jw-display-icon-container .jw-icon {
  color: #f4f4f4;
}
.jw-skin-kd .jw-rail {
  background: rgba(34, 34, 34, 0.2);
}
.jw-skin-kd .jw-buffer {
  background: rgba(34, 34, 34, 0.4);
}
.jw-skin-kd .jw-progress {
  background: #f4f4f4;
}
.jw-skin-kd .jw-slider-horizontal {
  height: 0.4em;
}
.jw-skin-kd .jw-slider-horizontal .jw-rail,
.jw-skin-kd .jw-slider-horizontal .jw-buffer,
.jw-skin-kd .jw-slider-horizontal .jw-progress {
  height: 0.4em;
}
.jw-skin-kd .jw-slider-horizontal .jw-knob {
  margin-left: -0.5em;
}
.jw-skin-kd .jw-slider-vertical .jw-knob {
  margin-bottom: -0.5em;
}
.jw-skin-kd .jw-slider-vertical .jw-slider-container,
.jw-skin-kd .jw-slider-vertical .jw-rail,
.jw-skin-kd .jw-slider-vertical .jw-progress {
  width: 0.75em;
}
.jw-skin-kd .jw-menu,
.jw-skin-kd .jw-time-tip,
.jw-skin-kd .jw-volume-tip {
  border: 0;
}
.jw-skin-kd .jw-volume-tip {
  padding: 1em;
}
.jw-skin-kd .jw-skip {
  padding: 0.5em;
}
.jw-skin-kd .jw-skip .jw-skiptext,
.jw-skin-kd .jw-skip .jw-skip-icon {
  color: #8490a0;
}
.jw-skin-kd .jw-skip.jw-skippable:hover .jw-skip-icon,
.jw-skin-kd .jw-skip.jw-skippable:hover .jw-text {
  color: #f4f4f4;
}
.jw-skin-kd .jw-dock-button .jw-text {
  color: #f4f4f4;
}
.jw-skin-kd .jw-dock-button {
  background: #8490a0;
}
.theme-1 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #8240ca;
}
.theme-3 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #bd1118;
}
.theme-4 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #cc5302;
}
.theme-5 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #fba90b;
}
.theme-8 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #13a104;
}
.theme-9 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #07696a;
}
.theme-10 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #005a9d;
}
.theme-11 .jw-skin-kd:not(.jw-flag-touch) .jw-dock-button:hover {
  color: #8acb01;
}
.theme-1 .jw-skin-kd .jw-icon-cast button {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-icon-cast button {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-icon-cast button {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-icon-cast button {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-icon-cast button {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-icon-cast button {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-icon-cast button {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-icon-cast button {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-icon-cast button {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-icon-cast button {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-icon-cast button {
  color: #8acb01;
}
.jw-skin-kd .jw-icon-cast button {
  --disconnected-color: #8490a0 ;
}
.theme-1 .jw-skin-kd .jw-icon-cast button:focus {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-icon-cast button:focus {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-icon-cast button:focus {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-icon-cast button:focus {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-icon-cast button:focus {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-icon-cast button:focus {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-icon-cast button:focus {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-icon-cast button:focus {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-icon-cast button:focus {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-icon-cast button:focus {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-icon-cast button:focus {
  color: #8acb01;
}
.jw-skin-kd .jw-icon-cast button:focus {
  --disconnected-color: #f15173 ;
}
.jw-skin-kd .jw-icon-cast button.jw-off {
  --connected-color: #8490a0 ;
}
.theme-1 .jw-skin-kd .jw-icon-cast:hover button {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-icon-cast:hover button {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-icon-cast:hover button {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-icon-cast:hover button {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-icon-cast:hover button {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-icon-cast:hover button {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-icon-cast:hover button {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-icon-cast:hover button {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-icon-cast:hover button {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-icon-cast:hover button {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-icon-cast:hover button {
  color: #8acb01;
}
.jw-skin-kd .jw-icon-cast:hover button {
  --disconnected-color: #f15173 ;
}
.jw-skin-kd .jw-nextup-container {
  bottom: 2em;
  padding: 5px 0.5em;
}
.jw-skin-kd .jw-nextup {
  border-radius: 0.5em;
}
.jw-skin-kd .jw-nextup-header {
  background: rgba(223, 226, 233, 0.8);
}
.theme-1 .jw-skin-kd .jw-nextup-header {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-nextup-header {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-nextup-header {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-nextup-header {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-nextup-header {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-nextup-header {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-nextup-header {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-nextup-header {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-nextup-header {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-nextup-header {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-nextup-header {
  color: #8acb01;
}
.jw-skin-kd .jw-nextup-body {
  background: rgba(163, 171, 191, 0.8);
  color: #fff;
}
.jw-skin-kd .jw-nextup-thumbnail-visible + .jw-nextup-title:after {
  background: -webkit-linear-gradient(top, rgba(163, 171, 191, 0) 0, #a3abbf 100%);
  background: linear-gradient(-180deg, rgba(163, 171, 191, 0) 0, #a3abbf 100%);
}
.jw-skin-kd .jw-nextup-close {
  color: #8490a0;
}
.theme-1 .jw-skin-kd .jw-nextup-close:active {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-nextup-close:active {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-nextup-close:active {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-nextup-close:active {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-nextup-close:active {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-nextup-close:active {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-nextup-close:active {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-nextup-close:active {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-nextup-close:active {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-nextup-close:active {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-nextup-close:active {
  color: #8acb01;
}
.theme-1 .jw-skin-kd .jw-nextup-close:hover {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-nextup-close:hover {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-nextup-close:hover {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-nextup-close:hover {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-nextup-close:hover {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-nextup-close:hover {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-nextup-close:hover {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-nextup-close:hover {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-nextup-close:hover {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-nextup-close:hover {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-nextup-close:hover {
  color: #8acb01;
}
.jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover, .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display {
  background-color: #f4f4f4;
}
.theme-1 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-1 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-2 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #8240ca;
}
.theme-3 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-3 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #bd1118;
}
.theme-4 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-4 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #cc5302;
}
.theme-5 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-5 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-6 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-7 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #fba90b;
}
.theme-8 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-8 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #13a104;
}
.theme-9 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-9 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #07696a;
}
.theme-10 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-10 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #005a9d;
}
.theme-11 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-display-icon-container:hover .jw-icon, .theme-11 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error):not(.jw-state-buffering) .jw-media:hover ~ .jw-controls .jw-display-icon-display .jw-icon {
  color: #8acb01;
}
.jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover {
  background-color: #f4f4f4;
}
.theme-1 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #8240ca;
}
.theme-3 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #bd1118;
}
.theme-4 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #cc5302;
}
.theme-5 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #fba90b;
}
.theme-8 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #13a104;
}
.theme-9 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #07696a;
}
.theme-10 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #005a9d;
}
.theme-11 .jw-skin-kd.jwplayer:not(.jw-flag-touch):not(.jw-error):not(.jw-state-error) .jw-display-icon-container:hover .jw-icon {
  color: #8acb01;
}
.theme-1 .jw-skin-kd .jw-color-active {
  color: #22b7f2;
  stroke: #22b7f2;
  border-color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-color-active {
  color: #8240ca;
  stroke: #8240ca;
  border-color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-color-active {
  color: #bd1118;
  stroke: #bd1118;
  border-color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-color-active {
  color: #cc5302;
  stroke: #cc5302;
  border-color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-color-active {
  color: #f43b5f;
  stroke: #f43b5f;
  border-color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-color-active {
  color: #0cd2de;
  stroke: #0cd2de;
  border-color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-color-active {
  color: #fba90b;
  stroke: #fba90b;
  border-color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-color-active {
  color: #13a104;
  stroke: #13a104;
  border-color: #13a104;
}
.theme-9 .jw-skin-kd .jw-color-active {
  color: #07696a;
  stroke: #07696a;
  border-color: #07696a;
}
.theme-10 .jw-skin-kd .jw-color-active {
  color: #005a9d;
  stroke: #005a9d;
  border-color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-color-active {
  color: #8acb01;
  stroke: #8acb01;
  border-color: #8acb01;
}
.theme-1 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #22b7f2;
  stroke: #22b7f2;
  border-color: #22b7f2;
}
.theme-2 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #8240ca;
  stroke: #8240ca;
  border-color: #8240ca;
}
.theme-3 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #bd1118;
  stroke: #bd1118;
  border-color: #bd1118;
}
.theme-4 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #cc5302;
  stroke: #cc5302;
  border-color: #cc5302;
}
.theme-5 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #f43b5f;
  stroke: #f43b5f;
  border-color: #f43b5f;
}
.theme-6 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #0cd2de;
  stroke: #0cd2de;
  border-color: #0cd2de;
}
.theme-7 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #fba90b;
  stroke: #fba90b;
  border-color: #fba90b;
}
.theme-8 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #13a104;
  stroke: #13a104;
  border-color: #13a104;
}
.theme-9 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #07696a;
  stroke: #07696a;
  border-color: #07696a;
}
.theme-10 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #005a9d;
  stroke: #005a9d;
  border-color: #005a9d;
}
.theme-11 .jw-skin-kd:not(.jw-flag-touch) .jw-color-active-hover:hover {
  color: #8acb01;
  stroke: #8acb01;
  border-color: #8acb01;
}
.jw-skin-kd .jw-color-inactive {
  color: #8490a0;
  stroke: #8490a0;
  border-color: #8490a0;
}
.jw-skin-kd:not(.jw-flag-touch) .jw-color-inactive-hover:hover {
  color: #8490a0;
  stroke: #8490a0;
  border-color: #8490a0;
}
.jw-skin-kd .jw-option.jw-active-option {
  background-color: rgba(255, 255, 255, 0.5);
}
.theme-1 .jw-skin-kd .jw-option.jw-active-option {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-option.jw-active-option {
  color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-option.jw-active-option {
  color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-option.jw-active-option {
  color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-option.jw-active-option {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-option.jw-active-option {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-option.jw-active-option {
  color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-option.jw-active-option {
  color: #13a104;
}
.theme-9 .jw-skin-kd .jw-option.jw-active-option {
  color: #07696a;
}
.theme-10 .jw-skin-kd .jw-option.jw-active-option {
  color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-option.jw-active-option {
  color: #8acb01;
}
.theme-1 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #22b7f2;
}
.theme-2 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #8240ca;
}
.theme-3 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #bd1118;
}
.theme-4 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #cc5302;
}
.theme-5 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #f43b5f;
}
.theme-6 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #0cd2de;
}
.theme-7 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #fba90b;
}
.theme-8 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #13a104;
}
.theme-9 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #07696a;
}
.theme-10 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #005a9d;
}
.theme-11 .jw-skin-kd:not(.jw-flag-touch) .jw-option:hover {
  color: #8acb01;
}
.theme-1 .jw-skin-kd .jw-display-icon-container {
  background-color: #22b7f2;
}
.theme-2 .jw-skin-kd .jw-display-icon-container {
  background-color: #8240ca;
}
.theme-3 .jw-skin-kd .jw-display-icon-container {
  background-color: #bd1118;
}
.theme-4 .jw-skin-kd .jw-display-icon-container {
  background-color: #cc5302;
}
.theme-5 .jw-skin-kd .jw-display-icon-container {
  background-color: #f43b5f;
}
.theme-6 .jw-skin-kd .jw-display-icon-container {
  background-color: #0cd2de;
}
.theme-7 .jw-skin-kd .jw-display-icon-container {
  background-color: #fba90b;
}
.theme-8 .jw-skin-kd .jw-display-icon-container {
  background-color: #13a104;
}
.theme-9 .jw-skin-kd .jw-display-icon-container {
  background-color: #07696a;
}
.theme-10 .jw-skin-kd .jw-display-icon-container {
  background-color: #005a9d;
}
.theme-11 .jw-skin-kd .jw-display-icon-container {
  background-color: #8acb01;
}
.jw-skin-kd .jw-display-controls .jw-display-icon-container {
  border-radius: 50px;
}
.jw-skin-kd .jw-display-controls .jw-display-icon-container .jw-icon {
  height: 52px;
  line-height: 100px;
  width: 88px;
}
.jw-skin-kd .jw-display-controls .jw-display-icon-container .jw-icon .jw-svg-icon {
  height: 36px;
  width: 36px;
}
.jw-skin-kd .jw-icon-inline,
.jw-skin-kd .jw-icon-tooltip,
.jw-skin-kd .jw-text-elapsed,
.jw-skin-kd .jw-text-countdown,
.jw-skin-kd .jw-text-duration {
  padding: 0 0.5em;
}
.jw-skin-kd .jw-text-duration {
  padding: 0;
}
.jw-skin-kd .jw-text-elapsed {
  padding: 0 0 0 0.5em;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-audio-player) .jw-controlbar,
.jw-skin-kd .jw-flag-ads.jw-flag-touch:not(.jw-flag-ads-vpaid):not(.jw-flag-time-slider-above):not(.jw-flag-audio-player) .jw-controlbar,
.jw-skin-kd .jw-flag-ads.jw-flag-touch.jw-flag-autostart:not(.jw-flag-ads-vpaid):not(.jw-flag-time-slider-above):not(.jw-flag-audio-player) .jw-controlbar {
  display: inline-block;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-audio-player):not(.jw-breakpoint-0).jw-flag-ads-googleima .jw-controlbar {
  bottom: 0;
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-audio-player):not(.jw-breakpoint-0) .jw-captions {
  max-height: calc(100% - 46px);
}
.jw-skin-kd.jwplayer:not(.jw-flag-time-slider-above):not(.jw-flag-audio-player):not(.jw-breakpoint-0) video::-webkit-media-text-track-container {
  max-height: calc(100% - 46px);
}
.jw-skin-kd:not(.jw-flag-time-slider-above):not(.jw-flag-audio-player):not(.jw-flag-small-player).jw-ie.jw-flag-ads .jw-controlbar-center-group .jw-text-alt {
  top: 1px;
}
.jw-skin-kd:not(.jw-flag-time-slider-above) .jw-nextup-container {
  bottom: 3.2em;
  padding-left: 0;
  padding-right: 0;
  max-width: 800px;
}
.jw-skin-kd:not(.jw-flag-time-slider-above).jw-breakpoint-2 .jw-nextup-container, .jw-skin-kd:not(.jw-flag-time-slider-above).jw-breakpoint-3 .jw-nextup-container, .jw-skin-kd:not(.jw-flag-time-slider-above).jw-breakpoint-4 .jw-nextup-container {
  padding-left: 2%;
  padding-right: 2%;
}
.jw-skin-kd .jw-flag-audio-player .jw-controlbar {
  bottom: 0;
}
.jw-skin-kd .jw-rail,
.jw-skin-kd .jw-progress,
.jw-skin-kd .jw-buffer {
  border-radius: 1em;
}
.jw-skin-kd .jw-slider-volume {
  border: 0;
}
.jw-skin-kd .jw-slider-volume .jw-rail {
  background-color: rgba(244, 244, 244, 0.3);
}
.jw-skin-kd .jw-slider-volume .jw-knob {
  box-shadow: 0 1px 5px 1px rgba(34, 34, 34, 0.6);
}
.jw-skin-kd .jw-knob {
  background-color: #fff;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-shadow: 0 1px 5px 1px rgba(34, 34, 34, 0.4);
}
.jw-skin-kd .jw-slider-horizontal {
  background: none;
}
.jw-skin-kd .jw-slider-horizontal .jw-cue {
  top: 0.075em;
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background-color: #fff;
}
.jw-skin-kd .jw-slider-vertical .jw-rail,
.jw-skin-kd .jw-slider-vertical .jw-progress {
  width: 0.4em;
}
.jw-skin-kd .jw-slider-vertical .jw-slider-container {
  width: 0.75em;
}
.jw-skin-kd .jw-flag-time-slider-above .jw-slider-vertical .jw-slider-container {
  width: 0.8em;
}
.jw-skin-kd .jw-time-tip,
.jw-skin-kd .jw-volume-tip,
.jw-skin-kd .jw-menu {
  border-radius: 0.25em;
}
.jw-skin-kd .jw-volume-tip,
.jw-skin-kd .jw-menu {
  bottom: 0.3em;
}
.jw-skin-kd .jw-dock .jw-dock-button {
  border-radius: 50%;
}
.jw-skin-kd .jw-dock .jw-overlay {
  border-radius: 2.5em;
}
.jw-skin-kd .jw-skip {
  border-radius: 1em;
  padding: 0.25em 1em;
}
.jw-skin-kd .jw-controls .jw-settings-menu {
  display: none !important;
}
.jw-skin-kd .jw-button-container {
  height: 100%;
}
.jw-skin-kd.jw-breakpoint-7 .jw-button-container {
  height: 68px;
}

.jwplayer.jw-skin-kdtest.jw-state-idle .jw-controls {
  background: rgba(255, 255, 255, 0.7);
}
.jwplayer.jw-skin-kdtest.jw-state-complete .jw-title .jw-title-primary, .jwplayer.jw-skin-kdtest.jw-state-complete .jw-title .jw-title-secondary {
  display: none;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-1 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container {
  height: 80px;
  width: 80px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.theme-1 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-2 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-3 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-4 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-5 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-6 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-7 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-8 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-9 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-10 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.theme-11 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  color: #fff;
}
.jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  height: 40px;
  width: 40px;
  padding: 20px;
}
.jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-3 .jw-display-controls .jw-display-icon-container, .jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-2 .jw-display-controls .jw-display-icon-container {
  height: 60px;
  width: 60px;
}
.jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-1 .jw-display-controls .jw-display-icon-container, .jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-0 .jw-display-controls .jw-display-icon-container {
  height: 40px;
  width: 40px;
}
.jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-3 .jw-display-controls .jw-display-icon-container .jw-icon, .jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-2 .jw-display-controls .jw-display-icon-container .jw-icon {
  height: 40px;
  width: 40px;
  padding: 10px;
}
.jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-1 .jw-display-controls .jw-display-icon-container .jw-icon, .jwplayer.jw-skin-kdtest.jw-state-idle.jw-breakpoint-0 .jw-display-controls .jw-display-icon-container .jw-icon {
  height: 20px;
  width: 20px;
  padding: 10px;
}
.theme-1 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon:hover {
  color: #fff;
}
.jwplayer.jw-skin-kdtest.jw-state-paused .jw-controls {
  background-color: rgba(244, 244, 244, 0.3);
}
.jwplayer.jw-skin-kdtest.jw-state-idle .jw-title {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.jwplayer.jw-skin-kdtest.jw-breakpoint-3 .jw-title-primary, .jwplayer.jw-skin-kdtest.jw-breakpoint-2 .jw-title-primary, .jwplayer.jw-skin-kdtest.jw-breakpoint-1 .jw-title-primary, .jwplayer.jw-skin-kdtest.jw-breakpoint-0 .jw-title-primary {
  font-size: 22px;
}
.jwplayer.jw-skin-kdtest.jw-breakpoint-3 .jw-title-secondary, .jwplayer.jw-skin-kdtest.jw-breakpoint-2 .jw-title-secondary {
  font-size: 14px;
}
.jwplayer.jw-skin-kdtest.jw-breakpoint-1 .jw-title-secondary, .jwplayer.jw-skin-kdtest.jw-breakpoint-0 .jw-title-secondary {
  display: none;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar {
  background-color: #8acb01;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.jwplayer.jw-skin-kdtest.jw-state-paused .jw-controlbar .jw-button-container .jw-button-color {
  color: #fff;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-button-container .jw-button-color:hover {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip {
  bottom: 70%;
  box-shadow: none;
}
.jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  border-radius: 5px;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip.jw-open {
  background-color: #8acb01;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-controlbar .jw-tooltip .jw-text {
  border-radius: 5px;
  border: 0;
}
.jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  color: #fff;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-text {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-volume-tip, .jwplayer.jw-skin-kdtest .jw-time-tip {
  padding-bottom: 0;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-1 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-2 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-3 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-4 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-5 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-6 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-7 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-8 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-9 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-10 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-volume-tip, .theme-11 .jwplayer.jw-skin-kdtest .jw-time-tip {
  color: #8acb01;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
  background-color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-rail {
  background-color: #1E1E1E;
}
.jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-buffer {
  background-color: #f4f4f4;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-1 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(82.1666666667, 198.6923076923, 244.8333333333);
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-2 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(182.2540983607, 143.8442622951, 224.1557377049);
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-3 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(238.3300970874, 69.6699029126, 76.5339805825);
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-4 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(253.0388349515, 134.3883495146, 54.9611650485);
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-5 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(249.4202898551, 155.5797101449, 173.8405797101);
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-6 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(89.9230769231, 237.1538461538, 246.0769230769);
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-7 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(252.6451612903, 204.3709677419, 111.3548387097);
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-8 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(39.9818181818, 249.1090909091, 17.8909090909);
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-9 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(13.3185840708, 199.7787610619, 201.6814159292);
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-10 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: rgb(4, 147.8853503185, 255);
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress, .theme-11 .jwplayer.jw-skin-kdtest .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
  background-color: #bdfe34;
}
.jwplayer.jw-skin-kdtest .jw-settings-menu {
  background-color: transparent;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar {
  background-color: #8acb01;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
  color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-submenu {
  background-color: rgba(255, 255, 255, 0.65);
}
.jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item {
  color: #fff;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-content-item:hover {
  font-weight: bold;
}
.theme-1 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #22b7f2;
}
.theme-2 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #8240ca;
}
.theme-3 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #bd1118;
}
.theme-4 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #cc5302;
}
.theme-5 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #f43b5f;
}
.theme-6 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #0cd2de;
}
.theme-7 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #fba90b;
}
.theme-8 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #13a104;
}
.theme-9 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #07696a;
}
.theme-10 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #005a9d;
}
.theme-11 .jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  color: #8acb01;
}
.jwplayer.jw-skin-kdtest .jw-settings-menu .jw-settings-item-active {
  font-weight: bold;
}

.modal {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  outline: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-processing {
  margin: 0 auto;
  margin-top: 200px;
  position: relative;
  text-align: center;
  width: 340px;
  z-index: 9999;
}
.modal-processing-text {
  color: #fff !important;
  display: block;
  margin-top: 20px;
}

#processing-modal, #alert-modal {
  z-index: 9998;
}

#alert-modal .modal-dialog-body {
  padding-bottom: 75px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}

.modal-dialog {
  margin: 122px auto;
  outline: 0;
  width: 600px;
}
@media screen and (max-width: 600px) {
  .modal-dialog {
    width: 100%;
  }
}
.modal-dialog .modal-content {
  background-color: #fff;
  outline: 0;
  position: relative;
}
.modal-dialog .modal-content-popup {
  background-color: #fff;
  outline: 0;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
.modal-dialog-header {
  padding-bottom: 15px;
  padding-top: 40px;
  position: relative;
  text-align: center;
}
.modal-dialog-header.modal-squished {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.modal-dialog-header .modal-close {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
  background-color: #22b7f2 !important;
  border: 3px solid #fff;
  height: 40px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 40px;
}
@media screen and (max-width: 480px) {
  .modal-dialog-header .modal-close {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    font-size: 0.875rem;
    border: none;
    background-color: #bbb !important;
    color: #888;
    font-family: "myriad-pro", sans-serif;
    font-weight: 700;
    top: 0;
    right: 0;
    text-transform: uppercase;
  }
}
.modal-dialog-header .modal-close [class^=icon] {
  color: #fff;
  display: block;
  left: 10px;
  position: absolute;
  top: 10px;
}
@media screen and (max-width: 480px) {
  .modal-dialog-header .modal-close [class^=icon] {
    display: block;
    left: 14px;
    top: 14px;
  }
}
.modal-dialog-header .close-mobile {
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: none;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  /*@include respond(phone) {
      display: block;
  }*/
}
.modal-dialog-header .close-mobile-container {
  background-color: #eee;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-dialog-header .close-mobile-container [class^=icon] {
  color: #888;
  float: left;
  font-size: 24px;
}
@media screen and (max-width: 480px) {
  .modal-dialog-header h2 {
    text-align: left;
    padding-left: 26px;
  }
}
.modal-dialog-body {
  position: relative;
}
.modal-dialog-body .fieldset {
  margin-top: 15px;
}
.modal-dialog-body-padding {
  padding: 0 90px;
}
@media screen and (max-width: 768px) {
  .modal-dialog-body-padding {
    padding: 0 48px;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-body-padding {
    padding: 0 16px;
  }
}
.modal-dialog-body-centered {
  text-align: center;
}
.modal-dialog-body-centered p {
  margin-top: 22px;
}
.modal-dialog-body-centered .button-tertiary--large,
.modal-dialog-body-centered .button-secondary--large {
  width: 100%;
  margin: 26px 0 0 0;
}
.modal-dialog-body-centered .mutedlink {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888 !important;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0.7px;
  text-decoration: underline;
  text-transform: uppercase;
  display: block;
  margin-top: 26px;
  margin-bottom: 42px;
}
.theme-1 .modal-dialog-body-centered .mutedlink:hover {
  color: #22b7f2 !important;
}
.theme-2 .modal-dialog-body-centered .mutedlink:hover {
  color: #8240ca !important;
}
.theme-3 .modal-dialog-body-centered .mutedlink:hover {
  color: #bd1118 !important;
}
.theme-4 .modal-dialog-body-centered .mutedlink:hover {
  color: #cc5302 !important;
}
.theme-5 .modal-dialog-body-centered .mutedlink:hover {
  color: #f43b5f !important;
}
.theme-6 .modal-dialog-body-centered .mutedlink:hover {
  color: #0cd2de !important;
}
.theme-7 .modal-dialog-body-centered .mutedlink:hover {
  color: #fba90b !important;
}
.theme-8 .modal-dialog-body-centered .mutedlink:hover {
  color: #13a104 !important;
}
.theme-9 .modal-dialog-body-centered .mutedlink:hover {
  color: #07696a !important;
}
.theme-10 .modal-dialog-body-centered .mutedlink:hover {
  color: #005a9d !important;
}
.theme-11 .modal-dialog-body-centered .mutedlink:hover {
  color: #8acb01 !important;
}
.modal-dialog-body .prompt {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 50px;
  text-align: center;
}
.modal-dialog-body .prompt--medium {
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
}
.modal-dialog-body .prompt--large {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .modal-dialog-body .prompt--large {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.modal-dialog-body .prompt--spaced {
  padding-top: 50px;
}
.modal-dialog-body .promptPopUp {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-bottom: 30px;
  text-align: center;
}
.modal-dialog-body .promptPopUp p + p {
  margin-top: 3px;
}
.modal-dialog-body .promptPopUp--medium {
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
}
.modal-dialog-body .promptPopUp--large {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .modal-dialog-body .promptPopUp--large {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.modal-dialog-body .promptPopUp--spaced {
  padding-top: 50px;
}
.modal-dialog-body .prompt-highlight {
  color: #22b7f2;
}
.modal-dialog-footer {
  background-color: #f4f4f4;
  border-top: 1px solid #eee;
  padding: 25px 0;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer {
    padding: 25px;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer button,
  .modal-dialog-footer .button {
    display: block;
    width: 100%;
    margin: 0 0 7px 0;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer button + button {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer .button-primary {
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer .button-popUp-primary {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer .button-popUp-tertiary {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    top: 0px !important;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .modal-dialog-footer .button-tertiary:not(.assessment__publish-footer-cancel-button) {
    position: relative;
    top: 56px;
  }
}
.modal-dialog.modal-dialog--large {
  width: 100% !important;
  max-width: 880px !important;
}
.modal-dialog.modal-dialog--very-large {
  width: 100% !important;
  max-width: 1083px !important;
}
.modal-dialog.modal-dialog--full-screen {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: white;
}
.modal-dialog.modal-dialog--full-screen .modal-close {
  display: none;
}
.modal-dialog.modal-dialog--full-screen .modal-title {
  margin-top: 116px;
}
.modal-dialog.modal-dialog--full-screen .modal-dialog-body {
  width: 880px;
  margin: auto;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .modal-dialog.modal-dialog--full-screen .modal-dialog-body {
    width: 100%;
  }
}
.modal-dialog.modal-dialog--full-screen .modal-dialog-footer {
  background: white;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
}
.modal-dialog .modal__header--fullscreen {
  display: block !important;
  height: 116px;
  position: absolute;
  overflow-y: unset;
}

.confirm-modal-body {
  padding-bottom: 75px;
  padding-top: 35px;
  text-align: center;
}
.confirm-modal-body--flat {
  padding-bottom: 20px;
  padding-top: 0;
}
.confirm-modal-body h3 {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #222;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: normal;
}
.confirm-modal-body--scrollable {
  max-height: 430px;
  overflow-y: auto;
  padding: 0 0 0 10px;
}

.large-image-modal {
  background: rgba(17, 17, 17, 0.92);
  display: none;
  z-index: 1000;
}
.large-image-modal-body {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 130px;
}
.large-image-modal-close {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 30px;
  top: 43px;
}
.large-image-modal-close span {
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  margin-right: 12px;
  margin-top: 13px;
  text-transform: uppercase;
}
.large-image-modal-close .close-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.theme-1 .large-image-modal-close .close-circle {
  background-color: #22b7f2;
}
.theme-2 .large-image-modal-close .close-circle {
  background-color: #8240ca;
}
.theme-3 .large-image-modal-close .close-circle {
  background-color: #bd1118;
}
.theme-4 .large-image-modal-close .close-circle {
  background-color: #cc5302;
}
.theme-5 .large-image-modal-close .close-circle {
  background-color: #f43b5f;
}
.theme-6 .large-image-modal-close .close-circle {
  background-color: #0cd2de;
}
.theme-7 .large-image-modal-close .close-circle {
  background-color: #fba90b;
}
.theme-8 .large-image-modal-close .close-circle {
  background-color: #13a104;
}
.theme-9 .large-image-modal-close .close-circle {
  background-color: #07696a;
}
.theme-10 .large-image-modal-close .close-circle {
  background-color: #005a9d;
}
.theme-11 .large-image-modal-close .close-circle {
  background-color: #8acb01;
}
.large-image-modal-close .close-circle {
  border: 2px solid #fff;
  float: right;
  height: 50px;
  width: 50px;
}
.large-image-modal-close .close-circle [class^=icon] {
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  margin-left: 14px;
  margin-top: 14px;
}
.large-image-modal-close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.large-image-modal-image {
  width: 100%;
}
.large-image-modal-image img {
  display: block;
  max-width: 100%;
}
.large-image-modal-caption {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.large-image-modal-caption:last-child {
  margin-right: 0;
}
.large-image-modal-caption {
  margin-left: 14.7019570017%;
  margin-top: 54px;
  padding-bottom: 70px;
}
.large-image-modal-caption, .large-image-modal-caption p {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  color: #fff !important;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
}

.renewal-expired-modal .modal-dialog-header,
.renewal-friendly-modal .modal-dialog-header,
.renewal-urgent-modal .modal-dialog-header {
  margin-top: 35px;
  padding-bottom: 0;
}
@media screen and (max-width: 480px) {
  .renewal-expired-modal .modal-dialog-header,
  .renewal-friendly-modal .modal-dialog-header,
  .renewal-urgent-modal .modal-dialog-header {
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .renewal-expired-modal .modal-dialog-header h2,
  .renewal-friendly-modal .modal-dialog-header h2,
  .renewal-urgent-modal .modal-dialog-header h2 {
    text-align: center;
    padding: 0 26px;
  }
}
.renewal-expired-modal .modal-dialog-footer p,
.renewal-friendly-modal .modal-dialog-footer p,
.renewal-urgent-modal .modal-dialog-footer p {
  font-family: "ff-meta-serif-web-pro", serif;
  margin: 0 165px 26px 165px;
}

.renewal-expired-modal .modal-dialog-footer {
  background-color: #f5edc5;
}
.renewal-expired-modal .modal-dialog-footer p {
  color: #92895e;
  margin: 0 70px 26px 70px;
}
@media screen and (max-width: 480px) {
  .renewal-expired-modal .modal-dialog-footer p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }
}

.renewal-expired-modal .modal-dialog-footer .popUp {
  background-color: #f5edc5;
  margin-bottom: 20px;
}
.renewal-expired-modal .modal-dialog-footer .popUp p {
  color: #92895e;
  margin: 0 70px 0px 70px;
}
@media screen and (max-width: 480px) {
  .renewal-expired-modal .modal-dialog-footer .popUp p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }
}

.renewal-friendly-modal .modal-dialog-footer {
  background-color: #f5edc5;
}
.renewal-friendly-modal .modal-dialog-footer p {
  color: #92895e;
}

.renewal-urgent-modal .modal-dialog-footer {
  background-color: #fdebec;
}
.renewal-urgent-modal .modal-dialog-footer p {
  color: #9d393c;
}

.kd-yellow-modal .button-primary {
  background-color: #fbd20b;
}
.kd-yellow-modal .button-primary.active, .kd-yellow-modal .button-primary:hover {
  background-color: rgb(207.5967741935, 172.7137096774, 3.4032258065);
}
.kd-yellow-modal .button-primary[disabled] {
  background-color: rgba(251, 210, 11, 0.2);
}

.content-modal--flat {
  width: 800px;
}
.content-modal--flat .confirm-modal-body {
  padding-bottom: 0;
}

.modal-with-iframe {
  width: 700px;
}

.modal-with-iframe__header {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .modal-with-iframe__header {
    width: 100vw;
  }
}
.modal-with-iframe__header .modal-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2rem;
}

.modal__email-link {
  font-size: 1.3125rem;
}

.modal-dialog-header--centered .modal-title {
  text-align: center;
}

.modal-dialog-body-padding--flat {
  padding-top: 0;
}

.negative-results {
  font-family: "ff-meta-serif-web-pro", serif;
  margin-top: 66px;
  text-align: center;
}
.negative-results__header {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  margin-bottom: 14px;
}
.negative-results__message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #bbb;
  font-style: italic;
}
.negative-results__message a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.negative-results__actions {
  margin-top: 40px;
}
.negative-results__actions [class^=button] {
  margin-bottom: 10px;
}

.pager-container {
  margin-top: 47px;
  text-align: center;
}

.pagination {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 20px 0;
  padding-left: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a, .pagination > li > span {
  float: left;
  font-size: 18px;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
}
.pagination > li > a:hover {
  background-color: #f4f4f4;
}
.theme-1 .pagination > li.active > a, .theme-1 .pagination > li.active > span {
  background-color: #22b7f2;
}
.theme-2 .pagination > li.active > a, .theme-2 .pagination > li.active > span {
  background-color: #8240ca;
}
.theme-3 .pagination > li.active > a, .theme-3 .pagination > li.active > span {
  background-color: #bd1118;
}
.theme-4 .pagination > li.active > a, .theme-4 .pagination > li.active > span {
  background-color: #cc5302;
}
.theme-5 .pagination > li.active > a, .theme-5 .pagination > li.active > span {
  background-color: #f43b5f;
}
.theme-6 .pagination > li.active > a, .theme-6 .pagination > li.active > span {
  background-color: #0cd2de;
}
.theme-7 .pagination > li.active > a, .theme-7 .pagination > li.active > span {
  background-color: #fba90b;
}
.theme-8 .pagination > li.active > a, .theme-8 .pagination > li.active > span {
  background-color: #13a104;
}
.theme-9 .pagination > li.active > a, .theme-9 .pagination > li.active > span {
  background-color: #07696a;
}
.theme-10 .pagination > li.active > a, .theme-10 .pagination > li.active > span {
  background-color: #005a9d;
}
.theme-11 .pagination > li.active > a, .theme-11 .pagination > li.active > span {
  background-color: #8acb01;
}
.pagination > li.active > a, .pagination > li.active > span {
  color: #fff;
  cursor: default;
  z-index: 2;
}
.pagination > li:first-child span, .pagination > li:first-child a {
  margin-right: 15px;
}
.pagination > li:last-child span, .pagination > li:last-child a {
  margin-left: 15px;
}
.pagination > li.disabled span, .pagination > li.disabled a {
  color: #888;
}

.pricing-table {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .pricing-table {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.pricing-table.-recommendations-only li {
  display: none;
}
.pricing-table.-recommendations-only li.-display {
  display: block;
}
.pricing-option {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%;
}
.pricing-option:last-child {
  margin-right: 0;
}
.pricing-option {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  position: relative;
}
.pricing-option a {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #888;
  display: block;
  text-align: center;
}
.pricing-option:hover {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.theme-1 .pricing-option:hover a {
  color: #22b7f2;
}
.theme-2 .pricing-option:hover a {
  color: #8240ca;
}
.theme-3 .pricing-option:hover a {
  color: #bd1118;
}
.theme-4 .pricing-option:hover a {
  color: #cc5302;
}
.theme-5 .pricing-option:hover a {
  color: #f43b5f;
}
.theme-6 .pricing-option:hover a {
  color: #0cd2de;
}
.theme-7 .pricing-option:hover a {
  color: #fba90b;
}
.theme-8 .pricing-option:hover a {
  color: #13a104;
}
.theme-9 .pricing-option:hover a {
  color: #07696a;
}
.theme-10 .pricing-option:hover a {
  color: #005a9d;
}
.theme-11 .pricing-option:hover a {
  color: #8acb01;
}
.pricing-option em {
  display: block;
}
.pricing-option-name {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
}
.pricing-option-amount {
  font-size: 68px;
  font-size: 4.25rem;
  line-height: 68px;
  line-height: 4.25rem;
  font-family: "superclarendon", serif;
  font-weight: 700;
}
.pricing-option-amount sub {
  bottom: 0;
  font-size: 30%;
  text-transform: uppercase;
}
.pricing-option-amount sup {
  font-size: 44%;
  top: -0.9em;
}
.pricing-option-access {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
  margin-top: 24px;
}
.pricing-option-details {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "ff-meta-serif-web-pro", serif;
  list-style: none;
  padding: 0;
  margin: 26px 0 0 0;
}
.theme-1 .pricing-option.selected {
  background-color: #22b7f2;
}
.theme-2 .pricing-option.selected {
  background-color: #8240ca;
}
.theme-3 .pricing-option.selected {
  background-color: #bd1118;
}
.theme-4 .pricing-option.selected {
  background-color: #cc5302;
}
.theme-5 .pricing-option.selected {
  background-color: #f43b5f;
}
.theme-6 .pricing-option.selected {
  background-color: #0cd2de;
}
.theme-7 .pricing-option.selected {
  background-color: #fba90b;
}
.theme-8 .pricing-option.selected {
  background-color: #13a104;
}
.theme-9 .pricing-option.selected {
  background-color: #07696a;
}
.theme-10 .pricing-option.selected {
  background-color: #005a9d;
}
.theme-11 .pricing-option.selected {
  background-color: #8acb01;
}
.pricing-option.selected:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.theme-1 .pricing-option.selected:before {
  background-color: #fbd20b;
}
.theme-2 .pricing-option.selected:before {
  background-color: #3cfdf2;
}
.theme-3 .pricing-option.selected:before {
  background-color: #eee7cb;
}
.theme-4 .pricing-option.selected:before {
  background-color: #efc416;
}
.theme-5 .pricing-option.selected:before {
  background-color: #0cd2de;
}
.theme-6 .pricing-option.selected:before {
  background-color: #fceb92;
}
.theme-7 .pricing-option.selected:before {
  background-color: #ffefb5;
}
.theme-8 .pricing-option.selected:before {
  background-color: #8df5f9;
}
.theme-9 .pricing-option.selected:before {
  background-color: #e6eaa7;
}
.theme-10 .pricing-option.selected:before {
  background-color: #94e1fe;
}
.theme-11 .pricing-option.selected:before {
  background-color: #e0f18f;
}
.pricing-option.selected:before {
  border: 2px solid #fff;
  content: "\e628";
  color: #222;
  font-family: "kdi-icons";
  height: 42px;
  left: 0;
  margin: 0 auto;
  padding: 10px 0 0 10px;
  position: absolute;
  right: 0;
  top: -21px;
  width: 42px;
}
.pricing-option.selected a {
  color: #fff !important;
}
.pricing-option.horizontal {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
}
.pricing-option.horizontal:last-child {
  margin-right: 0;
}
.pricing-option.horizontal {
  margin-top: 46px;
}
.pricing-option.horizontal .pricing-option-link {
  cursor: default;
  height: auto;
  padding: 20px 0 30px 0;
}
@media screen and (max-width: 900px) {
  .pricing-option.horizontal .pricing-option-link {
    padding: 0;
  }
}
.pricing-option.horizontal .pricing-option-name {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.pricing-option.horizontal .pricing-option-name:last-child {
  margin-right: 0;
}
.pricing-option.horizontal .pricing-option-name {
  line-height: 24px;
  line-height: 1.5rem;
}
.pricing-option.horizontal .pricing-option-access {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%;
}
.pricing-option.horizontal .pricing-option-access:last-child {
  margin-right: 0;
}
.pricing-option.horizontal .pricing-option-access {
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 0;
  text-align: left;
}
.pricing-option.horizontal .pricing-option-details {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%;
}
.pricing-option.horizontal .pricing-option-details:last-child {
  margin-right: 0;
}
.pricing__continue-button-wrapper {
  text-align: right;
  margin: 20px;
}
.pricing__continue-button {
  padding: 16px 25px;
}

.ruler-constraint {
  position: relative;
}
.ruler-constraint.ruler-on {
  padding-bottom: 302px;
}

.reading-ruler {
  cursor: move;
  display: none;
  left: 0;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index: 3;
}
.theme-1 .reading-ruler-close {
  background-color: rgba(34, 183, 242, 0.2);
}
.theme-2 .reading-ruler-close {
  background-color: rgba(130, 64, 202, 0.2);
}
.theme-3 .reading-ruler-close {
  background-color: rgba(189, 17, 24, 0.2);
}
.theme-4 .reading-ruler-close {
  background-color: rgba(204, 83, 2, 0.2);
}
.theme-5 .reading-ruler-close {
  background-color: rgba(244, 59, 95, 0.2);
}
.theme-6 .reading-ruler-close {
  background-color: rgba(12, 210, 222, 0.2);
}
.theme-7 .reading-ruler-close {
  background-color: rgba(251, 169, 11, 0.2);
}
.theme-8 .reading-ruler-close {
  background-color: rgba(19, 161, 4, 0.2);
}
.theme-9 .reading-ruler-close {
  background-color: rgba(7, 105, 106, 0.2);
}
.theme-10 .reading-ruler-close {
  background-color: rgba(0, 90, 157, 0.2);
}
.theme-11 .reading-ruler-close {
  background-color: rgba(138, 203, 1, 0.2);
}
.reading-ruler-close {
  display: block;
  height: 35px;
  position: absolute;
  right: 0;
  top: -35px;
  width: 35px;
}
.theme-1 .reading-ruler-close [class^=icon] {
  color: #22b7f2;
}
.theme-2 .reading-ruler-close [class^=icon] {
  color: #8240ca;
}
.theme-3 .reading-ruler-close [class^=icon] {
  color: #bd1118;
}
.theme-4 .reading-ruler-close [class^=icon] {
  color: #cc5302;
}
.theme-5 .reading-ruler-close [class^=icon] {
  color: #f43b5f;
}
.theme-6 .reading-ruler-close [class^=icon] {
  color: #0cd2de;
}
.theme-7 .reading-ruler-close [class^=icon] {
  color: #fba90b;
}
.theme-8 .reading-ruler-close [class^=icon] {
  color: #13a104;
}
.theme-9 .reading-ruler-close [class^=icon] {
  color: #07696a;
}
.theme-10 .reading-ruler-close [class^=icon] {
  color: #005a9d;
}
.theme-11 .reading-ruler-close [class^=icon] {
  color: #8acb01;
}
.reading-ruler-close [class^=icon] {
  display: block;
  font-size: 12px;
  margin-left: 11px;
  margin-top: 12px;
}
.reading-ruler-viewport {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.theme-1 .reading-ruler-viewport {
  background-color: #22b7f2;
}
.theme-2 .reading-ruler-viewport {
  background-color: #8240ca;
}
.theme-3 .reading-ruler-viewport {
  background-color: #bd1118;
}
.theme-4 .reading-ruler-viewport {
  background-color: #cc5302;
}
.theme-5 .reading-ruler-viewport {
  background-color: #f43b5f;
}
.theme-6 .reading-ruler-viewport {
  background-color: #0cd2de;
}
.theme-7 .reading-ruler-viewport {
  background-color: #fba90b;
}
.theme-8 .reading-ruler-viewport {
  background-color: #13a104;
}
.theme-9 .reading-ruler-viewport {
  background-color: #07696a;
}
.theme-10 .reading-ruler-viewport {
  background-color: #005a9d;
}
.theme-11 .reading-ruler-viewport {
  background-color: #8acb01;
}
.reading-ruler-viewport {
  height: 105px;
}
.reading-ruler-blocker {
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.theme-1 .reading-ruler-blocker {
  background-color: #22b7f2;
}
.theme-2 .reading-ruler-blocker {
  background-color: #8240ca;
}
.theme-3 .reading-ruler-blocker {
  background-color: #bd1118;
}
.theme-4 .reading-ruler-blocker {
  background-color: #cc5302;
}
.theme-5 .reading-ruler-blocker {
  background-color: #f43b5f;
}
.theme-6 .reading-ruler-blocker {
  background-color: #0cd2de;
}
.theme-7 .reading-ruler-blocker {
  background-color: #fba90b;
}
.theme-8 .reading-ruler-blocker {
  background-color: #13a104;
}
.theme-9 .reading-ruler-blocker {
  background-color: #07696a;
}
.theme-10 .reading-ruler-blocker {
  background-color: #005a9d;
}
.theme-11 .reading-ruler-blocker {
  background-color: #8acb01;
}
.reading-ruler-blocker {
  height: 302px;
}

.search-items-container {
  border: 1px solid #ddd;
  border-radius: 20px;
  overflow: hidden;
}

#resetButton {
  color: black !important;
  font-family: "Manrope", sans-serif !important;
  text-decoration: underline;
  text-underline-offset: 5px;
  font-size: 14px !important;
  cursor: pointer;
  margin-top: 7px;
  font-weight: bold;
}

.search-container {
  background-color: rgb(255, 255, 255);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}
.search-open .search-container {
  overflow-x: hidden;
  overflow-y: auto;
}

.help-container {
  background-color: #FEF1AE;
  margin-bottom: 40px;
  position: fixed;
  height: 64px;
  width: 461px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  padding: 20px;
}
@media screen and (max-width: 600px) {
  .help-container {
    margin-top: calc(100vh - 550px);
    position: relative;
    width: 342px;
    height: 92px;
    border-radius: 48px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
.help-container-buttons {
  justify-content: center;
  display: flex;
  gap: 10px;
}
.help-container h4 {
  float: left;
  color: black !important;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 120%;
  margin-top: 3px;
}
.help-container a {
  float: right;
  color: black !important;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: underline;
  text-underline-offset: 5px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .help-container a {
    float: none;
  }
}
.help-container a + a {
  padding-right: 14px;
}

.search-header {
  position: absolute;
  width: 100%;
}
.theme-1 .search-header .logo {
  background: url("/Assets/Images/logo.jpg") no-repeat;
}
.theme-2 .search-header .logo {
  background: url("/Assets/Images/logo-theme-2.jpg") no-repeat;
}
.theme-3 .search-header .logo {
  background: url("/Assets/Images/logo-theme-3.jpg") no-repeat;
}
.theme-4 .search-header .logo {
  background: url("/Assets/Images/logo-theme-4.jpg") no-repeat;
}
.theme-5 .search-header .logo {
  background: url("/Assets/Images/logo-theme-5.jpg") no-repeat;
}
.theme-6 .search-header .logo {
  background: url("/Assets/Images/logo-theme-6.jpg") no-repeat;
}
.theme-7 .search-header .logo {
  background: url("/Assets/Images/logo-theme-7.jpg") no-repeat;
}
.theme-8 .search-header .logo {
  background: url("/Assets/Images/logo-theme-8.jpg") no-repeat;
}
.theme-9 .search-header .logo {
  background: url("/Assets/Images/logo-theme-9.jpg") no-repeat;
}
.theme-10 .search-header .logo {
  background: url("/Assets/Images/logo-theme-10.jpg") no-repeat;
}
.theme-11 .search-header .logo {
  background: url("/Assets/Images/logo-theme-11.jpg") no-repeat;
}
.search-header .logo {
  display: block;
  height: 116px;
  left: 0;
  position: absolute;
  top: 0;
  width: 124px;
}
@media screen and (max-width: 768px) {
  .search-header .logo {
    display: none;
  }
}
.search-header .logo-hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.theme-1 .search-header .logo-hover {
  background-color: #22b7f2;
}
.theme-2 .search-header .logo-hover {
  background-color: #8240ca;
}
.theme-3 .search-header .logo-hover {
  background-color: #bd1118;
}
.theme-4 .search-header .logo-hover {
  background-color: #cc5302;
}
.theme-5 .search-header .logo-hover {
  background-color: #f43b5f;
}
.theme-6 .search-header .logo-hover {
  background-color: #0cd2de;
}
.theme-7 .search-header .logo-hover {
  background-color: #fba90b;
}
.theme-8 .search-header .logo-hover {
  background-color: #13a104;
}
.theme-9 .search-header .logo-hover {
  background-color: #07696a;
}
.theme-10 .search-header .logo-hover {
  background-color: #005a9d;
}
.theme-11 .search-header .logo-hover {
  background-color: #8acb01;
}
.search-header .logo-hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 116px;
  left: 0;
  position: absolute;
  top: 0;
  width: 124px;
  z-index: 1;
}
.search-header .logo-hover img {
  display: block;
  height: 28px;
  margin: 44px auto 0 auto;
  width: 31px;
}
.search-header .logo:hover .logo-hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.search-header .close {
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: block;
  float: right;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-right: 100px;
  padding-top: 25px;
  position: relative;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .search-header .close {
    display: none;
  }
}
.search-header .close-container {
  background-color: #888;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 0;
}
.search-header .close-container [class^=icon] {
  color: #fff;
  float: left;
  font-size: 24px;
}

.search-platform {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .search-platform {
    margin-top: 38px;
  }
}
.search-platform .dropdownContent-body {
  display: none;
}
.search-platform .dropdownContent .textButton {
  display: flex;
  opacity: 100%;
}
.search-platform .dropdownContent #selection-count {
  font-weight: bold;
  opacity: 100%;
  margin-left: 4px;
}
.search-platform .dropdownContent.active .textButton {
  opacity: 50%;
}
.search-platform .dropdownContent.active #selection-count {
  font-weight: unset;
  opacity: 0%;
}
.search-platform .filterContainer {
  display: flex;
}
.search-platform .filterContainer .buttonsFilter {
  display: flex;
  margin-right: 10px;
  position: absolute;
  margin-left: 70px;
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer .buttonsFilter {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .search-platform .filterContainer .textInfo {
    border-bottom: 1px solid #ddd;
    border-right: 0px solid #ddd;
  }
}
.search-platform .filterContainer .textInfo {
  font-size: 12px;
  font-size: 0.75rem;
  color: black;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: bold;
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer .textInfo {
    display: none;
  }
}
.search-platform .filterContainer .filter-mobile {
  display: none;
}
.search-platform .filterContainer .filter-mobile .textInfo {
  display: block;
  text-transform: capitalize;
  text-align: left;
  margin-top: 10px;
  border: none;
}
.search-platform .filterContainer .filter-mobile-buttons {
  margin-top: 10px;
  gap: 20px;
  display: flex;
}
.search-platform .filterContainer .filter-mobile #applyFiltersMobile {
  color: black;
  cursor: pointer;
  border-radius: 20px;
  padding: 10px;
  background-color: #FBD20B;
}
.search-platform .filterContainer .filter-mobile #resetButtonMobile {
  color: black;
  cursor: pointer;
  align-self: center;
  text-decoration: underline;
  font-size: 12px;
  font-family: "Manrope", sans-serif;
  text-underline-offset: 5px;
}
.search-platform .filterContainer .filter-mobile .divider:first-child {
  margin-top: 20px;
}
.search-platform .filterContainer .filter-mobile .divider {
  margin-left: -16px;
  margin-right: -16px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer .filter-mobile {
    display: block;
  }
}
.search-platform .filterContainer .grades {
  width: 135px;
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer .grades {
    display: none;
  }
}
.search-platform .filterContainer .subjects {
  width: 178px;
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer .subjects {
    display: none;
  }
}
.search-platform .filterContainer .types {
  width: 152px;
}
@media screen and (max-width: 600px) {
  .search-platform .filterContainer .types {
    display: none;
  }
}
.search-platform .filterContainer .buttonFilter {
  padding-top: 10px;
  padding-bottom: 10px;
  align-content: center;
  border: 1px solid #ddd;
  color: black !important;
  font-family: "myriad-pro", sans-serif !important;
  font-size: 14px;
  background-color: transparent;
  text-wrap: nowrap;
  margin-right: 8px;
  border-radius: 15px;
  z-index: 100;
  background-color: white;
}
.search-platform .filterContainer .buttonFilter .grade-checkboxes {
  list-style-type: none;
  padding-inline-start: 0px;
  border-radius: 4px;
}
.search-platform .filterContainer .buttonFilter .grade-checkboxes .field-label-checkbox {
  text-align: left;
  font-family: "myriad-pro", sans-serif !important;
  font-size: 14px;
  color: black;
  margin-bottom: 8px;
}
.search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:before,
.search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:before {
  background: white;
  border: 1px solid #bbb;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 14px;
  border-radius: 4px;
}
.search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.theme-1 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-1 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-2 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-2 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-3 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-3 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-4 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-4 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-5 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-5 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-6 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-6 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-7 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-7 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-8 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-8 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-9 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-9 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-10 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-10 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.theme-11 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.theme-11 .search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  color: black;
}
.search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:not(:checked) ~ label:after,
.search-platform .filterContainer .buttonFilter .grade-checkboxes [type=checkbox]:checked ~ label:after {
  content: "\e628";
  font-family: "kdi-icons";
  font-size: 9px;
  left: 2.5px;
  position: absolute;
  top: 4px;
}
.search-platform .filterContainer .buttonFilter [class^=icon] {
  color: black !important;
  font-size: 10px;
  position: absolute;
  right: 0;
}
.search-platform .filterContainer > * {
  margin: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
.search-platform .fieldset {
  margin-top: 0;
  margin-bottom: 0;
}
.search-platform .fieldset.grades {
  float: left;
  width: 100%;
}
.search-platform .fieldset.grades .grade-list {
  padding: 5%;
}
.search-platform .fieldset.grades .grade-checkboxes {
  float: left;
  list-style: none;
  margin: 14px 0 0 0;
  padding: 0;
  width: 50%;
}
.search-platform .fieldset.grades .grade-checkboxes li + li {
  margin-top: 9px;
}
.search-platform-form {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.search-platform-form:last-child {
  margin-right: 0;
}
.search-platform-form {
  margin-left: 6.1721527019%;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (max-width: 1060px) {
  .search-platform-form {
    margin-left: 14%;
  }
}
@media screen and (max-width: 768px) {
  .search-platform-form {
    width: 100%;
    margin: 0;
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  .search-platform-form h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1114px) {
  .search-platform-form-header {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 940px) {
  .search-platform-form-header {
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .search-platform-form-header {
    padding-left: 0;
  }
}
.search-platform-form-header h4 {
  float: left;
  color: black !important;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: none;
  width: 80%;
}
.search-platform-form-header a {
  float: right;
  color: black !important;
  font-family: "Manrope", sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.search-platform-form-header a + a {
  padding-right: 14px;
}
@media screen and (max-width: 1060px) {
  .search-platform-form-header a + a {
    padding-right: 0;
    padding-left: 14px;
  }
}
.search-platform-form-input {
  border: 1px solid #ddd;
  margin-top: 20px;
  margin-bottom: 10px;
  border-radius: 99px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 30px;
}
.search-platform-form-input > input {
  font-size: 24px;
  font-size: 1.5rem;
  background: transparent;
  border: none;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  outline: none;
  width: 75%;
  color: black;
}
@media screen and (max-width: 768px) {
  .search-platform-form-input > input {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.search-platform-form-input > input::placeholder {
  color: #6E6E6E;
}
.search-platform-form-input > input:focus, .search-platform-form-input > input:active {
  color: #6E6E6E;
  outline: none;
}
.theme-1 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-2 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-3 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-4 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-5 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-6 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-7 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-8 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-9 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-10 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.theme-11 .search-platform-form-input .search-link [class^=icon] {
  color: black;
}
.search-platform-form-input .search-link [class^=icon] {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  float: right;
  font-size: 30px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .search-platform-form-input .search-link [class^=icon] {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.theme-1 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(6.2678571429, 81.4821428571, 110.7321428571);
}
.theme-2 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(0, 31.5286624204, 55);
}
.theme-11 .search-platform-form-input .search-link [class^=icon]:hover {
  color: rgb(69, 101.5, 0.5);
}
.search-platform-results {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.search-platform-results:last-child {
  margin-right: 0;
}
.search-platform-results {
  margin-left: 6.1721527019%;
  padding-bottom: 75px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (max-width: 768px) {
  .search-platform-results {
    margin: 0;
    width: 100%;
  }
}
.search-platform-results-intro {
  display: flex;
  align-items: end;
  margin-bottom: 12px;
  margin-top: 32px;
  gap: 10px;
}
.search-platform-results-intro i {
  font-size: 24px;
}
.search-platform-results-intro-label {
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: capitalize;
  color: black;
}
.search-platform-results .search-result {
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background-color: white;
  display: block;
  max-width: 100%;
  width: 100%;
}
.search-platform-results .search-result:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.search-platform-results .search-result-row {
  cursor: pointer;
  margin: 0 0 1px 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .search-platform-results .search-result-row {
    padding-bottom: 10px;
  }
}
.search-platform-results .search-result-row-item {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #333;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding: 19px 0;
}
@media screen and (max-width: 768px) {
  .search-platform-results .search-result-row-item {
    padding: 0;
  }
}
.search-platform-results .search-result-row-item:first-child {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .search-platform-results .search-result-row-item:first-child {
    padding-left: 16px;
  }
}
.search-platform-results .search-result-row-item:first-child [class^=icon] {
  color: #888;
}
@media screen and (max-width: 768px) {
  .search-platform-results .search-result-row-item:first-child [class^=icon] {
    font-size: 33px;
    font-size: 2.0625rem;
  }
}
.search-platform-results .search-result-row-item .button-add {
  color: black;
  background-color: white;
  border-color: black;
}
.theme-1 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #22b7f2;
  border-color: #22b7f2;
  color: #000000;
}
.theme-2 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #8240ca;
  border-color: #8240ca;
  color: #ffffff;
}
.theme-3 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #bd1118;
  border-color: #bd1118;
  color: #ffffff;
}
.theme-4 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #cc5302;
  border-color: #cc5302;
  color: #000000;
}
.theme-5 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #f43b5f;
  border-color: #f43b5f;
  color: #000000;
}
.theme-6 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #0cd2de;
  border-color: #0cd2de;
  color: #000000;
}
.theme-7 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #fba90b;
  border-color: #fba90b;
  color: #000000;
}
.theme-8 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #13a104;
  border-color: #13a104;
  color: #000000;
}
.theme-9 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #07696a;
  border-color: #07696a;
  color: #ffffff;
}
.theme-10 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #005a9d;
  border-color: #005a9d;
  color: #ffffff;
}
.theme-11 .search-platform-results .search-result-row-item .button-add.inverse {
  background-color: #8acb01;
  border-color: #8acb01;
  color: #000000;
}
.search-platform-results .search-result-row-item .button-add:hover {
  background-color: #FBD20B;
  border-color: #FBD20B;
}
.search-platform-results .search-result-row-item .imgUnit {
  display: block;
  height: 50px;
  width: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.search-platform-results .search-result-row-item h5, .search-platform-results .search-result-row-item .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .search-platform-results .search-result-row-item .darken, .search-platform-results .search-result-row-item .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .search-platform-results .search-result-row-item .crumb {
  font-size: 12px;
  font-size: 0.75rem;
  color: black;
  text-transform: none;
}
.search-platform-results .search-result-row-item h5 span, .search-platform-results .search-result-row-item .discover-map .nav-controls .breadcrumbs .darken span, .discover-map .nav-controls .breadcrumbs .search-platform-results .search-result-row-item .darken span, .search-platform-results .search-result-row-item .discover-map .nav-controls .breadcrumbs .crumb span, .discover-map .nav-controls .breadcrumbs .search-platform-results .search-result-row-item .crumb span {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 500;
  text-transform: lowercase;
}
.search-platform-results .search-result-row-item .free {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}
.theme-1 .search-platform-results .search-result-row-item .free {
  background-color: #fbd20b;
}
.theme-2 .search-platform-results .search-result-row-item .free {
  background-color: #3cfdf2;
}
.theme-3 .search-platform-results .search-result-row-item .free {
  background-color: #eee7cb;
}
.theme-4 .search-platform-results .search-result-row-item .free {
  background-color: #efc416;
}
.theme-5 .search-platform-results .search-result-row-item .free {
  background-color: #0cd2de;
}
.theme-6 .search-platform-results .search-result-row-item .free {
  background-color: #fceb92;
}
.theme-7 .search-platform-results .search-result-row-item .free {
  background-color: #ffefb5;
}
.theme-8 .search-platform-results .search-result-row-item .free {
  background-color: #8df5f9;
}
.theme-9 .search-platform-results .search-result-row-item .free {
  background-color: #e6eaa7;
}
.theme-10 .search-platform-results .search-result-row-item .free {
  background-color: #94e1fe;
}
.theme-11 .search-platform-results .search-result-row-item .free {
  background-color: #e0f18f;
}
.search-platform-results .search-result-row-item .free {
  color: #222;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  margin-left: 10px;
  padding: 3px 15px;
  text-transform: uppercase;
  border-radius: 20px;
  margin-top: 15px;
}
.search-platform-results .search-result-row:hover {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-color: #ddd;
  background-color: #FEF1AE;
}
.search-platform-results .search-result-margin {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .search-platform-results .search-result-margin {
    margin-top: 0;
  }
}
.search-platform-results .search-terms tr td:first-child {
  width: 10%;
}
.search-platform-results .search-terms tr td:first-child [class^=icon] {
  font-size: 16px;
}
.search-platform-results .search-terms tr td:nth-child(2) {
  width: 72%;
}
@media screen and (max-width: 768px) {
  .search-platform-results .units .search-result-row-item {
    padding-top: 10px;
  }
}
.search-platform-results .units .search-result-row-item:first-child [class^=icon] {
  display: block;
  font-size: 30px;
  margin-top: 10px;
}
.search-platform-results .units .search-result-row-item:nth-child(2) {
  width: 9%;
  min-width: 60px;
}
@media screen and (max-width: 480px) {
  .search-platform-results .units .search-result-row-item:nth-child(2) {
    width: 20%;
  }
}
.search-platform-results .units .search-result-row-item:nth-child(3) {
  width: 74%;
}
@media screen and (max-width: 480px) {
  .search-platform-results .units .search-result-row-item:nth-child(3) {
    width: 56%;
  }
}
@media screen and (max-width: 768px) {
  .search-platform-results .units .search-result-row-item:last-child {
    display: none;
  }
}
.search-platform-results .videos .search-result-row-item .free {
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .search-platform-results .videos .search-result-row-item {
    padding-top: 10px;
  }
}
.search-platform-results .videos .search-result-row-item:first-child [class^=icon] {
  display: block;
  font-size: 30px;
  margin-top: 10px;
}
.search-platform-results .videos .search-result-row-item:nth-child(2) {
  width: 83%;
}
@media screen and (max-width: 480px) {
  .search-platform-results .videos .search-result-row-item:nth-child(2) {
    width: 56%;
  }
}
@media screen and (max-width: 768px) {
  .search-platform-results .videos .search-result-row-item:nth-child(3) {
    display: none;
  }
}
.search-platform-results .resources .search-result-row-item:first-child [class^=icon], .search-platform-results .topics .search-result-row-item:first-child [class^=icon] {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .search-platform-results .resources .search-result-row-item:first-child [class^=icon], .search-platform-results .topics .search-result-row-item:first-child [class^=icon] {
    margin-top: 10px;
    position: absolute;
  }
}
.search-platform-results .resources .search-result-row-item:first-child .search-result-margin, .search-platform-results .topics .search-result-row-item:first-child .search-result-margin {
  margin-top: 5px;
}
.search-platform-results .resources .search-result-row-item:nth-child(2), .search-platform-results .topics .search-result-row-item:nth-child(2) {
  width: 74%;
  padding-bottom: 0;
}
.search-platform-results .resources .search-result-row-item:nth-child(2) .search-result-margin, .search-platform-results .topics .search-result-row-item:nth-child(2) .search-result-margin {
  margin-top: 8px;
}
@media screen and (max-width: 480px) {
  .search-platform-results .resources .search-result-row-item:nth-child(2) .search-result-margin, .search-platform-results .topics .search-result-row-item:nth-child(2) .search-result-margin {
    margin-top: 10px;
  }
}
.search-platform-results .resources .search-result-row-item:nth-child(3), .search-platform-results .topics .search-result-row-item:nth-child(3) {
  width: 28%;
}
@media screen and (max-width: 768px) {
  .search-platform-results .resources .search-result-row-item:nth-child(3), .search-platform-results .topics .search-result-row-item:nth-child(3) {
    clear: both;
    margin-left: 10%;
    padding-top: 0;
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  .search-platform-results .resources .search-result-row-item:nth-child(3), .search-platform-results .topics .search-result-row-item:nth-child(3) {
    margin-left: 20%;
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .search-platform-results .resources .search-result-row-item:last-child, .search-platform-results .topics .search-result-row-item:last-child {
    display: none;
  }
}
.search-platform-results .resources .search-result-row-item:nth-child(2) {
  width: 83%;
}
.search-platform-results .resources .search-result-row-item:nth-child(3) {
  width: 7%;
}
.search-platform-results p {
  padding-top: 4px;
}

.simplebar-scroll-content {
  padding-right: 50px !important;
}
.simplebar-scrollbar:before {
  background: #fff !important;
}
.simplebar-track {
  bottom: 11px !important;
}

table.table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}
table.table tr td, table.table tr th {
  padding: 15px;
}
.theme-1 table.table th {
  color: #22b7f2;
}
.theme-2 table.table th {
  color: #8240ca;
}
.theme-3 table.table th {
  color: #bd1118;
}
.theme-4 table.table th {
  color: #cc5302;
}
.theme-5 table.table th {
  color: #f43b5f;
}
.theme-6 table.table th {
  color: #0cd2de;
}
.theme-7 table.table th {
  color: #fba90b;
}
.theme-8 table.table th {
  color: #13a104;
}
.theme-9 table.table th {
  color: #07696a;
}
.theme-10 table.table th {
  color: #005a9d;
}
.theme-11 table.table th {
  color: #8acb01;
}
table.table th {
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  text-align: left;
}
table.table tbody tr:nth-of-type(odd) {
  background-color: #f4f4f4;
}

.thss-toolbar-speechstreamToolbar {
  display: none !important;
}
.thss-settings-speed {
  font-family: "myriad-pro", sans-serif;
}
.theme-1 .thss-settings-speed.selected {
  outline: 4px solid #22b7f2 !important;
}
.theme-1 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #22b7f2;
}
.theme-1 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #22b7f2 !important;
}
.theme-1 .thss-settings-navbar-arrow-right {
  border-left: #22b7f2 !important;
}
.theme-1 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-1 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-1 .thss-settings-navbar-item.selected {
  color: #22b7f2 !important;
}
.theme-2 .thss-settings-speed.selected {
  outline: 4px solid #8240ca !important;
}
.theme-2 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #8240ca;
}
.theme-2 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #8240ca !important;
}
.theme-2 .thss-settings-navbar-arrow-right {
  border-left: #8240ca !important;
}
.theme-2 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-2 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-2 .thss-settings-navbar-item.selected {
  color: #8240ca !important;
}
.theme-3 .thss-settings-speed.selected {
  outline: 4px solid #bd1118 !important;
}
.theme-3 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #bd1118;
}
.theme-3 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #bd1118 !important;
}
.theme-3 .thss-settings-navbar-arrow-right {
  border-left: #bd1118 !important;
}
.theme-3 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-3 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-3 .thss-settings-navbar-item.selected {
  color: #bd1118 !important;
}
.theme-4 .thss-settings-speed.selected {
  outline: 4px solid #cc5302 !important;
}
.theme-4 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #cc5302;
}
.theme-4 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #cc5302 !important;
}
.theme-4 .thss-settings-navbar-arrow-right {
  border-left: #cc5302 !important;
}
.theme-4 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-4 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-4 .thss-settings-navbar-item.selected {
  color: #cc5302 !important;
}
.theme-5 .thss-settings-speed.selected {
  outline: 4px solid #f43b5f !important;
}
.theme-5 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #f43b5f;
}
.theme-5 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #f43b5f !important;
}
.theme-5 .thss-settings-navbar-arrow-right {
  border-left: #f43b5f !important;
}
.theme-5 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-5 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-5 .thss-settings-navbar-item.selected {
  color: #f43b5f !important;
}
.theme-6 .thss-settings-speed.selected {
  outline: 4px solid #0cd2de !important;
}
.theme-6 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #0cd2de;
}
.theme-6 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #0cd2de !important;
}
.theme-6 .thss-settings-navbar-arrow-right {
  border-left: #0cd2de !important;
}
.theme-6 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-6 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-6 .thss-settings-navbar-item.selected {
  color: #0cd2de !important;
}
.theme-7 .thss-settings-speed.selected {
  outline: 4px solid #fba90b !important;
}
.theme-7 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #fba90b;
}
.theme-7 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #fba90b !important;
}
.theme-7 .thss-settings-navbar-arrow-right {
  border-left: #fba90b !important;
}
.theme-7 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-7 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-7 .thss-settings-navbar-item.selected {
  color: #fba90b !important;
}
.theme-8 .thss-settings-speed.selected {
  outline: 4px solid #13a104 !important;
}
.theme-8 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #13a104;
}
.theme-8 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #13a104 !important;
}
.theme-8 .thss-settings-navbar-arrow-right {
  border-left: #13a104 !important;
}
.theme-8 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-8 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-8 .thss-settings-navbar-item.selected {
  color: #13a104 !important;
}
.theme-9 .thss-settings-speed.selected {
  outline: 4px solid #07696a !important;
}
.theme-9 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #07696a;
}
.theme-9 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #07696a !important;
}
.theme-9 .thss-settings-navbar-arrow-right {
  border-left: #07696a !important;
}
.theme-9 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-9 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-9 .thss-settings-navbar-item.selected {
  color: #07696a !important;
}
.theme-10 .thss-settings-speed.selected {
  outline: 4px solid #005a9d !important;
}
.theme-10 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #005a9d;
}
.theme-10 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #005a9d !important;
}
.theme-10 .thss-settings-navbar-arrow-right {
  border-left: #005a9d !important;
}
.theme-10 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-10 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-10 .thss-settings-navbar-item.selected {
  color: #005a9d !important;
}
.theme-11 .thss-settings-speed.selected {
  outline: 4px solid #8acb01 !important;
}
.theme-11 .thss-settings-dialog-button {
  font-family: "myriad-pro", sans-serif;
  color: #8acb01;
}
.theme-11 .thss-settings-dialog-button.selected {
  color: #fff;
  background-color: #8acb01 !important;
}
.theme-11 .thss-settings-navbar-arrow-right {
  border-left: #8acb01 !important;
}
.theme-11 .thss-settings-navbar-footer-branding-text {
  font-family: "myriad-pro", sans-serif;
}
.theme-11 .thss-settings-navbar-item {
  font-family: "myriad-pro", sans-serif;
}
.theme-11 .thss-settings-navbar-item.selected {
  color: #8acb01 !important;
}
.thss-settings-modal-dialog {
  left: 30%;
  top: 10%;
}
@media screen and (max-width: 1114px) {
  .thss-settings-modal-dialog {
    left: 2%;
    width: 688px !important;
  }
}
.thss-settings-modal-dialog-content h1 {
  font-family: "myriad-pro", sans-serif !important;
}
.thss-settings-page-row:nth-of-type(4) {
  display: none;
}
.thss-settings-page-row:nth-of-type(5) {
  display: none;
}
.thss-settings-page-title {
  font-family: "myriad-pro", sans-serif !important;
}
.thss-settings-page-values-dropdown option {
  font-family: "myriad-pro", sans-serif !important;
}
.theme-1 .thss-dialog-toolbarCaption {
  background-color: #22b7f2;
}
.theme-1 .thss-dialog-popupClose {
  border: 3px solid #22b7f2;
}
.theme-1 .thss-dialog-popupClose:before {
  color: #22b7f2;
}
.theme-1 .thss-dialog-popupClose:hover {
  background-color: #22b7f2 !important;
}
.theme-2 .thss-dialog-toolbarCaption {
  background-color: #8240ca;
}
.theme-2 .thss-dialog-popupClose {
  border: 3px solid #8240ca;
}
.theme-2 .thss-dialog-popupClose:before {
  color: #8240ca;
}
.theme-2 .thss-dialog-popupClose:hover {
  background-color: #8240ca !important;
}
.theme-3 .thss-dialog-toolbarCaption {
  background-color: #bd1118;
}
.theme-3 .thss-dialog-popupClose {
  border: 3px solid #bd1118;
}
.theme-3 .thss-dialog-popupClose:before {
  color: #bd1118;
}
.theme-3 .thss-dialog-popupClose:hover {
  background-color: #bd1118 !important;
}
.theme-4 .thss-dialog-toolbarCaption {
  background-color: #cc5302;
}
.theme-4 .thss-dialog-popupClose {
  border: 3px solid #cc5302;
}
.theme-4 .thss-dialog-popupClose:before {
  color: #cc5302;
}
.theme-4 .thss-dialog-popupClose:hover {
  background-color: #cc5302 !important;
}
.theme-5 .thss-dialog-toolbarCaption {
  background-color: #f43b5f;
}
.theme-5 .thss-dialog-popupClose {
  border: 3px solid #f43b5f;
}
.theme-5 .thss-dialog-popupClose:before {
  color: #f43b5f;
}
.theme-5 .thss-dialog-popupClose:hover {
  background-color: #f43b5f !important;
}
.theme-6 .thss-dialog-toolbarCaption {
  background-color: #0cd2de;
}
.theme-6 .thss-dialog-popupClose {
  border: 3px solid #0cd2de;
}
.theme-6 .thss-dialog-popupClose:before {
  color: #0cd2de;
}
.theme-6 .thss-dialog-popupClose:hover {
  background-color: #0cd2de !important;
}
.theme-7 .thss-dialog-toolbarCaption {
  background-color: #fba90b;
}
.theme-7 .thss-dialog-popupClose {
  border: 3px solid #fba90b;
}
.theme-7 .thss-dialog-popupClose:before {
  color: #fba90b;
}
.theme-7 .thss-dialog-popupClose:hover {
  background-color: #fba90b !important;
}
.theme-8 .thss-dialog-toolbarCaption {
  background-color: #13a104;
}
.theme-8 .thss-dialog-popupClose {
  border: 3px solid #13a104;
}
.theme-8 .thss-dialog-popupClose:before {
  color: #13a104;
}
.theme-8 .thss-dialog-popupClose:hover {
  background-color: #13a104 !important;
}
.theme-9 .thss-dialog-toolbarCaption {
  background-color: #07696a;
}
.theme-9 .thss-dialog-popupClose {
  border: 3px solid #07696a;
}
.theme-9 .thss-dialog-popupClose:before {
  color: #07696a;
}
.theme-9 .thss-dialog-popupClose:hover {
  background-color: #07696a !important;
}
.theme-10 .thss-dialog-toolbarCaption {
  background-color: #005a9d;
}
.theme-10 .thss-dialog-popupClose {
  border: 3px solid #005a9d;
}
.theme-10 .thss-dialog-popupClose:before {
  color: #005a9d;
}
.theme-10 .thss-dialog-popupClose:hover {
  background-color: #005a9d !important;
}
.theme-11 .thss-dialog-toolbarCaption {
  background-color: #8acb01;
}
.theme-11 .thss-dialog-popupClose {
  border: 3px solid #8acb01;
}
.theme-11 .thss-dialog-popupClose:before {
  color: #8acb01;
}
.theme-11 .thss-dialog-popupClose:hover {
  background-color: #8acb01 !important;
}
.thss-dialog-popupClose {
  top: -11px !important;
  right: -12px !important;
  width: 26px !important;
  height: 26px !important;
  padding-top: 3px;
  text-align: center;
  background-color: #fff;
  background-image: none !important;
  border-radius: 50%;
  transition: all 0.2s linear;
  cursor: pointer;
}
.thss-dialog-popupClose:before {
  font-family: "kdi-icons" !important;
  content: "\e619";
  font-size: 12px;
  font-weight: 900;
}
.thss-dialog-popupClose:hover:before {
  color: #fff !important;
}
.thss-dialog-popupContent p {
  font-family: "myriad-pro", sans-serif !important;
}
.thss-dialog-popupLogo {
  background-image: none !important;
  top: 6px !important;
}
.thss-dialog-popupLogo:before {
  font-family: "kdi-icons" !important;
  content: "\e903";
  font-size: 36px;
  font-weight: 900;
}
.thss-dialog-sourceWord h1 {
  font-family: "myriad-pro", sans-serif;
}

.theme-1 #thss-settings-navbar-container {
  background-color: #22b7f2 !important;
}
.theme-2 #thss-settings-navbar-container {
  background-color: #8240ca !important;
}
.theme-3 #thss-settings-navbar-container {
  background-color: #bd1118 !important;
}
.theme-4 #thss-settings-navbar-container {
  background-color: #cc5302 !important;
}
.theme-5 #thss-settings-navbar-container {
  background-color: #f43b5f !important;
}
.theme-6 #thss-settings-navbar-container {
  background-color: #0cd2de !important;
}
.theme-7 #thss-settings-navbar-container {
  background-color: #fba90b !important;
}
.theme-8 #thss-settings-navbar-container {
  background-color: #13a104 !important;
}
.theme-9 #thss-settings-navbar-container {
  background-color: #07696a !important;
}
.theme-10 #thss-settings-navbar-container {
  background-color: #005a9d !important;
}
.theme-11 #thss-settings-navbar-container {
  background-color: #8acb01 !important;
}

@media screen and (max-width: 1114px) {
  #thss-settings-page-container {
    left: 206px !important;
  }
}

.tip {
  position: relative;
  z-index: 100;
}

.tip-container, .tip-container--dark {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  background-color: #fff;
  display: none;
  min-width: 246px;
  position: absolute;
  text-align: left;
  top: 0;
}
.tip-container:before, .tip-container--dark:before {
  -webkit-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  box-shadow: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.1);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
  content: "";
  height: 20px;
  left: 45%;
  width: 20px;
  position: absolute;
  top: -10px;
}
.tip-container:after, .tip-container--dark:after {
  background: #fff;
  content: "";
  height: 20px;
  left: 42%;
  position: absolute;
  top: 0;
  width: 40px;
}
.narrow.tip-container, .narrow.tip-container--dark {
  min-width: 200px;
}
.right.tip-container:before, .right.tip-container--dark:before {
  left: auto;
  right: 22px;
}
.right.tip-container:after, .right.tip-container--dark:after {
  left: auto;
  right: 17px;
}

.tip-container--dark {
  background-color: #222;
}

.tip-container--dark:before {
  background-color: #222;
}
.tip-container--dark:after {
  background-color: #222;
}
.tip-container-body {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
  font-family: "ff-meta-serif-web-pro", serif;
  padding: 30px;
}
.tip-container-body p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #888;
}
.tip-container-footer {
  border-top: 1px solid #eee;
  padding: 11px 32px 0 32px;
}
.tip-container-footer .tip-link {
  color: #bbb !important;
}

.trustpilot__testimonials {
  background: #fff6d5;
  padding: 75px 125px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1240px) {
  .trustpilot__testimonials {
    padding: 75px;
  }
}
@media screen and (max-width: 480px) {
  .trustpilot__testimonials {
    padding: 75px 0;
  }
}
.trustpilot__testimonials-heading {
  text-align: center;
  margin-bottom: 50px;
}

.trustpilot__carousel iframe {
  min-height: 140px;
}

.upgrade-modal {
  width: 100% !important;
  max-width: 880px !important;
}
.upgrade-modal .selected-plan-table .pricing-option-continue {
  display: none !important;
}
.upgrade-modal a {
  color: #22b7f2;
}
.upgrade-modal a:hover {
  color: rgb(12.5, 155.7692307692, 212.5);
}
.upgrade-modal .modal-dialog-header h4 {
  color: #22b7f2;
  letter-spacing: 0.9px;
  margin-bottom: 8px;
}
.upgrade-modal .modal-dialog-body-padding {
  padding-bottom: 44px;
}
.upgrade-modal .modal-dialog-body-padding .address-group .address1 {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .address1:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .address1 {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .address1:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .address-group .address2 {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .address2:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .address2 {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .address2:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .address-group .city {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .city:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .city {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .city:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .address-group .phone {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .phone:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .phone {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .phone:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .address-group .state {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .state:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .state {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .state:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .address-group .zipcode {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .zipcode:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .zipcode {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .zipcode:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .address-group .country {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 61.1580011475%;
}
.upgrade-modal .modal-dialog-body-padding .address-group .country:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .address-group .country {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 74.1053340983%;
  }
  .upgrade-modal .modal-dialog-body-padding .address-group .country:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .fieldset {
  margin: 0 0 29px 0;
}
.upgrade-modal .modal-dialog-body-padding .fieldset-list {
  margin-bottom: 0;
}
.upgrade-modal .modal-dialog-body-padding .card {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
}
.upgrade-modal .modal-dialog-body-padding .card-header {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #6bac43;
  color: #fff;
  padding: 22px 0 20px 0;
}
.upgrade-modal .modal-dialog-body-padding .card-header-title {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}
.upgrade-modal .modal-dialog-body-padding .card-header-title:last-child {
  margin-right: 0;
}
.upgrade-modal .modal-dialog-body-padding .card-header-title {
  margin-left: 7.4416729867%;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  font-weight: 300;
}
.upgrade-modal .modal-dialog-body-padding .card-header-security {
  padding-left: 38px;
  padding-top: 4px;
}
@media screen and (max-width: 480px) {
  .upgrade-modal .modal-dialog-body-padding .card-header-security {
    padding-left: 20px;
  }
}
.upgrade-modal .modal-dialog-body-padding .card-header-security [class^=icon-] {
  margin-right: 10px;
}
.upgrade-modal .modal-dialog-body-padding .card-body {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 79.4314828859%;
}
.upgrade-modal .modal-dialog-body-padding .card-body:last-child {
  margin-right: 0;
}
.upgrade-modal .modal-dialog-body-padding .card-body {
  margin-left: 7.4416729867%;
  padding: 36px 0 17px 0;
}
.upgrade-modal .modal-dialog-body-padding .card-body [class^=field-input],
.upgrade-modal .modal-dialog-body-padding .card-body .chosen-container-single .chosen-single {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .card-body .field-input--long {
    width: 100%;
  }
}
.upgrade-modal .modal-dialog-body-padding .card-group .month {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-modal .modal-dialog-body-padding .card-group .month:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .card-group .month {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .card-group .month:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .card-group .year {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 28.7896687703%;
}
.upgrade-modal .modal-dialog-body-padding .card-group .year:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .modal-dialog-body-padding .card-group .year {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .card-group .year:last-child {
    margin-right: 0;
  }
  .upgrade-modal .modal-dialog-body-padding .card-group .year {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .card-group .code {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 28.7896687703%;
}
.upgrade-modal .modal-dialog-body-padding .card-group .code:last-child {
  margin-right: 0;
}
@media screen and (max-width: 940px) {
  .upgrade-modal .modal-dialog-body-padding .card-group .code {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .card-group .code:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .card-group .code .icon-wrapper {
  position: relative;
}
.upgrade-modal .modal-dialog-body-padding .card-group .code .icon-wrapper .field-input--full {
  padding-right: 70px;
}
.upgrade-modal .modal-dialog-body-padding .card-group .code .icon-wrapper:after {
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 2rem;
  color: #eee;
  content: "\e635";
  font-family: "kdi-icons";
  position: absolute;
  right: 12px;
  top: 12px;
}
@media screen and (max-width: 600px) {
  .upgrade-modal .modal-dialog-body-padding .card-group .code {
    width: 100%;
  }
}
.upgrade-modal .modal-dialog-body-padding .po {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
}
.upgrade-modal .modal-dialog-body-padding .po-header {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  background-color: rgba(251, 210, 11, 0.2);
  padding: 26px 60px 20px 40px;
}
.upgrade-modal .modal-dialog-body-padding .po-body {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.8425855704%;
  width: 79.4314828859%;
}
.upgrade-modal .modal-dialog-body-padding .po-body:last-child {
  margin-right: 0;
}
.upgrade-modal .modal-dialog-body-padding .po-body {
  margin-left: 7.4416729867%;
  padding: 36px 0 17px 0;
}
.upgrade-modal .modal-dialog-body-padding .po-body [class^=field-input],
.upgrade-modal .modal-dialog-body-padding .po-body .chosen-container-single .chosen-single {
  background-color: #fff;
}
.upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-code {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-code:last-child {
  margin-right: 0;
}
@media screen and (max-width: 821px) {
  .upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-code {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-code:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-code {
    width: 100%;
    margin-bottom: 0;
  }
}
.upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-button {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-button:last-child {
  margin-right: 0;
}
.upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-button {
  padding-top: 6px;
}
@media screen and (max-width: 821px) {
  .upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-button {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-button:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .upgrade-modal .modal-dialog-body-padding .coupon-group .coupon-button {
    width: 100%;
    margin-bottom: 0;
  }
}
@media print {
  .upgrade-modal .modal-dialog-footer {
    display: none;
  }
}
.upgrade-modal .pricing-loading {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  line-height: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.upgrade-modal .pricing-option {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.upgrade-modal .pricing-option:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.upgrade-modal .pricing-option:last-child {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.upgrade-modal .pricing-option.horizontal {
  margin: 0;
  width: 100%;
}
.upgrade-modal .pricing-option.horizontal .chosen-container.chosen-container-single {
  width: 100px !important;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms {
  display: none;
  text-align: left;
  width: 100%;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select:last-child {
  margin-right: 0;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select {
  margin-left: 22.3160022949%;
  padding-left: 27px;
  padding-bottom: 47px;
  margin-left: 22%;
}
@media screen and (max-width: 940px) {
  .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select:last-child {
    margin-right: 0;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select {
    margin-left: -3.5786636068%;
    padding: 0 0 40px 0;
    text-align: center;
  }
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select .chosen-container-single .chosen-single {
  padding: 5px 15px 5px 15px;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select .chosen-container-single .chosen-single span {
  color: #222;
  margin-right: 0;
  text-align: left;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select .chosen-container-single .chosen-single div {
  background-color: #fbd20b;
  width: 40px;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select .chosen-container-single .chosen-single div b {
  margin-left: 0;
  margin-top: 12px;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select .chosen-container-single .chosen-single div b:before {
  color: #222;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-select .chosen-container-single .chosen-search input {
  padding: 5px 15px 5px 5px;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-calculation {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-calculation:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-calculation {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 48.2106681966%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-calculation:last-child {
    margin-right: 0;
  }
}
.upgrade-modal .pricing-option.horizontal .pricing-options-classrooms-calculation .upgrade-classroom-calculation {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-style: italic;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-name {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 22.3160022949%;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-name:last-child {
  margin-right: 0;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-name {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #222;
  padding-left: 15px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 940px) {
  .upgrade-modal .pricing-option.horizontal .pricing-option-name {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 0 !important;
    width: 103.5786636068%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-option-name:last-child {
    width: 100%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-option-name {
    padding: 0 0 40px 0;
    text-align: center;
  }
}
.upgrade-modal .pricing-option.horizontal .pricing-option-access {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 51.7893318034%;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-access:last-child {
  width: 48.2106681966%;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-access {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #888;
  margin-top: 20px;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 940px) {
  .upgrade-modal .pricing-option.horizontal .pricing-option-access {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-option-access:last-child {
    margin-right: 0;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-option-access {
    margin-top: 0;
    padding: 0 20px;
    text-align: center;
    width: 100% !important;
  }
}
.upgrade-modal .pricing-option.horizontal .pricing-option-amount {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #22b7f2;
  margin-top: 20px;
  text-align: center;
  vertical-align: middle;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-amount span:not(.pricing-option-amount-dollars) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #888;
  font-family: "myriad-pro", sans-serif;
  font-style: italic;
  font-weight: normal;
}
@media screen and (min-width: 941px) {
  .upgrade-modal .pricing-option.horizontal .pricing-option-amount .pricing-option-amount-dollars {
    margin-left: 5px;
  }
}
.upgrade-modal .pricing-option.horizontal .pricing-option-amount.-small {
  margin-top: 12px;
  line-height: 26px;
  line-height: 1.625rem;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-amount.-small .pricing-option-amount-dollars {
  font-size: 25px;
  font-size: 1.5625rem;
}
@media screen and (max-width: 940px) {
  .upgrade-modal .pricing-option.horizontal .pricing-option-amount {
    text-align: center;
  }
}
.upgrade-modal .pricing-option.horizontal .pricing-option-continue {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 0 !important;
  width: 25.8946659017%;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-continue:last-child {
  width: 22.3160022949%;
}
.upgrade-modal .pricing-option.horizontal .pricing-option-continue {
  margin-top: 20px;
  padding-right: 42px;
  text-align: right;
}
@media screen and (max-width: 940px) {
  .upgrade-modal .pricing-option.horizontal .pricing-option-continue {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 0 !important;
    width: 103.5786636068%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-option-continue:last-child {
    width: 100%;
  }
  .upgrade-modal .pricing-option.horizontal .pricing-option-continue {
    padding: 0;
    text-align: center;
  }
}
.upgrade-modal .pricing-option.-subdued {
  background-color: transparent;
  border: none;
}
.upgrade-modal .pricing-option.-subdued:hover {
  box-shadow: none !important;
}
.upgrade-modal .pricing-option.-subdued .pricing-option-link {
  padding-top: 26px;
}
.upgrade-modal .pricing-option.-subdued .pricing-option-name {
  margin-top: 6px;
  color: #888;
}
.upgrade-modal .pricing-option.-subdued .pricing-option-access {
  margin-top: 8px;
}
.upgrade-modal .pricing-option.-subdued .pricing-option-continue {
  margin-top: 6px;
}
.upgrade-modal .pricing-option.-subdued .pricing-option-continue button {
  border: none;
  background: none;
  text-transform: capitalize;
  color: #22b7f2 !important;
}
.upgrade-modal .pricing-option:hover:not(.-subdued) .pricing-option-name,
.upgrade-modal .pricing-option:hover:not(.-subdued) .pricing-option-access {
  color: #22b7f2;
}
.upgrade-modal .pricing-option:hover:not(.-subdued) a {
  color: #22b7f2;
}
.upgrade-modal .pricing-option.selected {
  background-color: #22b7f2;
}
.upgrade-modal .pricing-option.selected .pricing-options-classrooms {
  display: block;
}
.upgrade-modal .pricing-option.selected .pricing-options-classrooms h5, .upgrade-modal .pricing-option.selected .pricing-options-classrooms .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .upgrade-modal .pricing-option.selected .pricing-options-classrooms .darken, .upgrade-modal .pricing-option.selected .pricing-options-classrooms .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .upgrade-modal .pricing-option.selected .pricing-options-classrooms .crumb,
.upgrade-modal .pricing-option.selected .pricing-options-classrooms .upgrade-classroom-calculation {
  color: #fff;
}
.upgrade-modal .pricing-option.selected .pricing-option-continue {
  display: block;
}
.upgrade-modal .pricing-option.selected:before {
  background-color: #fbd20b;
  bottom: 0;
  left: -21px;
  margin: auto 0;
  top: 0;
}
.upgrade-modal .pricing-option.selected .pricing-option-name, .upgrade-modal .pricing-option.selected:hover .pricing-option-name,
.upgrade-modal .pricing-option.selected .pricing-option-access, .upgrade-modal .pricing-option.selected:hover .pricing-option-access {
  color: #fff;
}
.upgrade-modal .pricing-option.selected .pricing-option-amount,
.upgrade-modal .pricing-option.selected .pricing-option-amount span {
  color: #fff !important;
}
.upgrade-modal .pricing-option.-recommended:not(.selected) {
  border: 2px solid #fbd20b !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (max-width: 900px) {
  .upgrade-modal .pricing-option.-recommended:not(.selected) {
    margin-top: calc(28px + 10px) !important;
  }
}
.upgrade-modal .pricing-option.-recommended:not(.selected):before {
  content: " ";
  position: absolute;
  left: -29px;
  top: -2px;
  background-color: #fbd20b;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 28px;
  height: calc(100% + 4px);
}
.upgrade-modal .pricing-option.-recommended:not(.selected):after {
  content: "Recommended";
  position: absolute;
  text-transform: uppercase;
  transform: rotate(-90deg);
  font-weight: bold;
  text-align: center;
  left: -66px;
  top: 45%;
}
.upgrade-modal .pricing-option + .pricing-option {
  border-top: none;
}
.upgrade-modal [class^=button-primary] {
  background-color: #fbd20b;
}
.upgrade-modal [class^=button-primary]:hover {
  background-color: rgb(207.5967741935, 172.7137096774, 3.4032258065);
}
.upgrade-modal [class^=button-secondary] {
  background-color: #22b7f2;
}
.upgrade-modal [class^=button-secondary]:hover {
  background-color: rgb(12.5, 155.7692307692, 212.5);
}
.upgrade-modal .chosen-container-single .chosen-single div {
  background-color: #22b7f2;
}
.upgrade-modal .chosen-container-active.chosen-with-drop .chosen-single div {
  background-color: transparent;
}
.upgrade-modal .chosen-container .chosen-results li.highlighted {
  background-color: #22b7f2;
}
.upgrade-modal [type=checkbox]:hover ~ label,
.upgrade-modal [type=radio]:hover ~ label,
.upgrade-modal [type=checkbox]:checked ~ label,
.upgrade-modal [type=radio]:checked ~ label {
  color: #22b7f2;
}
.upgrade-modal [type=radio]:checked ~ label:before {
  border-color: #22b7f2;
  color: #22b7f2;
}
.upgrade-modal [type=checkbox]:checked ~ label:before {
  border-color: #22b7f2;
}
.upgrade-modal [type=checkbox]:not(:checked) ~ label:after,
.upgrade-modal [type=checkbox]:checked ~ label:after {
  color: #22b7f2;
}
.upgrade-step-pay .pricing-table {
  margin-bottom: 16px;
}
.upgrade-step-pay .form-panel.saved-card-panel {
  margin-bottom: 30px;
}
.upgrade-step-pay .form-panel.saved-card-panel .form-panel-section {
  margin-bottom: 20px;
}
.upgrade-step-pay .form-panel.saved-card-panel .fieldset {
  margin-bottom: 0;
}
.upgrade-step-pay .form-panel.saved-card-panel .fieldset .field-readonly {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #222;
  font-family: "myriad-pro", sans-serif;
  letter-spacing: -0.18px;
  margin-top: 8px;
}
.upgrade-step-pay-footer p {
  margin: 0 90px 40px 90px;
}
@media screen and (max-width: 480px) {
  .upgrade-step-pay-footer p {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .upgrade-step-pay-footer .button-primary {
    top: 0;
  }
}
.upgrade-step-confirm .pricing-table {
  margin-bottom: 16px;
}
.upgrade-step-confirm .field-readonly {
  line-height: 20px;
  line-height: 1.25rem;
}
.upgrade-step-confirm .upgrade-review-addresses .fieldset {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 48.2106681966%;
}
.upgrade-step-confirm .upgrade-review-addresses .fieldset:last-child {
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .upgrade-step-confirm .upgrade-review-addresses .fieldset {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-step-confirm .upgrade-review-addresses .fieldset:last-child {
    margin-right: 0;
  }
}
.upgrade-step-confirm-footer p {
  margin: 0 90px 40px 90px;
}
@media screen and (max-width: 480px) {
  .upgrade-step-confirm-footer p {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .upgrade-step-confirm-footer .button-primary {
    top: 0;
  }
}
@media print {
  .upgrade-step-success {
    background: #fff;
    display: block;
    height: 100%;
    left: 0;
    min-width: 700px;
    padding: 100px 50px 50px 50px;
    position: fixed;
    top: 0;
    width: 100%;
  }
}
.upgrade-step-success p {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #888;
  letter-spacing: -0.36px;
  text-align: center;
}
.upgrade-step-success p [class^=icon-] {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  color: #6bac43;
}
.upgrade-step-success .print-logo {
  display: none;
  height: 58px;
  left: 0;
  position: absolute;
  top: 0;
  width: 62px;
}
@media print {
  .upgrade-step-success .print-logo {
    display: block;
  }
}
.upgrade-step-success .receipt-actions {
  text-align: center;
}
@media print {
  .upgrade-step-success .receipt-actions {
    display: none;
  }
}
.upgrade-step-success .receipt-details {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 74.1053340983%;
}
.upgrade-step-success .receipt-details:last-child {
  margin-right: 0;
}
.upgrade-step-success .receipt-details {
  margin-left: 14.7019570017%;
  list-style: none;
  margin-bottom: 42px;
  margin-top: 42px;
  padding: 0;
}
@media print {
  .upgrade-step-success .receipt-details {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.upgrade-step-success .receipt-details > li {
  border-top: 1px solid #eee;
  padding: 17px 0;
}
.upgrade-step-success .receipt-details > li:last-child {
  border-bottom: 1px solid #eee;
}
.upgrade-step-success .receipt-details > li label {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 4.8291579146%;
  width: 30.1138947236%;
}
.upgrade-step-success .receipt-details > li label:last-child {
  margin-right: 0;
}
.upgrade-step-success .receipt-details > li label {
  margin-left: 6.1721527019%;
  margin-top: 4px;
}
.upgrade-step-success .receipt-details > li span {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 34px;
  line-height: 2.125rem;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 4.8291579146%;
  width: 47.5854210427%;
}
.upgrade-step-success .receipt-details > li span:last-child {
  margin-right: 0;
}
.upgrade-step-success .receipt-details > li span {
  font-family: "ff-meta-serif-web-pro", serif;
  font-weight: 300;
}
.upgrade-section {
  margin-top: 68px;
}
.upgrade-section-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 26px;
}
.upgrade-section-header h3 {
  margin-bottom: 4px;
}
.upgrade-section.payment {
  margin-top: 100px;
}
.upgrade-section .fieldset-list input[type=radio] ~ label,
.upgrade-section .fieldset-list input[type=checkbox] ~ label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.upgrade-section .fieldset-list input[type=radio]:not(:checked) ~ label,
.upgrade-section .fieldset-list input[type=checkbox]:not(:checked) ~ label {
  color: #888;
}
.upgrade-section .fieldset-list [type=radio] ~ label:before {
  top: 0;
}
.upgrade-section .fieldset-list input[type=radio]:checked ~ label:before {
  padding-left: 2px;
}
.upgrade-compare {
  margin-top: 28px;
  text-align: center;
}
.upgrade-compare [class^=button-] {
  padding-bottom: 10px;
  padding-top: 10px;
}
.upgrade-compare [class^=button-] + [class^=button-] {
  display: none;
}
.upgrade-contact {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  margin-top: 40px;
  text-align: center;
}
.upgrade-contact a {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "myriad-pro", sans-serif;
}

.upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select:last-child {
  margin-right: 0;
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select {
  margin-left: 35.2633352458%;
  padding-left: 24px;
}
@media screen and (max-width: 940px) {
  .upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select {
    float: left;
    display: block;
    min-height: 1px;
    position: relative;
    display: block;
    margin-right: 3.5786636068%;
    width: 100%;
  }
  .upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select:last-child {
    margin-right: 0;
  }
  .upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  .upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-select {
    width: 100% !important;
  }
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-calculation {
  margin-left: 0 !important;
}
@media screen and (max-width: 940px) {
  .upgrade-single-plan-modal .pricing-option.horizontal .pricing-options-classrooms-calculation {
    text-align: center;
    width: 100% !important;
  }
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-option-name {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 3.5786636068%;
  width: 35.2633352458%;
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-option-name:last-child {
  margin-right: 0;
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-option-name {
  text-align: center;
}
@media screen and (max-width: 940px) {
  .upgrade-single-plan-modal .pricing-option.horizontal .pricing-option-name {
    width: 100% !important;
  }
}
.upgrade-single-plan-modal .pricing-option.horizontal .pricing-option-continue {
  padding-right: 0;
  width: 38% !important;
  text-align: center;
}

@media print {
  * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
  }
}
@media screen and (max-width: 480px) {
  .upgrade__apply-coupon-button {
    width: 100%;
  }
}

@media screen and (max-width: 940px) {
  .upgrade__card-field-label {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 800px) {
  .upgrade__card-field-label {
    font-size: 0.7rem;
  }
}

.upgrade__student-count-input-wrapper {
  width: 100% !important;
}

.upgrade__student-count-input {
  margin-bottom: 10px;
}

.upgrade__student-count-button {
  margin-left: 10px;
  margin-bottom: 8px;
}

.video-link {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0.7px;
  position: relative;
  text-transform: uppercase;
}
.theme-1 .video-link:hover:before {
  background: rgb(12.5, 155.7692307692, 212.5);
}
.theme-2 .video-link:hover:before {
  background: rgb(79.9836065574, 35.6229508197, 128.3770491803);
}
.theme-3 .video-link:hover:before {
  background: rgb(95.4174757282, 8.5825242718, 12.1165048544);
}
.theme-4 .video-link:hover:before {
  background: rgb(102.9902912621, 41.9029126214, 1.0097087379);
}
.theme-5 .video-link:hover:before {
  background: rgb(190.3188405797, 10.6811594203, 45.6376811594);
}
.theme-6 .video-link:hover:before {
  background: rgb(6.7692307692, 118.4615384615, 125.2307692308);
}
.theme-7 .video-link:hover:before {
  background: rgb(157.4193548387, 104.5161290323, 2.5806451613);
}
.theme-8 .video-link:hover:before {
  background: rgb(7.2545454545, 61.4727272727, 1.5272727273);
}
.theme-9 .video-link:hover:before {
  background: rgb(0.6814159292, 10.2212389381, 10.3185840708);
}
.theme-10 .video-link:hover:before {
  background: rgb(0, 31.5286624204, 55);
}
.theme-11 .video-link:hover:before {
  background: rgb(69, 101.5, 0.5);
}
.video-link:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 55px;
  line-height: 3.4375rem;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
.theme-1 .video-link:before {
  background: #22b7f2;
}
.theme-2 .video-link:before {
  background: #8240ca;
}
.theme-3 .video-link:before {
  background: #bd1118;
}
.theme-4 .video-link:before {
  background: #cc5302;
}
.theme-5 .video-link:before {
  background: #f43b5f;
}
.theme-6 .video-link:before {
  background: #0cd2de;
}
.theme-7 .video-link:before {
  background: #fba90b;
}
.theme-8 .video-link:before {
  background: #13a104;
}
.theme-9 .video-link:before {
  background: #07696a;
}
.theme-10 .video-link:before {
  background: #005a9d;
}
.theme-11 .video-link:before {
  background: #8acb01;
}
.video-link:before {
  color: #fff;
  content: "\e61c";
  display: inline-block;
  font-family: "kdi-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  height: 55px;
  margin-right: 12px;
  padding-left: 20px;
  position: relative;
  speak: none;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  width: 55px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.theme-1 .video-link:before:hover {
  color: #22b7f2;
}
.theme-2 .video-link:before:hover {
  color: #8240ca;
}
.theme-3 .video-link:before:hover {
  color: #bd1118;
}
.theme-4 .video-link:before:hover {
  color: #cc5302;
}
.theme-5 .video-link:before:hover {
  color: #f43b5f;
}
.theme-6 .video-link:before:hover {
  color: #0cd2de;
}
.theme-7 .video-link:before:hover {
  color: #fba90b;
}
.theme-8 .video-link:before:hover {
  color: #13a104;
}
.theme-9 .video-link:before:hover {
  color: #07696a;
}
.theme-10 .video-link:before:hover {
  color: #005a9d;
}
.theme-11 .video-link:before:hover {
  color: #8acb01;
}
.video-link:before:hover {
  background: #fff;
  text-decoration: none;
}

body.overlay-open {
  overflow-x: hidden;
  overflow-y: hidden;
}

.overlay-screen-container {
  background-color: rgba(255, 255, 255, 0.98);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  width: 100%;
  z-index: 200;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container {
    z-index: 101;
  }
}
.overlay-screen-container {
  /*.overlay-open & {
      overflow-x: hidden;
      overflow-y: hidden;
  }*/
}

.overlay-screen-container header {
  position: absolute;
  width: 100%;
}
.theme-1 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo.jpg") no-repeat;
}
.theme-2 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-2.jpg") no-repeat;
}
.theme-3 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-3.jpg") no-repeat;
}
.theme-4 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-4.jpg") no-repeat;
}
.theme-5 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-5.jpg") no-repeat;
}
.theme-6 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-6.jpg") no-repeat;
}
.theme-7 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-7.jpg") no-repeat;
}
.theme-8 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-8.jpg") no-repeat;
}
.theme-9 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-9.jpg") no-repeat;
}
.theme-10 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-10.jpg") no-repeat;
}
.theme-11 .overlay-screen-container header .logo {
  background: url("/Assets/Images/logo-theme-11.jpg") no-repeat;
}
.overlay-screen-container header .logo {
  display: block;
  height: 116px;
  left: 0;
  position: absolute;
  top: 0;
  width: 124px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container header .logo {
    display: none;
  }
}
.overlay-screen-container header .logo-hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.theme-1 .overlay-screen-container header .logo-hover {
  background-color: #22b7f2;
}
.theme-2 .overlay-screen-container header .logo-hover {
  background-color: #8240ca;
}
.theme-3 .overlay-screen-container header .logo-hover {
  background-color: #bd1118;
}
.theme-4 .overlay-screen-container header .logo-hover {
  background-color: #cc5302;
}
.theme-5 .overlay-screen-container header .logo-hover {
  background-color: #f43b5f;
}
.theme-6 .overlay-screen-container header .logo-hover {
  background-color: #0cd2de;
}
.theme-7 .overlay-screen-container header .logo-hover {
  background-color: #fba90b;
}
.theme-8 .overlay-screen-container header .logo-hover {
  background-color: #13a104;
}
.theme-9 .overlay-screen-container header .logo-hover {
  background-color: #07696a;
}
.theme-10 .overlay-screen-container header .logo-hover {
  background-color: #005a9d;
}
.theme-11 .overlay-screen-container header .logo-hover {
  background-color: #8acb01;
}
.overlay-screen-container header .logo-hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 116px;
  left: 0;
  position: absolute;
  top: 0;
  width: 124px;
  z-index: 1;
}
.overlay-screen-container header .logo-hover img {
  display: block;
  height: 28px;
  margin: 44px auto 0 auto;
  width: 31px;
}
.overlay-screen-container header .logo:hover .logo-hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.overlay-screen-container header .close {
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  display: block;
  float: right;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-right: 100px;
  padding-top: 25px;
  position: relative;
  text-transform: uppercase;
  /*@include respond(tablet){
      display: none;
  }*/
}
.overlay-screen-container header .close-container {
  background-color: #888;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 0;
}
.overlay-screen-container header .close-container [class^=icon] {
  color: #fff;
  float: left;
  font-size: 24px;
}

.overlay-screen-container .overlay {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay {
    margin-top: 38px;
  }
}
.overlay-screen-container .overlay-content .push-wrapper {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.overlay-screen-container .overlay .select-wrapper {
  float: right;
  margin-top: -12px;
}
.overlay-screen-container .overlay .select-dropdown {
  border: none;
  padding: 0;
  position: relative;
}
.overlay-screen-container .overlay .select-dropdown:after {
  content: "\e623";
  font-family: "kdi-icons" !important;
  position: absolute;
  right: 15px;
  top: 15px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.theme-1 .overlay-screen-container .overlay .select-dropdown:after {
  color: #22b7f2;
}
.theme-2 .overlay-screen-container .overlay .select-dropdown:after {
  color: #8240ca;
}
.theme-3 .overlay-screen-container .overlay .select-dropdown:after {
  color: #bd1118;
}
.theme-4 .overlay-screen-container .overlay .select-dropdown:after {
  color: #cc5302;
}
.theme-5 .overlay-screen-container .overlay .select-dropdown:after {
  color: #f43b5f;
}
.theme-6 .overlay-screen-container .overlay .select-dropdown:after {
  color: #0cd2de;
}
.theme-7 .overlay-screen-container .overlay .select-dropdown:after {
  color: #fba90b;
}
.theme-8 .overlay-screen-container .overlay .select-dropdown:after {
  color: #13a104;
}
.theme-9 .overlay-screen-container .overlay .select-dropdown:after {
  color: #07696a;
}
.theme-10 .overlay-screen-container .overlay .select-dropdown:after {
  color: #005a9d;
}
.theme-11 .overlay-screen-container .overlay .select-dropdown:after {
  color: #8acb01;
}
.overlay-screen-container .overlay .select-dropdown select {
  width: 200px;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 11px;
  font-family: "myriad-pro", sans-serif;
  background: #f4f4f4;
  border-color: #bbb;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #bbb;
}
.overlay-screen-container .overlay-tabs {
  margin-left: 6.1721527019%;
  float: left;
}
.overlay-screen-container .overlay-tabs-content {
  background: #f4f4f4;
  border-top: 1px solid #eee;
  min-height: 100vh;
}
.overlay-screen-container .overlay-tabs-content ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}
.overlay-screen-container .overlay-tabs-content .addto-desks,
.overlay-screen-container .overlay-tabs-content .addto-classrooms {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}
.overlay-screen-container .overlay-tabs-content .addto-desks ul,
.overlay-screen-container .overlay-tabs-content .addto-classrooms ul {
  margin-left: 6.1721527019%;
}
.overlay-screen-container .overlay-tabs-content .negative-results {
  margin-bottom: 800px;
}
.overlay-screen-container .overlay-top {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 46px;
}
.overlay-screen-container .overlay-top-content {
  margin-left: 6.1721527019%;
}
.overlay-screen-container .overlay-footer {
  /*@include grid-column(12);*/
  position: fixed;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.overlay-screen-container .overlay-footer-left {
  float: left;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-footer-left {
    display: none;
  }
}
.overlay-screen-container .overlay-footer-left p,
.overlay-screen-container .overlay-footer-left a {
  display: inline-block;
}
.overlay-screen-container .overlay-footer-left a {
  margin-left: 10px;
}
.overlay-screen-container .overlay-footer-left p {
  margin-right: 10px;
  color: #888;
  font-size: 18px;
  font-size: 1.125rem;
}
.overlay-screen-container .overlay-footer-right {
  float: right;
  width: 50%;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-footer-right {
    width: 100%;
    float: none;
    text-align: center;
  }
}
.overlay-screen-container .overlay-footer-push {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%;
}
.overlay-screen-container .overlay-footer-push:last-child {
  margin-right: 0;
}
.overlay-screen-container .overlay-footer-wrapper {
  margin-right: 16px;
  background-color: white;
}
.overlay-screen-container .overlay-footer-wrapper .modal-dialog-footer {
  text-align: left;
  background: white;
  padding: 25px 30px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-footer-wrapper .modal-dialog-footer .button-primary {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-form h4 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.overlay-screen-container .overlay-form-input {
  border-bottom: 1px solid #ddd;
  margin-top: 47px;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-form-input {
    margin-top: 5px;
  }
}
.overlay-screen-container .overlay-form-input > input {
  font-size: 48px;
  font-size: 3rem;
  background: transparent;
  border: none;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  outline: none;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-form-input > input {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.overlay-screen-container .overlay-form-input > input:focus, .overlay-screen-container .overlay-form-input > input:active {
  color: #000;
  outline: none;
}
.overlay-screen-container .overlay-form-input .search-link:hover [class^=icon] {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.theme-1 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #22b7f2;
}
.theme-2 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #8240ca;
}
.theme-3 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #bd1118;
}
.theme-4 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #cc5302;
}
.theme-5 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #f43b5f;
}
.theme-6 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #0cd2de;
}
.theme-7 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #fba90b;
}
.theme-8 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #13a104;
}
.theme-9 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #07696a;
}
.theme-10 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #005a9d;
}
.theme-11 .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  color: #8acb01;
}
.overlay-screen-container .overlay-form-input .search-link [class^=icon] {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  float: right;
  font-size: 40px;
  margin-right: 38px;
  margin-top: 17px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-form-input .search-link [class^=icon] {
    font-size: 22px;
    font-size: 1.375rem;
    margin-right: 0;
  }
}
.overlay-screen-container .overlay-results {
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%;
}
.overlay-screen-container .overlay-results:last-child {
  margin-right: 0;
}
.overlay-screen-container .overlay-results {
  margin-left: 6.1721527019%;
  padding-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results {
    margin: 0;
    width: 100%;
  }
}
.overlay-screen-container .overlay-results-label {
  margin-bottom: 12px;
  margin-top: 66px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results-label {
    margin-left: 17px;
    margin-bottom: 3px;
    margin-top: 36px;
  }
}
.overlay-screen-container .overlay-results .search-result {
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background-color: #f4f4f4;
  display: block;
  max-width: 100%;
  width: 100%;
}
.overlay-screen-container .overlay-results .search-result-row {
  cursor: pointer;
  margin: 0 0 1px 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results .search-result-row {
    padding-bottom: 10px;
  }
}
.overlay-screen-container .overlay-results .search-result-row-item {
  font-size: 21px;
  font-size: 1.3125rem;
  color: #333;
  display: block;
  float: left;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding: 19px 0;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results .search-result-row-item {
    padding: 0;
  }
}
.overlay-screen-container .overlay-results .search-result-row-item:first-child {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results .search-result-row-item:first-child {
    padding-left: 16px;
  }
}
.overlay-screen-container .overlay-results .search-result-row-item:first-child [class^=icon] {
  color: #888;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results .search-result-row-item:first-child [class^=icon] {
    font-size: 33px;
    font-size: 2.0625rem;
  }
}
.overlay-screen-container .overlay-results .search-result-row-item img {
  border: 2px solid #dddddd;
  display: block;
  height: 50px;
  width: 50px;
}
.overlay-screen-container .overlay-results .search-result-row-item h5 span, .overlay-screen-container .overlay-results .search-result-row-item .discover-map .nav-controls .breadcrumbs .darken span, .discover-map .nav-controls .breadcrumbs .overlay-screen-container .overlay-results .search-result-row-item .darken span, .overlay-screen-container .overlay-results .search-result-row-item .discover-map .nav-controls .breadcrumbs .crumb span, .discover-map .nav-controls .breadcrumbs .overlay-screen-container .overlay-results .search-result-row-item .crumb span {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "ff-meta-serif-web-pro", serif;
  font-style: italic;
  font-weight: 500;
  text-transform: lowercase;
}
.overlay-screen-container .overlay-results .search-result-row-item .free {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}
.theme-1 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #fbd20b;
}
.theme-2 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #3cfdf2;
}
.theme-3 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #eee7cb;
}
.theme-4 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #efc416;
}
.theme-5 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #0cd2de;
}
.theme-6 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #fceb92;
}
.theme-7 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #ffefb5;
}
.theme-8 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #8df5f9;
}
.theme-9 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #e6eaa7;
}
.theme-10 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #94e1fe;
}
.theme-11 .overlay-screen-container .overlay-results .search-result-row-item .free {
  background-color: #e0f18f;
}
.overlay-screen-container .overlay-results .search-result-row-item .free {
  color: #222;
  display: inline-block;
  font-family: "myriad-pro", sans-serif;
  font-weight: 900;
  margin-left: 10px;
  padding: 3px 15px;
  text-transform: uppercase;
}
.overlay-screen-container .overlay-results .search-result-row:hover {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-color: #ddd;
}
.theme-1 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #22b7f2;
}
.theme-2 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #8240ca;
}
.theme-3 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #bd1118;
}
.theme-4 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #cc5302;
}
.theme-5 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #f43b5f;
}
.theme-6 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #0cd2de;
}
.theme-7 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #fba90b;
}
.theme-8 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #13a104;
}
.theme-9 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #07696a;
}
.theme-10 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #005a9d;
}
.theme-11 .overlay-screen-container .overlay-results .search-result-row:hover .search-result-row-item {
  color: #8acb01;
}
.overlay-screen-container .overlay-results .search-result-margin {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .overlay-screen-container .overlay-results .search-result-margin {
    margin-top: 0;
  }
}
.overlay-screen-container .overlay-results {
  /*.search-terms {
      tr {
          td {
              &:first-child {
                  width: 10%;

                  [class^="icon"] {
                      font-size: 16px;
                  }
              }

              &:nth-child(2) {
                  width: 72%;
              }

              &:last-child {

              }
          }
      }
  }

  .units {
      .search-result-row-item {

          @include respond(tablet) {
              padding-top: 10px;
          }

          &:first-child {
              width: 10%;

              @include respond(phone){
                  width: 20%;
              }

              [class^="icon"] {
                  display: block;
                  font-size: 30px;
                  margin-top: 10px;
              }
          }

          &:nth-child(2) {
              width: 9%;

              @include respond(phone){
                  width: 20%;
              }
          }

          &:nth-child(3) {
              width: 74%;

              @include respond(phone){
                  width: 56%;
              }
          }

          &:last-child {

              @include respond(tablet){
                  display: none;
              }
          }
      }
  }

  .resources, .topics {
      .search-result-row-item {

          &:first-child {
              width: 10%;

              @include respond(phone){
                  width: 20%;
              }

              [class^="icon"] {
                  font-size: 30px;

                  @include respond(tablet){
                      margin-top: 10px;
                      position: absolute;
                  }
              }

              .search-result-margin {
                  margin-top: 5px;
              }

          }

          &:nth-child(2) {
              width: 55%;
              padding-bottom: 0;

              .search-result-margin {
                  margin-top: 8px;

                  @include respond(phone) {
                      margin-top: 10px;
                  }

              }
          }

          &:nth-child(3) {
              width: 28%;

              @include respond(tablet){
                  clear: both;
                  margin-left: 10%;
                  padding-top: 0;
                  width: 90%;
              }

              @include respond(phone) {
                  margin-left: 20%;
                  width: 80%;
              }
          }

          &:last-child {

              @include respond(tablet){
                  display: none;
              }
          }
      }
  }

  .resources {
      .search-result-row-item {
          &:nth-child(2) {
              width: 75%;
          }
      }
  }*/
}

@media screen and (max-width: 768px) {
  .your-account-modal {
    width: auto;
    margin-left: 26px;
    margin-right: 26px;
  }
}
.your-account-modal .modal-dialog-body {
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .your-account-modal .modal-dialog-body {
    text-align: center;
  }
}
.your-account-modal .modal-dialog-body h5, .your-account-modal .modal-dialog-body .discover-map .nav-controls .breadcrumbs .darken, .discover-map .nav-controls .breadcrumbs .your-account-modal .modal-dialog-body .darken, .your-account-modal .modal-dialog-body .discover-map .nav-controls .breadcrumbs .crumb, .discover-map .nav-controls .breadcrumbs .your-account-modal .modal-dialog-body .crumb {
  letter-spacing: 0.6px;
}
.your-account-modal .modal-dialog-body .profile-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  height: 75px;
  margin: 10px auto 0 auto;
  width: 75px;
}
.your-account-modal .modal-dialog-body h3 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #222;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.8px;
}
.your-account-modal .modal-dialog-body .account-type {
  font-family: "ff-meta-serif-web-pro", serif;
  font-size: 16px;
  font-size: 1rem;
  color: #bbb;
  font-weight: 300;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .your-account-modal .modal-dialog-footer {
    border-top: none;
  }
}

.upgrade-plan__pricing-table-container {
  width: unset !important;
  max-width: unset !important;
  margin-top: 40px;
}
@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-table-container {
    margin-top: 0;
  }
}

@media screen and (min-width: 901px) {
  .upgrade-plan__pricing-table {
    display: flex;
  }
}

@media screen and (min-width: 901px) {
  .upgrade-plan__pricing-loading {
    margin-left: 44% !important;
  }
}

@media screen and (max-width: 480px) {
  .pricing-table .pricing-option {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 768px) {
  .pricing-table .pricing-option:last-child {
    margin-bottom: 68px !important;
  }
}
@media screen and (max-width: 720px) {
  .pricing-table .pricing-option:last-child {
    margin-bottom: 118px !important;
  }
}

.upgrade-plan__pricing-option {
  margin: 10px !important;
  padding: 20px !important;
}
@media screen and (min-width: 901px) {
  .upgrade-plan__pricing-option {
    flex: 0 100%;
  }
}
@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-option {
    width: calc(100% - 40px) !important;
  }
}
@media screen and (max-width: 480px) {
  .upgrade-plan__pricing-option {
    width: auto !important;
  }
}

.upgrade-plan__pricing-option-row--centered {
  width: 100% !important;
  margin: auto !important;
  text-align: center !important;
  padding: 0 !important;
}

.upgrade-plan__pricing-option-amount {
  min-height: 70px;
}

.upgrade-plan__pricing-option-continue {
  float: none !important;
  text-align: center !important;
  width: unset !important;
}

.upgrade-plan__buy-now-button {
  margin-top: 15px;
}
@media screen and (max-width: 480px) {
  .upgrade-plan__buy-now-button {
    width: 100%;
    font-size: 1rem;
  }
}

.upgrade-plan__pricing-option-access {
  font-style: italic;
}
@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-option-access {
    text-align: start !important;
  }
}
.upgrade-plan__pricing-option-access--wide {
  margin-left: 10px;
}
@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-option-access--wide {
    width: 100% !important;
  }
}

.upgrade-plan__pricing-option-access-paragraph {
  margin: 30px 0;
  font-size: 1rem;
}
@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-option-access-paragraph {
    font-size: 1.1rem;
    margin: 30px 20px 0 0;
  }
}

.upgrade-plan__pricing-option.-recommended:not(.selected):before {
  left: -2px !important;
  top: -28px !important;
  border-top-right-radius: 4px !important;
  width: calc(100% + 4px) !important;
  height: 28px !important;
}

.upgrade-plan__pricing-option.-recommended:not(.selected):after {
  transform: none !important;
  left: -webkit-calc(50% - 55px) !important;
  left: calc(50% - 55px) !important;
  top: -20px !important;
}

.upgrade-plan__pricing-option + .upgrade-plan__pricing-option {
  border-top: 1px solid #ddd !important;
}

.upgrade-plan__buy-now-button-link {
  color: black !important;
  font-size: 12px;
  font-family: "myriad-pro", sans-serif;
  line-height: unset;
}

@media screen and (min-width: 481px) {
  .upgrade-plan__more-button {
    display: none !important;
  }
}
@media screen and (min-width: 901px) {
  .upgrade-plan__mobile {
    display: none !important;
  }
}
@media screen and (max-width: 900px) {
  .upgrade-plan__desktop {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  * {
    box-sizing: border-box;
  }
  .upgrade-plan__pricing-option-access-panel-wrapper {
    position: relative;
  }
  .upgrade-plan__show-button, .upgrade-plan__hide-button {
    position: absolute;
    bottom: -1em;
    z-index: 100;
    text-align: center;
  }
  .upgrade-plan__hide-button {
    display: none !important;
  }
  .upgrade-plan__show-button:target {
    display: none !important;
  }
  .upgrade-plan__show-button:target ~ .upgrade-plan__hide-button {
    display: block !important;
  }
  .upgrade-plan__show-button:target ~ .upgrade-plan__pricing-option-access-panel {
    max-height: 2000px;
  }
  .upgrade-plan__show-button:target ~ .upgrade-plan__pricing-option-access-fade {
    margin-top: 0;
    max-height: 1px;
  }
  .upgrade-plan__pricing-option-access-panel {
    position: relative;
    margin: 2em 0;
    max-height: 100px;
    transition: max-height 0.5s ease;
  }
  .upgrade-plan__pricing-option-access-fade {
    background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgb(244, 244, 244) 100%);
    height: 100px;
    margin-top: -100px;
    position: relative;
  }
  .upgrade-plan__pricing-option:hover .upgrade-plan__pricing-option-access-fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  }
  .upgrade-plan__more-button {
    background: lightgray !important;
    text-transform: none;
    width: calc(100% + 40px) !important;
    margin-left: -20px !important;
    margin-bottom: -36px !important;
    border-radius: 0;
    font-weight: 900;
  }
  .upgrade-plan__arrow-icon {
    border: solid #22b7f2;
    border-width: 0 3px 3px 0;
    border-style: solid;
    display: inline-block;
    padding: 3px;
    margin-right: 10px;
  }
  .upgrade-plan__arrow-icon--down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .upgrade-plan__arrow-icon--up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }
}
@media screen and (max-width: 768px) {
  .upgrade-plan__pricing-options-classrooms-select {
    margin-left: 0 !important;
  }
}

.upgrade-plan__pricing-option-name {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-option-name {
    width: 100% !important;
    text-align: start !important;
  }
}

@media screen and (max-width: 900px) {
  .upgrade-plan__pricing-option-link {
    padding: 20px 20px 30px 20px !important;
  }
}

.upgrade-plan__container {
  background: white;
  padding: 80px 0;
}

@media screen and (max-width: 480px) {
  .upgrade-plan__container .modal-dialog-body-padding {
    padding-left: 40px;
  }
}

.upgrade-plan__container .pricing-table.-recommendations-only .pricing-option.-display {
  border-top: 1px solid #ddd;
}

@media screen and (max-width: 900px) {
  .upgrade-plan__title {
    font-size: 1.8rem;
    font-family: "myriad-pro", sans-serif;
    color: #333;
  }
  .upgrade-plan__description {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin: 20px 30px;
  }
}

.purchase-plan__wrapper {
  width: auto !important;
  max-width: unset !important;
}

.purchase-plan__container {
  background: white;
  padding: 80px 100px;
}
@media screen and (max-width: 768px) {
  .purchase-plan__container {
    padding: 44px 90px;
  }
}
@media screen and (max-width: 480px) {
  .purchase-plan__container {
    padding: 44px 16px;
  }
}

.purchase-plan__title {
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .purchase-plan__page-content {
    padding: 50px 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .purchase-plan__modal-dialog-body-padding {
    padding: 0;
  }
}

.purchase-plan__register-form {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 901px) {
  .purchase-plan__register-form {
    width: 75%;
  }
}
.purchase-plan__register-form .fieldset-vertical {
  margin: 0 66px 27px 0 !important;
}
@media screen and (max-width: 768px) {
  .purchase-plan__register-form .fieldset-vertical {
    margin: 0 0 27px 0 !important;
  }
}

.checkout__fallback-plan-name {
  font-weight: bold;
}
.checkout__fallback-plan-name--hidden {
  display: none;
}

.audio-player {
  margin: 20px 0;
}
.audio-player:before {
  content: " ";
  background-image: url("/Assets/Images/audio_icon_blue.png");
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
  position: absolute;
}
.audio-player iframe {
  margin-left: 100px;
}
@media screen and (max-width: 720px) {
  .audio-player iframe {
    width: calc(100% - 85px);
    max-width: 300px;
    margin-left: 85px;
  }
}

.unit__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
}

.unit__overlay-video {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 200%;
}
@media screen and (max-width: 1240px) {
  .unit__overlay-video {
    width: 130%;
  }
}
@media screen and (max-width: 768px) {
  .unit__overlay-video {
    display: none;
  }
}

.unit__overlay-video--mobile {
  width: 100%;
  max-height: 150%;
  display: none;
}
@media screen and (max-width: 768px) {
  .unit__overlay-video--mobile {
    display: block;
  }
}

.content-warning-overlay:after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: hsla(256, 256%, 256%, 0.5);
  pointer-events: none;
}

.unit__overlay-warning-message-header {
  color: red;
  font-size: 2rem;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  .unit__overlay-warning-message-header {
    font-size: 1rem !important;
    line-height: 1rem !important;
  }
}
.unit__overlay-warning-message-text > h3 {
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .unit__overlay-warning-message-text > h3 {
    font-size: 1rem !important;
    line-height: 1rem !important;
  }
}
@media screen and (max-width: 480px) {
  .unit__overlay-warning-message-text > * {
    font-size: 1rem !important;
    line-height: 1rem !important;
  }
}
.unit__overlay-warning-message {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.unit__overlay-button-enter {
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 200px;
  display: none;
  background-color: #efc416 !important;
}
@media screen and (max-width: 900px) {
  .unit__overlay-button-enter {
    margin-top: 140px;
  }
}
@media screen and (max-width: 600px) {
  .unit__overlay-button-enter {
    margin-top: 120px;
  }
}
@media screen and (max-width: 768px) {
  .unit__overlay-button-enter {
    margin-top: 0;
    top: 93%;
  }
}
@media screen and (max-width: 480px) {
  .unit__overlay-button-enter {
    top: 90%;
  }
}
.unit__overlay-button-enter:hover {
  background-color: rgb(196.5060240964, 160.2409638554, 13.4939759036) !important;
}

.bhm__wrapper {
  position: relative;
}

.bhm__video {
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .bhm__video {
    display: none;
  }
}

.bhm__video--mobile {
  width: 100%;
  display: none;
}
@media screen and (max-width: 768px) {
  .bhm__video--mobile {
    display: block;
  }
}

.bhm__buttons {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .bhm__buttons {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(100% - 200px);
  }
}
@media screen and (max-width: 1060px) {
  .bhm__buttons {
    top: calc(100% - 100px);
  }
}
@media screen and (max-width: 768px) {
  .bhm__buttons {
    display: block;
  }
}

.bhm__button {
  display: none;
  margin-left: 0 !important;
}
@media screen and (max-width: 900px) {
  .bhm__button {
    padding: 20px 16px;
  }
}
@media screen and (max-width: 768px) {
  .bhm__button {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .bhm__button--visible {
    display: block !important;
  }
}
.bhm__button-ray {
  margin-left: 10% !important;
}
@media screen and (max-width: 1500px) {
  .bhm__button-ray {
    margin-left: 8% !important;
  }
}
@media screen and (max-width: 1060px) {
  .bhm__button-ray {
    margin-left: 6% !important;
  }
}
@media screen and (max-width: 768px) {
  .bhm__button-ray {
    position: absolute;
    top: calc(25% - 5px);
    margin: 0 calc(50% - 100px) !important;
  }
}
.bhm__button-aretha {
  margin-left: 5% !important;
}
@media screen and (max-width: 768px) {
  .bhm__button-aretha {
    position: absolute;
    top: calc(60% - 10px);
    margin: 0 calc(50% - 100px) !important;
  }
}
.bhm__button-curtis {
  margin-right: 10% !important;
}
@media screen and (max-width: 1500px) {
  .bhm__button-curtis {
    margin-right: 8% !important;
  }
}
@media screen and (max-width: 1240px) {
  .bhm__button-curtis {
    margin-right: 6% !important;
  }
}
@media screen and (max-width: 1060px) {
  .bhm__button-curtis {
    margin-right: 4% !important;
  }
}
@media screen and (max-width: 768px) {
  .bhm__button-curtis {
    position: absolute;
    top: calc(90% - 5px);
    margin: 0 calc(50% - 100px) !important;
  }
}

.nahm-text {
  color: white;
  font-weight: bolder;
  font-size: 2vw;
  position: absolute;
  bottom: 5%;
  text-align: left;
  font-family: "proxima-nova", sans-serif;
  text-transform: none !important;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .nahm-text {
    bottom: 2%;
    left: 2%;
    font-size: 3.2vw;
  }
}
.nahm-text-4 {
  bottom: 9% !important;
}
@media screen and (max-width: 768px) {
  .nahm-text-4 {
    bottom: 2% !important;
  }
}
.nahm-text-3 {
  bottom: 9% !important;
}
@media screen and (max-width: 768px) {
  .nahm-text-3 {
    bottom: 2% !important;
  }
}

.nahm-header-text {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 3%;
  padding-left: 5%;
  z-index: 2;
  font-family: "myriad-pro", sans-serif;
  font-size: 3vw;
  color: white;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .nahm-header-text {
    font-size: 5vw;
  }
}
.nahm-header-linebreak-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .nahm-header-linebreak-mobile {
    display: initial;
  }
}
.nahm-header-linebreak {
  display: initial;
}
@media screen and (max-width: 768px) {
  .nahm-header-linebreak {
    display: none;
  }
}

.bmh_button {
  position: absolute;
  margin: 0 !important;
  /* outline-color: red;
  outline-width: 1px;
  outline-style: solid; */
  background-color: transparent !important;
  opacity: 0;
  visibility: hidden;
}
.bmh_button-1 {
  left: 0;
  top: 0;
  width: 21.2%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .bmh_button-1 {
    height: 38.5%;
    left: 0;
    top: 0;
    width: 50%;
  }
}
.bmh_button-2 {
  height: 100%;
  left: 21.2%;
  top: 0;
  width: 28.8%;
}
@media screen and (max-width: 768px) {
  .bmh_button-2 {
    height: 32.9%;
    left: 0;
    top: 38.5%;
    width: 100%;
  }
}
.bmh_button-3 {
  height: 55.5%;
  left: 49.95%;
  top: 44.5%;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .bmh_button-3 {
    height: 38.5%;
    left: 50%;
    top: 0%;
    width: 50%;
  }
}
.bmh_button-4 {
  height: 55.5%;
  left: 75%;
  top: 44.5%;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .bmh_button-4 {
    height: 28.5%;
    left: 55.7%;
    top: 71.4%;
    width: 44.3%;
  }
}
.bmh_button-5 {
  height: 44.5%;
  left: 50%;
  top: 0;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .bmh_button-5 {
    height: 28.5%;
    left: 0%;
    top: 71.4%;
    width: 55.7%;
  }
}
.bmh_button-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.bmh_button-overlay:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.nahm_button {
  position: absolute;
  margin: 0 !important;
  /* outline-color: red;
  outline-width: 1px;
  outline-style: solid; */
  background-color: transparent !important;
  opacity: 0;
  visibility: hidden;
}
.nahm_button-1 {
  left: 0;
  top: 0;
  width: 20%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nahm_button-1 {
    height: 36.5%;
    left: 50.5%;
    top: 0;
    width: 49.5%;
  }
}
.nahm_button-2 {
  height: 100%;
  left: 20%;
  top: 0;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .nahm_button-2 {
    height: 30.5%;
    left: 0;
    top: 36.5%;
    width: 100%;
  }
}
.nahm_button-3 {
  height: 50%;
  left: 45%;
  top: 0;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .nahm_button-3 {
    height: 33%;
    left: 50%;
    top: 67%;
    width: 50%;
  }
}
.nahm_button-4 {
  height: 50%;
  left: 70%;
  top: 0;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .nahm_button-4 {
    height: 33%;
    left: 0;
    top: 67%;
    width: 50%;
  }
}
.nahm_button-5 {
  height: 50%;
  left: 45%;
  top: 50%;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .nahm_button-5 {
    height: 36.5%;
    left: 0;
    top: 0;
    width: 50.5%;
  }
}
.nahm_button-overlay {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.nahm_button-overlay:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.cw__button {
  display: none;
  margin-left: 0 !important;
}
@media screen and (max-width: 900px) {
  .cw__button {
    padding: 20px 16px;
  }
}
@media screen and (max-width: 768px) {
  .cw__button {
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .cw__button--visible {
    display: block !important;
  }
}
.cw__button-readUnit {
  margin-left: 45% !important;
}
@media screen and (max-width: 768px) {
  .cw__button-readUnit {
    position: absolute;
    top: calc(50% - 10px);
    margin: 0 calc(50% - 100px) !important;
  }
}

.cw__buttons {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cw__buttons {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(100% - 200px);
  }
}
@media screen and (max-width: 1060px) {
  .cw__buttons {
    top: calc(100% - 100px);
  }
}
@media screen and (max-width: 768px) {
  .cw__buttons {
    display: block;
  }
}

.scavenger-hunt__results-table table.admin-table tr td:nth-of-type(2) {
  padding: 0;
}

.scavenger-hunt__badge-image-admin-thumbnail {
  max-height: 68px;
}
.scavenger-hunt__badge-image-admin-thumbnail--large {
  max-height: 150px;
}

.scavenger-hunt__badge-preview-admin {
  margin-bottom: 20px;
}

.clues {
  border: 1px solid #eee;
  border-radius: 5px;
}
.clues .clue {
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.clues .clue:hover {
  background: #f4f4f4;
}
.theme-1 .clues .clue:hover p:first-of-type {
  color: #22b7f2;
}
.theme-2 .clues .clue:hover p:first-of-type {
  color: #8240ca;
}
.theme-3 .clues .clue:hover p:first-of-type {
  color: #bd1118;
}
.theme-4 .clues .clue:hover p:first-of-type {
  color: #cc5302;
}
.theme-5 .clues .clue:hover p:first-of-type {
  color: #f43b5f;
}
.theme-6 .clues .clue:hover p:first-of-type {
  color: #0cd2de;
}
.theme-7 .clues .clue:hover p:first-of-type {
  color: #fba90b;
}
.theme-8 .clues .clue:hover p:first-of-type {
  color: #13a104;
}
.theme-9 .clues .clue:hover p:first-of-type {
  color: #07696a;
}
.theme-10 .clues .clue:hover p:first-of-type {
  color: #005a9d;
}
.theme-11 .clues .clue:hover p:first-of-type {
  color: #8acb01;
}
.clues .clue:hover p:last-of-type {
  color: #888;
}
.clues .clue p, .clues .clue i {
  display: inline-block;
}
.clues .clue i {
  padding-top: 30px !important;
}
.clues .clue__description {
  display: inline-block;
  padding: 30px 20px;
  width: 70%;
}
.clues .clue__description p {
  font-weight: 400;
  display: inline-block;
}
.clues .clue__description {
  width: 35% !important;
  vertical-align: top !important;
}
.clues .clue__name {
  color: #bbb;
  font-family: "ff-meta-serif-web-pro", serif;
  margin-top: 0;
  padding: 30px 0;
  vertical-align: top;
  width: 22%;
}
.clues .clue p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.scavenger-hunt-clue-hotspot {
  margin-bottom: 42px;
  margin-top: 10px;
  position: relative;
}
.scavenger-hunt-clue-hotspot img {
  display: block;
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.scavenger-hunt-clue-hotspot img {
  width: 100%;
}

.scavenger-hunt__clue-hotspot-delete-button-wrapper {
  margin-bottom: 20px;
  text-align: center;
  display: none;
}

.scavenger-hunt__dismiss-button {
  height: 3rem !important;
}

.scavenger-hunt__notification-badge {
  max-height: 45px;
  vertical-align: middle;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .scavenger-hunt__notification-badge {
    display: none;
  }
}
.scavenger-hunt__notification-badge--large {
  max-height: 100px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1041px) {
  .scavenger-hunt__notification-badge--large {
    display: none;
  }
}

.scavenger-hunt__notification-text {
  font-size: 1.1rem;
  font-weight: 400;
  color: #484646;
  text-transform: none;
  letter-spacing: normal;
}

.scavenger-hunt__notification-text--emphasized {
  font-weight: bold;
}

.scavenger-hunt__notification {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1041px) {
  .scavenger-hunt__notification {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .scavenger-hunt__notification {
    padding-top: 10px;
  }
}
@media screen and (max-width: 720px) {
  .scavenger-hunt__notification {
    padding-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .scavenger-hunt__notification {
    text-align: center !important;
  }
}
.scavenger-hunt__notification .scavenger-hunt__learn-more {
  color: black;
  font-size: 1rem;
  margin-left: 20px;
}

.scavenger-hunt__notification--expanded {
  display: none;
}

.scavenger-hunt__notification-body--expanded {
  display: inline-block;
  text-align: left;
  max-width: 42%;
}
@media screen and (max-width: 1041px) {
  .scavenger-hunt__notification-body--expanded {
    max-width: none;
    display: block;
    margin-bottom: 10px;
  }
}

.scavenger-hunt__activator {
  font-size: 0.95rem !important;
  margin-left: 20px;
  vertical-align: text-bottom;
}
@media screen and (max-width: 480px) {
  .scavenger-hunt__activator {
    width: 100%;
    margin-left: 0 !important;
  }
}

.scavenger-hunt__maybe-later {
  color: #484646 !important;
  font-size: 0.95rem !important;
  vertical-align: text-bottom;
  background-color: #fef6ce;
  padding-left: 0 !important;
}
@media screen and (max-width: 1041px) {
  .scavenger-hunt__maybe-later {
    padding-left: 30px !important;
  }
}
@media screen and (max-width: 480px) {
  .scavenger-hunt__maybe-later {
    width: 100%;
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 1024px) {
  .scavenger-hunt__learn-more-wrapper {
    display: block;
  }
}

.scavenger-hunt__buttons {
  display: inline-block;
}
@media screen and (max-width: 1041px) {
  .scavenger-hunt__buttons {
    display: block;
  }
}

.scavenger-hunt__clue-title {
  color: #262222 !important;
}

.scavenger-hunt__clue-container {
  width: 400px;
}
.scavenger-hunt__clue-container .scavenger-hunt__clue-name-wrapper {
  text-align: center;
  margin-top: 20px;
}
.scavenger-hunt__clue-container .scavenger-hunt__clue-name-wrapper .scavenger-hunt__clue-name {
  color: #262222 !important;
  padding-right: 20px;
  padding-left: 20px;
}
.scavenger-hunt__clue-container .scavenger-hunt__clue-description {
  padding-top: 10px;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.1rem;
  color: #555555;
}
.scavenger-hunt__clue-container .scavenger-hunt__clue-badge {
  max-height: 80px;
  float: right;
  margin-left: 10px;
  margin-right: 30px;
}

.scavenger-hunt__clue-badge--large {
  max-height: 200px;
  max-width: 200px;
}

.scavenger-hunt__clue-badge-container {
  margin-left: 15px;
  width: 100%;
  padding-top: 30px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .scavenger-hunt__clue-badge-container {
    padding-left: 0px;
  }
}

.scavenger-hunt__badges > .scavenger-hunt__badge:not(:first-child) {
  margin-top: 10px;
}

.scavenger-hunt__badge-data {
  color: #6fad48;
}

.scavenger-hunt__badge {
  display: flex;
  margin-right: 15px;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .scavenger-hunt__badge {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .scavenger-hunt__badge {
    width: 100%;
    max-width: unset;
    text-align: center;
    margin-bottom: 30px;
  }
}

.scavenger-hunt__badge-name {
  color: darkgrey !important;
  text-align: center;
}

.scavenger-hunt__name {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  color: #484646;
  margin-top: 10px;
  margin-right: 10px;
  max-width: 25%;
}
@media screen and (max-width: 1440px) {
  .scavenger-hunt__name {
    max-width: 30%;
  }
}
@media screen and (max-width: 940px) {
  .scavenger-hunt__name {
    max-width: 35%;
  }
}
@media screen and (max-width: 720px) {
  .scavenger-hunt__name {
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .scavenger-hunt__name {
    float: left;
    margin-left: 20px;
  }
}
.scavenger-hunt__name h2 {
  font-family: myriad-pro, sans-serif !important;
  text-transform: none !important;
  line-height: 2.25rem !important;
  margin-top: 10px !important;
  color: #484646 !important;
  text-shadow: none !important;
  text-align: left !important;
  position: unset !important;
}
@media screen and (max-width: 940px) {
  .scavenger-hunt__name h2 {
    line-height: 1.75rem !important;
    margin-top: 10px !important;
  }
}
.scavenger-hunt__name h4 {
  color: #484646;
}

.scavenger-hunt__progress-bar {
  display: inline-block;
  width: 61%;
}
@media screen and (max-width: 720px) {
  .scavenger-hunt__progress-bar {
    width: 100%;
  }
}

.scavenger-hunt__clue-finder-wrapper {
  text-align: center;
  margin: 10px;
  margin-bottom: 20px;
}

.scavenger-hunt__clue-note--found {
  text-align: center;
  margin: 10px;
  margin-bottom: 20px;
}

.scavenger-hunt__badges-heading {
  margin-bottom: 50px !important;
}

.backgroundAnimation {
  background-color: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 300;
  display: none;
}

.contentAnimation {
  scale: 0.8;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  position: fixed;
}

.headerSh {
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerSh .content {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerSh .logo {
  width: max(375px, 40%);
}
.headerSh .text-information {
  color: #888;
  font-size: 26px;
  line-height: 2.625rem;
  letter-spacing: -0.25px;
  text-align: center;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}
.headerSh .panel-video {
  width: 100%;
  min-height: 40px;
  padding: 20px;
  background-color: #fff6d5;
  align-items: center;
  display: flex;
  justify-content: center;
}
.headerSh .text-video {
  font-size: medium;
  margin-right: 25px;
}

.contentSh {
  background-color: #f4f4f4;
  border-top: 1px solid #ddd;
  display: grid;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.contentSh .row {
  margin-left: 5%;
  margin-right: 5%;
  width: fit-content;
}
@media screen and (max-width: 1042px) {
  .contentSh .row {
    margin-left: 0%;
    margin-left: 0%;
    width: auto;
  }
}
.contentSh .row .item {
  display: flex;
  flex-direction: row;
  gap: 2%;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 720px) {
  .contentSh .row .item {
    width: 100%;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}
.contentSh .row .item .imageContainerSh {
  min-width: 150px;
  min-height: 150px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.contentSh .row .item .shImage {
  max-width: 150px;
  max-height: 150px;
  margin-top: auto;
  margin-bottom: auto;
}
.contentSh .row .item .containerView {
  align-content: center;
}
.contentSh .row .item .informationView {
  width: 45vw;
}
@media screen and (max-width: 1042px) {
  .contentSh .row .item .informationView {
    width: 325px;
  }
}
@media screen and (max-width: 1042px) {
  .contentSh .row .item .informationView {
    width: 325px;
  }
}
@media screen and (max-width: 780px) {
  .contentSh .row .item .informationView {
    width: 305px;
  }
}
@media screen and (max-width: 760px) {
  .contentSh .row .item .informationView {
    width: 255px;
  }
}
@media screen and (max-width: 746px) {
  .contentSh .row .item .informationView {
    width: 235px;
  }
}
@media screen and (max-width: 720px) {
  .contentSh .row .item .informationView {
    width: 100%;
  }
}
.contentSh .row .item .informationView .shDescription {
  color: #888;
  font-size: 20px;
  line-height: 26px;
}
.contentSh .row .item .informationView .answerView {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
}
@media screen and (max-width: 720px) {
  .contentSh .row .item .informationView .answerView {
    margin-left: auto;
    margin-right: auto;
  }
}
.contentSh .row .item .informationView .answerView .answerText {
  padding-right: 5px;
  font-size: medium;
}
.contentSh .row .item .informationView .answerView .answerButton {
  font-size: medium;
  margin-right: 10px;
}
.contentSh .row .item .informationView .answerView .answerButton .text {
  color: #bbb;
  font-family: "myriad-pro", "sans-serif";
  font-size: medium;
}
.contentSh .row .item .buttonContainer {
  width: 300px;
  margin: auto;
}
@media screen and (max-width: 720px) {
  .contentSh .row .item .buttonContainer {
    width: unset;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
.contentSh .row .item .buttonStart {
  background-color: #fbd20b;
  color: black;
  height: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: center;
}
.contentSh .row .item .buttonPaused {
  background-color: #FF0000;
  color: black;
  height: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: center;
}
.contentSh .row .item .buttonActive {
  background-color: #8dcb00;
  color: black;
  height: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: center;
}
.contentSh .row .item .buttonCompleted {
  background-color: #26b6f2;
  color: black;
  height: fit-content;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: center;
}

.sw-theme-dots {
  background: #fef6ce;
}
.sw-theme-dots .nav::before {
  background-color: #0d9cd5;
  height: 1px;
  margin-left: 10%;
  width: 80%;
}
.sw-theme-dots .nav .step-number {
  color: #0d9cd5 !important;
  position: absolute;
  top: -133%;
  left: 50.1%;
  transform: translate(-50%, -50%);
  z-index: 100;
  font-family: "myriad-pro", sans-serif !important;
  font-weight: bold !important;
  font-size: 26px;
}
.sw-theme-dots .nav .nav-link::before {
  display: none;
}
.sw-theme-dots .nav .nav-link {
  position: relative;
}
.sw-theme-dots .nav .nav-link::after {
  top: -35px;
  width: 30px !important;
  height: 30px !important;
  background-color: #fef6ce !important;
  border: 1px solid #0d9cd5;
}
.sw-theme-dots .nav .nav-link.inactive::after {
  border: 1px solid #89C4F4;
  background-color: #fef6ce !important;
}
.sw-theme-dots .nav .nav-link.inactive .step-number {
  color: #89C4F4 !important;
}
.sw-theme-dots .nav .nav-link.active::after {
  background-color: #fef6ce !important;
}
.sw-theme-dots .nav .nav-link.active .step-number {
  color: #0d9cd5 !important;
}
.sw-theme-dots .nav .nav-link.done::after {
  background-color: #0d9cd5 !important;
  border: 1px solid #0d9cd5;
  content: "a";
  color: white;
  font-family: FontAwesome;
  content: "\f00c";
  padding-top: 5px;
}
.sw-theme-dots .nav .nav-link.done .step-number {
  display: none;
}

.sw > .nav {
  flex-direction: row !important;
}

.c-slider__fade {
  display: block;
  position: absolute;
  top: 0;
  width: 75px;
  height: 100%;
  z-index: 2;
}
.c-slider__fade.-back {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgb(34, 34, 34)), color-stop(46%, rgba(34, 34, 34, 0.53)), color-stop(89%, rgba(34, 34, 34, 0)));
  background: -webkit-linear-gradient(left, rgb(34, 34, 34) 8%, rgba(34, 34, 34, 0.53) 46%, rgba(34, 34, 34, 0) 89%);
  background: -moz-linear-gradient(left, rgb(34, 34, 34) 8%, rgba(34, 34, 34, 0.53) 46%, rgba(34, 34, 34, 0) 89%);
  background: -ms-linear-gradient(left, rgb(34, 34, 34) 8%, rgba(34, 34, 34, 0.53) 46%, rgba(34, 34, 34, 0) 89%);
  background: -o-linear-gradient(left, rgb(34, 34, 34) 8%, rgba(34, 34, 34, 0.53) 46%, rgba(34, 34, 34, 0) 89%);
  background: linear-gradient(left, rgb(34, 34, 34) 8%, rgba(34, 34, 34, 0.53) 46%, rgba(34, 34, 34, 0) 89%);
  background: linear-gradient(to right, rgb(34, 34, 34) 8%, rgba(34, 34, 34, 0.53) 46%, rgba(34, 34, 34, 0) 89%);
}
.c-slider__fade.-next {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(11%, rgba(34, 34, 34, 0)), color-stop(54%, rgba(34, 34, 34, 0.53)), color-stop(92%, rgb(34, 34, 34)));
  background: -webkit-linear-gradient(left, rgba(34, 34, 34, 0) 11%, rgba(34, 34, 34, 0.53) 54%, rgb(34, 34, 34) 92%);
  background: -moz-linear-gradient(left, rgba(34, 34, 34, 0) 11%, rgba(34, 34, 34, 0.53) 54%, rgb(34, 34, 34) 92%);
  background: -ms-linear-gradient(left, rgba(34, 34, 34, 0) 11%, rgba(34, 34, 34, 0.53) 54%, rgb(34, 34, 34) 92%);
  background: -o-linear-gradient(left, rgba(34, 34, 34, 0) 11%, rgba(34, 34, 34, 0.53) 54%, rgb(34, 34, 34) 92%);
  background: linear-gradient(left, rgba(34, 34, 34, 0) 11%, rgba(34, 34, 34, 0.53) 54%, rgb(34, 34, 34) 92%);
  background: linear-gradient(to right, rgba(34, 34, 34, 0) 11%, rgba(34, 34, 34, 0.53) 54%, rgb(34, 34, 34) 92%);
}
.theme-1 .c-slider__nav {
  background-color: #22b7f2;
}
.theme-1 .c-slider__nav:hover {
  background-color: rgba(34, 183, 242, 0.88);
}
.theme-1 .c-slider__nav.disabled {
  background-color: rgba(34, 183, 242, 0.88);
}
.theme-2 .c-slider__nav {
  background-color: #8240ca;
}
.theme-2 .c-slider__nav:hover {
  background-color: rgba(130, 64, 202, 0.88);
}
.theme-2 .c-slider__nav.disabled {
  background-color: rgba(130, 64, 202, 0.88);
}
.theme-3 .c-slider__nav {
  background-color: #bd1118;
}
.theme-3 .c-slider__nav:hover {
  background-color: rgba(189, 17, 24, 0.88);
}
.theme-3 .c-slider__nav.disabled {
  background-color: rgba(189, 17, 24, 0.88);
}
.theme-4 .c-slider__nav {
  background-color: #cc5302;
}
.theme-4 .c-slider__nav:hover {
  background-color: rgba(204, 83, 2, 0.88);
}
.theme-4 .c-slider__nav.disabled {
  background-color: rgba(204, 83, 2, 0.88);
}
.theme-5 .c-slider__nav {
  background-color: #f43b5f;
}
.theme-5 .c-slider__nav:hover {
  background-color: rgba(244, 59, 95, 0.88);
}
.theme-5 .c-slider__nav.disabled {
  background-color: rgba(244, 59, 95, 0.88);
}
.theme-6 .c-slider__nav {
  background-color: #0cd2de;
}
.theme-6 .c-slider__nav:hover {
  background-color: rgba(12, 210, 222, 0.88);
}
.theme-6 .c-slider__nav.disabled {
  background-color: rgba(12, 210, 222, 0.88);
}
.theme-7 .c-slider__nav {
  background-color: #fba90b;
}
.theme-7 .c-slider__nav:hover {
  background-color: rgba(251, 169, 11, 0.88);
}
.theme-7 .c-slider__nav.disabled {
  background-color: rgba(251, 169, 11, 0.88);
}
.theme-8 .c-slider__nav {
  background-color: #13a104;
}
.theme-8 .c-slider__nav:hover {
  background-color: rgba(19, 161, 4, 0.88);
}
.theme-8 .c-slider__nav.disabled {
  background-color: rgba(19, 161, 4, 0.88);
}
.theme-9 .c-slider__nav {
  background-color: #07696a;
}
.theme-9 .c-slider__nav:hover {
  background-color: rgba(7, 105, 106, 0.88);
}
.theme-9 .c-slider__nav.disabled {
  background-color: rgba(7, 105, 106, 0.88);
}
.theme-10 .c-slider__nav {
  background-color: #005a9d;
}
.theme-10 .c-slider__nav:hover {
  background-color: rgba(0, 90, 157, 0.88);
}
.theme-10 .c-slider__nav.disabled {
  background-color: rgba(0, 90, 157, 0.88);
}
.theme-11 .c-slider__nav {
  background-color: #8acb01;
}
.theme-11 .c-slider__nav:hover {
  background-color: rgba(138, 203, 1, 0.88);
}
.theme-11 .c-slider__nav.disabled {
  background-color: rgba(138, 203, 1, 0.88);
}
.c-slider__nav {
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.6s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out;
  transition: background-color 0.6s ease-in-out;
  display: block;
  position: absolute;
  top: 45%;
  padding: 65px;
  color: #fff;
  z-index: 3;
}
.c-slider__nav i {
  position: absolute;
  top: 55px;
}
.c-slider__nav:hover {
  -webkit-transition: background-color 0.6s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out;
  transition: background-color 0.6s ease-in-out;
  color: #fff;
}
.c-slider__nav.disabled {
  color: #888;
}
.c-slider__nav.-back {
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  left: -90px;
}
.c-slider__nav.-back:hover {
  left: -75px;
}
.c-slider__nav.-back i {
  right: 10px;
}
.c-slider__nav.-next {
  -webkit-transition: right 0.2s ease-in-out;
  -moz-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  right: -90px;
}
.c-slider__nav.-next:hover {
  right: -75px;
}
.c-slider__nav.-next i {
  left: 10px;
}
.c-slider__nav.-bg-blue {
  background-color: #22b7f2 !important;
}
.c-slider__nav.-bg-blue:hover {
  background-color: rgba(34, 183, 242, 0.88) !important;
}
.c-slider__nav.-prominent {
  font-size: 32px;
  font-size: 2rem;
}
.c-slider__nav.-prominent i {
  top: 50px;
}
.c-slider__nav.-fixed-top {
  top: 100px;
}
.c-slider__nav.-white {
  color: #fff;
}
.c-slider__nav.-white:hover {
  color: #fff;
}

/*# sourceMappingURL=app.css.map */