@charset "UTF-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

audio, canvas, progress, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template, [hidden] {
    display: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

button, input, select, textarea {
    font: inherit;
    margin: 0;
}

optgroup {
    font-weight: bold;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

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

.nowrap {
    white-space: nowrap;
}

.breadcrumb-trail, .recursive-list, .school-admin__allocate__list__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumb, .recursive-list li, .school-admin__allocate__link__item {
    display: block;
    margin: 0;
    padding: 0;
}

.panel__heading {
    font-family: skippy-sharp, Arial, Helvetica, sans-serif;
    line-height: 1;
}

.highlight--green, .copy dt, .knowledge-bank-article__intro, .surveys-article__intro, .highlight--orange, .highlight {
    font-weight: 700;
}

.highlight--green, .copy dt, .knowledge-bank-article__intro, .surveys-article__intro {
    color: #6bb537;
}

.highlight--orange {
    color: #f2822f;
}

.search-highlight {
    background: #fece00;
    color: #000;
}

.panels, .panels-one {
    padding-top: 20px;
}

.layout__curricula-outer+.layout__page-outer .copy-with-aside__aside {
    transform: translateY(-29px);
}

.panels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.panel {
    margin-bottom: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

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

.panel:hover .panel__content, .panel:active .panel__content, .panel:focus .panel__content {
    border-color: white;
}

.panel__content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 10px solid #fcfcfc;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 14px 6px;
    transition-property: border-color, color;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

.panel__content--swinging {
    border-bottom-width: 5px;
}

@media (max-width:39.99em) {
    .panels--swinging {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width:30em) {
    .panels--swinging {
        padding: 20px 10px 0;
    }

    .panel--swinging {
        position: relative;
    }

    .panel--swinging:nth-child(1) {
        z-index: 4;
    }

    .panel--swinging:nth-child(2) {
        z-index: 5;
    }

    .panel--swinging:nth-child(3) {
        z-index: 6;
    }

    .panel--swinging:nth-child(odd) {
        transform: rotate(-10deg);
    }

    .panel--swinging:nth-child(even) {
        transform: rotate(10deg);
    }

    .panel__content--swinging {
        z-index: -1;
    }
}

.panel__heading {
    font-size: 45px;
    line-height: 40px;
    white-space: nowrap;
    background: #fff;
}

.panel__text {
    font-size: 16px;
    text-align: center;
    width: 100%;
}

.panel__image+.panel__text {
    margin-top: 20px;
}

.panels--mini {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (max-width:29.99em) {
    .panels--mini {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

.panel--mini {
    -ms-flex: 0 0 159px;
    flex: 0 0 159px;
    margin-right: 5px;
    margin-left: 5px;
    background-size: 100% 100%;
}

.panel--mini__text {
    font-size: 18px;
}

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

.panel--minimal {
    color: #3a72af;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
}

.panel--minimal+.panel--minimal {
    margin-left: 20px;
}

.layout__header--dark .panel--minimal {
    color: #ffffff;
}

.layout__header--dark .panel--minimal:hover {
    color: #ffffff;
}

.panel--minimal:hover, .panel--minimal:active {
    color: #f2822f;
    text-decoration: underline;
}

.countryselector-holder {
    position: absolute;
    top: 0;
    right: 0;
}

.countryselector__country {
    display: inline-block;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
}

.countryselector__country__text {
    display: none;
}

.countryselector--collapsible {
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #fff url("/images/countryselector-dropdown.png") top 13px right 4px no-repeat;
    border: 1px solid #9cb8d7;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10;
    position: relative;
}

.countryselector--collapsible .countryselector__country {
    vertical-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
}

.countryselector--expanded .countryselector__country {
    padding: 5px 15px 5px 3px;
}

.countryselector--collapsible .countryselector__country--inactive {
    display: none;
    border-top: 1px solid #cedbea;
}

.countryselector--collapsible .countryselector__country__img-holder {
    display: inline-block;
    width: 55px;
}

.countryselector--collapsible .countryselector__country__img {
    display: block;
    height: 25px;
}

.countryselector--expanded .countryselector__country--inactive {
    display: -ms-flexbox;
    display: flex;
    color: inherit;
}

.countryselector--expanded .countryselector__country--inactive:hover, .countryselector--expanded .countryselector__country--inactive:active, .countryselector--expanded .countryselector__country--inactive:focus {
    color: #fff;
}

.countryselector--expanded .countryselector__country--inactive:hover, .countryselector--expanded .countryselector__country--inactive:active, .countryselector--expanded .countryselector__country--inactive:focus {
    background-color: #f2822f;
}

.countryselector--expanded .countryselector__country__text {
    display: inline-block;
    padding-right: 5px;
}

.layout__breadcrumb-trail-outer {
    padding-top: 5px;
}

.layout__breadcrumb-trail-outer--highlight {
    background: #5190cd;
    color: #fff;
}

.layout__breadcrumb-trail-outer--highlight-2 {
    background: #ebf1f7;
    color: #3a72af;
}

.breadcrumb-trail {
    font-size: 15px;
}

.breadcrumb {
    display: inline-block;
}

.breadcrumb:nth-child(n+2)::before {
    content: ">";
    margin: 0 10px;
    color: #f2822f;
}

.layout__header--dark .breadcrumb:nth-child(n+2)::before {
    color: #ffffff;
}

.layout__header--dark .breadcrumb:nth-child(n+2) {
    color: #ffffff;
}

.breadcrumb__link:hover, .breadcrumb__link:active, .breadcrumb__link:focus {
    color: inherit;
}

.layout__header--dark .breadcrumb__link {
    color: #ffffff;
    text-decoration: underline;
}

.layout__header--dark .breadcrumb__link:hover {
    color: #ffffff;
    text-decoration: none;
}

.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid__item {
    margin: 0 7px 20px 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background: #ebf1f7;
    font-weight: 700;
}

@media (max-width:29.99em) {
    .grid__item {
        padding: 6px;
        border-radius: 14px;
    }
}

@media (min-width:30em) {
    .grid__item {
        padding: 8px;
        border-radius: 18px;
    }
}

.grid__item:hover, .grid__item:active, .grid__item:focus {
    background: #f0f7eb;
}

.grid__item__image {
    margin-bottom: 12px;
    width: 100%;
}

@media (max-width:29.99em) {
    .grid__item__image {
        border-radius: 10px;
    }
}

@media (min-width:30em) {
    .grid__item__image {
        border-radius: 10px;
    }
}

.grid__item__name {
    line-height: 1.2501;
    text-align: center;
}

@media (max-width:29.99em) {
    .grid__item__name {
        font-size: 16px;
    }
}

@media (min-width:30em) {
    .grid__item__name {
        font-size: 20px;
    }
}

@supports (display:grid) {
    .grid {
        display: grid;
        grid-gap: 20px;
    }

    @media (max-width:29.99em) {
        .grid {
            grid-template-columns: repeat(auto-fill, minmax(157px, 1fr));
        }
    }

    @media (min-width:30em) {
        .grid {
            grid-template-columns: repeat(auto-fill, minmax(177px, 1fr));
        }
    }

    .grid__item {
        margin: 0;
    }
}

.zebralist {
    width: 100%;
}

.zebralist+.zebralist {
    margin-top: 20px;
}

.zebralist__heading__cell--title, .zebralist__row__cell--title {
    width: 100%;
}

.zebralist__heading__cell {
    background: #3a72af;
    color: #fff;
    font-weight: 700;
}

@media (max-width:39.99em) {
    .zebralist__heading__cell {
        padding: 7px 3px 14px;
    }
}

@media (min-width:40em) {
    .zebralist__heading__cell {
        padding: 7px 13px 14px;
    }
}

.zebralist__heading__cell:first-child {
    border-top-left-radius: 15px;
}

.zebralist__heading__cell:last-child {
    border-top-right-radius: 15px;
}

.zebralist__heading__cell--title, .zebralist__heading__cell--dateplayed {
    text-align: left;
}

.zebralist__heading__cell--title {
    font-size: 22px;
}

.zebralist__heading__link {
    color: inherit;
}

.zebralist__heading__link:hover, .zebralist__heading__link:active, .zebralist__heading__link:focus {
    color: #cddbeb;
}

.zebralist__row {
    font-size: 14px;
    color: #5b5b5b;
}

.zebralist__row--odd {
    background: #dcdcdc;
}

.zebralist__row__cell {
    position: relative;
}

.zebralist__row__cell--image {
    vertical-align: top;
}

.zebralist__row__cell--title {
    font-size: 15px;
}

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

.zebralist__row__cell--dateplayed, .zebralist__row__cell--score {
    white-space: nowrap;
}

.zebralist__row__cell--title__title {
    display: block;
}

.zebralist__row__cell--title__stats {
    display: block;
    margin-top: 3px;
    font-size: 12px;
}

.zebralist__row__title {
    font-weight: 700;
}

.zebralist__row__link {
    color: inherit;
    display: block;
}

@media (max-width:39.99em) {
    .zebralist__row__link {
        padding: 7px 3px;
    }
}

@media (min-width:40em) {
    .zebralist__row__link {
        padding: 7px 13px;
    }
}

.zebralist__row__link:only-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

td.zebralist__row__link {
    display: table-cell;
}

.zebralist__row__image {
    border-radius: 7px;
}

.zebralist__row__cell--buttons .zebralist__row__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.zebralist__button {
    width: 100%;
}

.zebralist__button+.zebralist__button {
    margin-top: 5px;
}

.zebralist__tfoot__cell {
    background: #3a72af;
    height: 20px;
}

.zebralist__tfoot__cell:first-child {
    border-bottom-left-radius: 15px;
}

.zebralist__tfoot__cell:last-child {
    border-bottom-right-radius: 15px;
}

.zebralist__heading__cell--theme-red, .zebralist__tfoot__cell--theme-red {
    background: #E93927;
}

.zebralist__heading__cell--theme-red2, .zebralist__tfoot__cell--theme-red2 {
    background: #DA002A;
}

.zebralist__heading__cell--theme-yellow, .zebralist__tfoot__cell--theme-yellow {
    background: #FBAC13;
}

.zebralist__heading__cell--theme-green, .zebralist__tfoot__cell--theme-green {
    background: #6AB834;
}

.zebralist__heading__cell--theme-jade, .zebralist__tfoot__cell--theme-jade {
    background: #149A7C;
}

.zebralist__heading__cell--theme-purple, .zebralist__tfoot__cell--theme-purple {
    background: #67519E;
}

.zebralist__heading__cell--theme-pale-green, .zebralist__tfoot__cell--theme-pale-green {
    background: #A3B018;
}

.zebralist__heading__cell--theme-brown, .zebralist__tfoot__cell--theme-brown {
    background: #9F624E;
}

.zebralist__heading__cell--theme-pink, .zebralist__tfoot__cell--theme-pink {
    background: #E25DA0;
}

.zebralist__heading__cell--theme-pink2, .zebralist__tfoot__cell--theme-pink2 {
    background: #ef65a5;
}

.zebralist__heading__cell--theme-maroon, .zebralist__tfoot__cell--theme-maroon {
    background: #a11a6e;
}

.zebralist__heading__cell--theme-blue, .zebralist__tfoot__cell--theme-blue {
    background: #5190cd;
}

.zebralist__heading__cell--theme-blue2, .zebralist__tfoot__cell--theme-blue2 {
    background: #128AD4;
}

.zebralist__heading__cell--theme-pale-blue, .zebralist__tfoot__cell--theme-pale-blue {
    background: #6bc5d3;
}

.zebralist__heading__cell--theme-black, .zebralist__tfoot__cell--theme-black {
    background: #000000;
}

.zebralist__heading__cell--theme-orange, .zebralist__tfoot__cell--theme-orange {
    background: #F06F1E;
}

.zebralist__heading__cell--theme-pale-orange, .zebralist__tfoot__cell--theme-pale-orange {
    background: #f89c57;
}

.zebralist__heading__cell--theme-royal-blue, .zebralist__tfoot__cell--theme-royal-blue {
    background: #4285f4;
}

.zebralist__heading__cell--theme-tomato, .zebralist__tfoot__cell--theme-tomato {
    background: #ef493b;
}

.zebralist__heading__cell--theme-gold, .zebralist__tfoot__cell--theme-gold {
    background: #ffab2f;
}

.zebralist__heading__cell--theme-cornflower-blue, .zebralist__tfoot__cell--theme-cornflower-blue {
    background: #4487f5;
}

.zebralist__heading__cell--theme-dark-sea-green, .zebralist__tfoot__cell--theme-dark-sea-green {
    background: #3aad59;
}

.zebralist__heading__cell--theme-amaranth-pink, .zebralist__tfoot__cell--theme-amaranth-pink {
    background: #E91E63;
}

.zebralist__heading__cell--theme-default, .zebralist__tfoot__cell--theme-default {
    background: #5190cd;
}

@media (max-width:39.99em) {
    .zebralist__row__cell--dateplayed, .zebralist__row__cell--score, .zebralist__heading__cell--dateplayed, .zebralist__heading__cell--score {
        display: none;
    }
}

@media (min-width:40em) {
    .zebralist__row__cell--title__stats {
        display: none;
    }
}

.didyouknow-bar {
    background: #40bee1;
    color: #164d72;
    margin-bottom: 20px;
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px 175px 17px 20px;
    text-align: left;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.didyouknow-bar:last-child {
    margin-bottom: 0;
}

.didyouknow-bar__title, .didyouknow-bar__text {
    margin-right: 10px;
}

.didyouknow-bar__title {
    color: #ffffff;
    font-size: 22px;
    line-height: 23px;
}

@media (min-width:50em) {
    .didyouknow-bar__title {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

.didyouknow-bar__text {
    color: #35434c;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}

.didyouknow-bar__text__link {
    color: inherit;
    text-decoration: underline;
}

.didyouknow-bar__text__link:hover, .didyouknow-bar__text__link:active, .didyouknow-bar__text__link:focus {
    color: #cddbeb;
}

.didyouknow-bar__button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.didyouknow-bar__image {
    position: absolute;
    right: 18px;
    top: -16px;
}

@media (max-width:39.99em) {
    .didyouknow-bar {
        padding-right: 20px;
    }

    .didyouknow-bar__image {
        display: none;
    }
}

.quiz__tools {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.previous-class-codes {
    font-weight: normal;
}

.previous-class-codes__table {
    margin-bottom: 10px;
}

.previous-class-codes__table__cell {
    text-align: left;
    padding: 5px 0;
}

.previous-class-codes__table__cell+.previous-class-codes__table__cell {
    padding-left: 10px;
}

.previous-class-codes th:first-child, .previous-class-codes td:first-child {
    padding-left: 0;
}

.previous-class-codes a:hover {
    text-decoration: none;
}

.quiz__intro {
    margin-bottom: 20px;
}

.quiz__intro:last-child {
    margin-bottom: 0;
}

@media (max-width:29.99em) {
    .quiz__intro {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .quiz__intro__content {
        -ms-flex-order: 1;
        order: 1;
    }

    .quiz__intro__image {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 5px;
    }

    .quiz__intro__image__img {
        width: 100%;
    }
}

@media (min-width:30em) {
    .quiz__intro__image {
        max-width: 48%;
        float: right;
        margin-left: 4%;
    }

    .quiz__intro__image__img {
        margin-bottom: 5px;
        width: 100%;
    }
}

.quiz__intro__image__caption {
    font-weight: 700;
}

.quiz__sweeping-question {
    background: #ebf1f7;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
}

.quiz__question {
    padding: 10px 0;
}

.quiz__question+.quiz__question {
    margin-top: 20px;
}

.quiz__question--actionable {
    cursor: pointer;
}

.quiz__question--standard-style {
    display: -ms-flexbox;
    display: flex;
}

.quiz__question__question-number {
    font-size: 18px;
    font-weight: bold;
    -ms-flex: 0 0 31px;
    flex: 0 0 31px;
}

.quiz__question__question-number--standard-style {
    text-align: right;
    margin-right: 10px;
}

.quiz__question__question-number--alternative-style {
    margin-bottom: 1.2em;
}

.quiz__question__content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.quiz__question__question {
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 10px;
}

.quiz__question__question b, .quiz__question__question strong {
    font-weight: bolder;
}

.quiz__question__question img {
    max-width: 100%;
}

.quiz__question__image {
    margin-bottom: 10px;
}

.quiz__question__image__credit {
    color: #71b1e7;
    font-size: 10px;
}

.quiz__question__answers__answer {
    border: 2px solid #ebf1f7;
    padding: 10px 45px 10px 5px;
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: auto 2em;
    font-size: 17px;
}

.quiz__question__answers__answer+.quiz__question__answers__answer {
    margin-top: 5px;
}

.quiz__question--actionable .quiz__question__answers__answer:hover {
    background-color: #e8fda9;
}

.quiz__question__answers__answer--correctly-answered {
    background-color: #e4f0c8;
    background-image: url("/images/correct.png");
}

.quiz__question__answers__answer--incorrectly-answered {
    background-color: #f1c6bd;
    background-image: url("/images/incorrect.png");
}

.quiz__question__answers__answer--alternative-style {
    margin-left: 20px;
}

.quiz__question__result {
    display: none;
    margin-top: 5px;
    padding: 10px 5px;
    font-size: 17px;
}

.quiz__question__result--correctly-answered {
    border: 2px solid #e4f0c8;
}

.quiz__question__result--incorrectly-answered {
    border: 2px solid #f1c6bd;
}

.quiz__question__result__status--correct {
    font-weight: bold;
    color: #81b309;
}

.quiz__question__result__status.incorrectly-answered {}

.quiz__question__result__status--incorrect {
    font-weight: bold;
    color: #e13703;
}

.quiz__question__result__parrot {
    font-style: italic;
}

.quiz__question__result--break-before-correct-answer .quiz__question__result__parrot {
    display: block;
}

.quiz__question__result__helpful-comment {
    margin-top: 10px;
}

.quiz__question__result__helpful-comment img {
    max-width: 100%;
}

.quiz__question__answers {
    position: relative;
}

.quiz__subscribe-prompt {
    display: none;
    background: #fff;
    border: 4px solid #40bde0;
    border-radius: 7px;
    max-width: 500px;
    z-index: 10000;
    padding: 17px 27px 17px;
    color: #3a72af;
}

.quiz__subscribe-prompt--triggered {
    position: absolute;
    top: 10px;
    left: 20px;
    background: #ebf1f7;
    cursor: auto;
}

.subscribe-prompt__heading {
    margin-bottom: 0.6em;
}

.quiz__extra-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.quiz__credits {
    margin-bottom: 10px;
}

.social-post-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.social-post-buttons__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 5px;
}

.quiz__footer {
    margin-top: 30px;
    text-align: center;
}

.quiz__footer__button {
    margin-bottom: 10px;
}

.quiz__footer__button+.quiz__footer__button {
    margin-left: 10px;
}

.quiz__completion-message, .quiz__running-total {}

.quiz__completion-message {
    font-size: 22px;
    font-weight: 700;
}

.quiz__footer__next_quiz {
    margin-bottom: 20px;
}

.reviews-carousel {
    border: 1px solid #6bc5d3;
    border-radius: 12px;
    background: #fff;
    padding: 9px 25px 25px;
    text-align: center;
    max-width: 288px;
}

.reviews-carousel__intro {
    font-size: 18px;
    margin-bottom: 18px;
}

.reviews-carousel__intro__heading {
    margin-bottom: 12px;
}

.reviews-carousel__list {
    background: #ebf1f7;
}

.reviews-carousel__list__author {
    padding: 15px 15px 10px 15px;
    margin-bottom: 20px;
}

.reviews-carousel__list__img {
    width: 100%;
    margin: 0 auto 17px auto;
}

.reviews-carousel__list__name {
    font-size: 30px;
}

.reviews-carousel__list__quote {
    margin-top: 9px;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
}

.reviews-carousel__arrow {
    text-indent: -9999px;
    width: 26px;
    height: 26px;
    overflow: hidden;
    border: 1px solid transparent;
    padding: 0;
    border-radius: 12px;
    position: absolute;
    top: 253px;
    z-index: 10;
    outline: 0 none !important;
}

.reviews-carousel__arrow:hover:hover, .reviews-carousel__arrow:hover:active, .reviews-carousel__arrow:hover:focus, .reviews-carousel__arrow:hover, .reviews-carousel__arrow:active, .reviews-carousel__arrow:focus {
    background-color: transparent;
    border-color: #245e8f;
    cursor: pointer;
}

.reviews-carousel__arrow--prev {
    background: url("/images/parent-reviews-widget__arrow--prev.png") no-repeat;
    left: -12px;
}

.reviews-carousel__arrow--next {
    background: url("/images/parent-reviews-widget__arrow--next.png") no-repeat;
    right: -12px;
}

.reviews-carousel__button {
    margin-top: 20px;
    font-size: 16px;
}

.reviews-carousel.widget {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px;
}

.reviews-carousel.widget .reviews-carousel__intro {
    width: 33%;
    text-align: left;
    margin-bottom: 0px;
}

.reviews-carousel.widget .reviews-carousel__list {
    width: 66%;
}

.reviews-carousel.widget .reviews-carousel__list__img {
    width: 177px;
    height: 177px;
    grid-area: reviewer_img;
    margin-bottom: 0px;
}

.reviews-carousel.widget .reviews-carousel__list__author {
    display: grid;
    grid-template-columns: 177px 1fr 1fr;
    grid-template-rows: 0.3fr 1fr;
    grid-template-areas: "reviewer_img reviewer_name reviewer_name""reviewer_img reviewer_quote reviewer_quote";
    margin-bottom: 0px;
    padding: 15px;
}

.reviews-carousel.widget .reviews-carousel__list__name, .reviews-carousel.widget .reviews-carousel__list__quote {
    text-align: left;
    padding: 0px 20px;
    margin-bottom: 0px;
    font-family: 'calibri', sans-serif;
}

.reviews-carousel.widget .reviews-carousel__list__name {
    grid-area: reviewer_name;
    font-size: 30px;
}

.reviews-carousel.widget .reviews-carousel__list__quote {
    grid-area: reviewer_quote;
}

.reviews-carousel.widget .reviews-carousel__arrow {
    top: 50%;
}

.reviews-carousel.widget .reviews-carousel__intro__heading {
    font-family: 'calibri', sans-serif;
    font-size: 30px;
}

@media (max-width:768px) {
    .reviews-carousel.widget {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    .reviews-carousel.widget .reviews-carousel__intro {
        margin-bottom: 20px;
    }

    .reviews-carousel.widget .reviews-carousel__intro, .reviews-carousel.widget .reviews-carousel__list {
        width: 100%;
    }
}

@media (max-width:550px) {
    .reviews-carousel.widget .reviews-carousel__list__author {
        grid-template-columns: 1fr;
        grid-template-rows: 177px auto auto;
        grid-template-areas: "reviewer_img""reviewer_name""reviewer_quote";
    }

    .reviews-carousel.widget .reviews-carousel__list__name {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .reviews-carousel.widget .reviews-carousel__list__quote, .reviews-carousel.widget .reviews-carousel__intro {
        text-align: center;
    }
}

.parent-review {
    border: 4px solid #d8e3ef;
    border-radius: 3px;
    padding: 18px 27px 17px 27px;
    margin-top: 28px;
}

.parent-review__intro {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.parent-review__intro__content {
    width: 398px;
    max-width: 100%;
}

.parent-review__img {
    width: 220px;
    height: 220px;
    margin-right: 20px;
}

.parent-review__name-holder {
    margin: 0;
}

.parent-review__name {
    display: inline;
    font-size: inherit;
    font-weight: 700;
}

.parent-review__tagline {
    font-style: italic;
}

.parent-review__short-quote {
    font-weight: bold;
}

.parent-reviews-widget-small__review {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    background: #ebf1f7;
    padding: 15px;
    border-radius: 3px;
}

.parent-reviews-widget-small__review+.parent-reviews-widget-small__review {
    margin-top: 15px;
}

.parent-reviews-widget-small__review__img {
    width: 80px;
    height: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 3px;
}

.parent-reviews-widget-small__review__content {
    margin-left: 15px;
    padding-top: 5px;
}

.parent-reviews-widget-small__review__quote {
    text-align: justify;
    margin-bottom: 5px;
}

.parent-reviews-widget-small__review__name {
    text-align: right;
    font-weight: bold;
}

.parent-reviews-widget-extrasmall__review {
    margin-bottom: 20px;
    background: #ebf1f7;
    padding: 10px;
    border-radius: 3px;
}

.parent-reviews-widget-extrasmall__review+.parent-reviews-widget-extrasmall__review {
    margin-top: 15px;
}

.parent-reviews-widget-extrasmall__review__quote {
    text-align: justify;
    margin-bottom: 5px;
}

.parent-reviews-widget-extrasmall__review__name {
    font-weight: bold;
}

.parent-reviews-widget-extrasmall__review__img {
    float: right;
    margin: 0 0 10px 10px;
    width: 80px;
    height: auto;
    border-radius: 3px;
}

.school-registration__explanation__content {
    margin-top: 27px;
    font-size: 24px;
    line-height: 28px;
}

.form__form {
    padding: 2vw;
    background: #ebf1f7;
}

.form__form+.form__form {
    margin-top: 20px;
}

.form__form-note {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin: 0px 0 12px 0;
}

.form__fieldset {
    margin-bottom: 40px;
}

.form__row {
    margin-bottom: 15px;
}

.form__row--size-s {
    margin-bottom: 5px;
}

.form__row .form__aligned-cell {
    padding-bottom: 14px;
}

.form__label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.form__label.form__label--aligned {
    font-weight: normal;
    padding-top: 0.7em;
    padding-right: 10px;
    text-align: right;
}

.form__label.form__label--aligned.form__label--radios {
    padding-top: 0.2em;
}

.form__label--aligned {
    white-space: nowrap;
}

.form__label--inline {
    display: inline;
}

.form__aligned__input-holder {
    white-space: nowrap;
}

.form__radio-holder {
    border: 2px solid transparent;
    margin-left: -2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.form__radio-label {
    margin-left: 10px;
    display: inline-block;
}

.form__input--datepicker+.form__radio-label {
    margin-left: 0;
}

.form__datepicker-label {
    margin: 0 5px;
    display: inline-block;
}

.form__required {
    color: #6bb537;
    font-weight: bold;
    font-size: 11px;
}

.form__required--aligned {
    font-size: 16px;
}

.form__element-note {
    display: block;
    font-style: italic;
    vertical-align: middle;
    margin-top: 5px;
    color: #3971AE;
    font-size: 13px;
}

.form__error-holder {
    margin-left: -2px;
    border: 2px solid transparent;
}

@media (max-width:39.99em) {
    .form__error-holder {
        display: block;
    }
}

@media (min-width:40em) {
    .form__error-holder {
        display: inline-block;
    }
}

.form__error-holder--expiry-date-element {
    display: inline-block;
}

.form__expiry__holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.form__expiry-date-element-seperator {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 10px;
}

.form__expiry-date-element__label {
    display: block;
    text-align: center;
}

.form__error-holder--error {
    background: #ff0000;
    border-color: #ff0000;
    outline: none;
}

.form__error-holder--error [type=text], .form__error-holder--error textarea, .form__error-holder--error select {
    color: #ff0000;
}

.form__error-holder--error option {
    color: black;
    font-weight: normal;
}

.form__error-text {
    color: #DD3333;
    font-weight: bold;
    display: block;
}

.form__error-indicator {
    display: none;
    width: 11px;
    height: 11px;
    margin-left: 7px;
}

.form__error-indicator--error {
    display: inline-block;
}

.form__subheading {
    margin-bottom: 10px;
}

.card-icon+.card-icon {
    margin-left: 5px;
}

.message {
    border: 2px solid #5190cd;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    font-weight: bold;
    text-align: center;
}

*+.message {
    margin-top: 10px;
}

.message--bad {
    border-color: #e13703;
    color: #e13703;
}

.message--good {
    border-color: #81b309;
    color: #81b309;
}

.message--debug {
    border-color: magenta;
    color: magenta;
}

.message--game, .message--tip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fde6b8;
    border-color: #fde6b8;
    border-radius: 10px;
    padding: 20px;
    font-weight: normal;
    color: #35434c;
    margin-bottom: 20px;
}

.message--game__text, .message--tip__text {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

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

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

.message--game__link {
    color: #006ba7;
    font-weight: 700;
}

.message--game__action-button, .js__dismissable__dismiss-button {
    margin-left: 15px;
}

.message--game__action-button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.js__dismissable__dismiss-button {
    -ms-flex: 0 0 28px;
    flex: 0 0 28px;
    height: 28px;
}

.recursive-list {
    margin: 30px 0 0;
}

.recursive-list a {
    color: inherit;
    text-decoration: underline;
}

.recursive-list ul {
    padding-left: 0;
}

.recursive-list li {
    padding: 15px;
    margin-bottom: 15px;
}

.recursive-list li li {
    border: none;
    background: none;
    margin-bottom: 0;
}

.school-admin__reports, .school-admin__column, .school-admin__allocate {
    border: 4px solid #d8e3ef;
    border-radius: 3px;
}

.school-admin__reports {
    margin-bottom: 14px;
    padding: 10px;
    display: block;
}

.school-admin__reports--boxout {
    background: #d8e3ef;
}

.school-admin__columns {
    display: -ms-flexbox;
    display: flex;
}

.school-admin__column {
    margin-right: 14px;
    padding: 10px;
    overflow-y: scroll;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.school-admin__column--students {
    padding: 10px 20px;
}

.school-admin__column.final {
    margin-right: 0;
}

.school-admin__reports .h2, .school-admin__column h2, .school-admin__allocate h2 {
    text-align: center;
    padding-bottom: 10px;
    display: block;
}

.school-admin__allocate {
    margin-top: 14px;
    padding: 10px 20px;
}

.school-admin__allocate__lists {
    display: -ms-flexbox;
    display: flex;
}

.school-admin__allocate__list {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px;
    margin-right: 14px;
    overflow-y: scroll;
    border: 1px solid #d8e3ef;
    border-radius: 3px;
    min-height: 100px;
    max-height: 500px;
}

.school-admin__allocate__list__list {
    padding: 0;
}

.school-admin__allocate__link__span {
    text-decoration: underline;
}

.reports__table {
    margin-top: 20px;
}

.reports__table__cell {
    padding-bottom: 10px;
}

.reports__table__cell+.reports__table__cell {
    padding-left: 10px;
}

.reports__table th {
    white-space: nowrap;
    padding-right: 10px;
    text-align: left;
}

.js__change-password__row {
    display: none;
}

.scores {
    border-collapse: collapse;
}

.scores__cell {
    padding: 5px 10px;
    border: 1px solid #000000;
    color: #000000;
}

.scores__cell {
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    position: relative;
    min-width: 19px;
    padding-bottom: 7px;
}

.rotated__child {
    width: 1.5em;
}

.rotated__child__child {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    transform-origin: 0 0;
    transform: translateY(100%) rotate(-90deg);
}

.rotated__child__child:after {
    display: block;
    content: "";
    padding-top: 100%;
    margin-top: -1.5em;
}

.scores__cell.horiz {
    text-align: center;
    transform: none;
    padding: 0 0 1px 3px;
}

.scores__cell--row-heading {
    text-align: left;
}

.scores .scores__cell--data {
    text-align: center;
}

.scores__cell.aggregate {
    padding: 0 3px 1px 3px;
}

.scores__cell.admin a {
    display: inline-block;
    margin: 0 6px;
    text-decoration: none;
}

.scores__cell--num-correct {
    color: #6ab834;
    font-weight: bold;
}

.scores__cell--num-attempted {
    color: #3a72af;
    font-weight: bold;
}

.scores__cell--percent-correct {
    color: #e93927;
    font-weight: bold;
}

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

.wrong-country__or {
    margin: 10px 0;
}

.tooltip__holder {
    height: 25px;
    position: relative;
}

.tooltip {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    border-radius: 10px;
    background-color: #006ba7;
    color: #fff;
    font-size: 14px;
}

@media (max-width:29.99em) {
    .tooltip {
        width: 240px;
        padding: 8px 15px 10px;
    }
}

@media (min-width:30em) and (max-width:39.99em) {
    .tooltip {
        width: 260px;
        padding: 15px 23px 10px;
    }
}

@media (min-width:40em) {
    .tooltip {
        width: 420px;
        padding: 15px 23px 10px;
    }
}

.tooltip:before {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 12px solid #006ba7;
}

.tooltip__title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
}

@media (max-width:29.99em) {
    .tooltip__title {
        padding-bottom: 5px;
    }
}

@media (min-width:30em) and (max-width:39.99em) {
    .tooltip__title {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .tooltip__title:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        content: "";
        background: #fff;
        width: 28px;
        height: 2px;
    }
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

html {
    color: #3a72af;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42867;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}

*, *::before, *::after {
    box-sizing: border-box;
}

#fancybox-wrap, #fancybox-wrap * {
    box-sizing: content-box;
}

#fancybox-content * {
    box-sizing: border-box;
}

b, s, center, big, small {
    display: inline;
    font-style: inherit;
    font-weight: inherit;
    text-align: inherit;
    text-decoration: inherit;
}

::-moz-selection {
    background: rgba(255, 187, 0, 0.9);
    color: #000;
    text-shadow: none;
}

::selection {
    background: rgba(255, 187, 0, 0.9);
    color: #000;
    text-shadow: none;
}

a, .a {
    color: #f4822f;
    cursor: pointer;
    text-decoration: inherit;
    transition-property: background-color, color;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

a:active, a:focus, a:hover, .a:active, .a:focus, .a:hover {
    color: #a11a6e;
}

h1, h2, h3, h4, h5, h6, p, dl {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

address {
    display: block;
    font-style: inherit;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: top;
}

textarea {
    resize: vertical;
    white-space: normal;
}

a, label, button {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

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

th, td {
    padding: 0;
}

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

.clearfix:after {
    clear: both;
}

.parent-review__date, .parent-review__tagline, .scores, .p, .copy p, .copy dl, .copy table {
    margin-bottom: 1.2em;
}

hr {
    width: 95%;
}

.slides-video-holder, .video-holder {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.slides-video-holder iframe, .video-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

:root .hidden {
    display: none !important;
}

:root .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

:root .visuallyhidden--focusable:active, :root .visuallyhidden--focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@media (max-width:39.99em) {
    :root .not-phone {
        display: none !important;
    }
}

@media (min-width:40em) and (max-width:58.74em) {
    :root .not-tablet {
        display: none !important;
    }
}

@media (min-width:58.75em) {
    :root .not-desktop {
        display: none !important;
    }
}

.button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 9px;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    outline: 0 none !important;
    text-align: center;
    text-decoration: none !important;
    vertical-align: top;
    text-transform: uppercase;
    transition-property: background-color, border-color, color, opacity, transform, box-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    background: #5190cd;
    border-color: rgba(81, 144, 205, 0);
    color: #fff;
}

.noscript .button:focus, .focus-ring.button {
    box-shadow: #f2822f 0 0 5px;
    border-color: #f2822f;
}

.button:disabled {
    cursor: default;
    pointer-events: none;
}

.button .v2-icon {
    height: 100%;
}

@media (max-width:39.99em) {
    .button {
        font-size: 13px;
        height: 23px;
        line-height: 21px;
        padding: 0 9px;
    }

    .button .icon {
        width: 11px;
        height: 11px;
        margin-right: 5.5px;
        display: inline-block;
        fill: currentColor;
        transform: translateY(50%);
    }
}

@media (min-width:40em) {
    .button {
        font-size: 16px;
        height: 35px;
        line-height: 33px;
        padding: 0 18px;
    }

    .button .icon {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        display: inline-block;
        fill: currentColor;
        transform: translateY(50%);
    }
}

.noscript .button:active, .noscript .button:focus, .focus-ring.button, .button:hover, .button:active, .button:focus {
    background: #70afec;
    color: #fff !important;
}

.button:disabled:not(.remove-disabled-style) {
    background: #919191;
    border-color: rgba(145, 145, 145, 0);
    color: #fff;
    opacity: 0.3;
}

.noscript .button:disabled:not(.remove-disabled-style):active, .noscript .button:disabled:not(.remove-disabled-style):focus, .button:disabled:not(.remove-disabled-style).focus-ring, .button:disabled:not(.remove-disabled-style):hover, .button:disabled:not(.remove-disabled-style):active, .button:disabled:not(.remove-disabled-style):focus {
    background: #b0b0b0;
    color: #fff !important;
}

.button--size-xs {
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    padding: 0 8px;
    line-height: 19px;
}

.button--size-xs .icon {
    width: 9px;
    height: 9px;
    margin-right: 4.5px;
    display: inline-block;
    fill: currentColor;
    transform: translateY(50%);
}

.button--size-s {
    font-size: 13px;
    height: 23px;
    line-height: 21px;
    padding: 0 9px;
}

.button--size-s .icon {
    width: 11px;
    height: 11px;
    margin-right: 5.5px;
    display: inline-block;
    fill: currentColor;
    transform: translateY(50%);
}

.button--size-l {
    font-size: 23px;
    height: 52px;
    line-height: 50px;
    padding: 0 28px;
}

.button--size-l .icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    display: inline-block;
    fill: currentColor;
    transform: translateY(50%);
}

.button--size-xl {
    font-size: 29px;
    height: 64px;
    line-height: 62px;
    padding: 0 34px;
}

.button--size-xl .icon {
    width: 29px;
    height: 29px;
    margin-right: 14.5px;
    display: inline-block;
    fill: currentColor;
    transform: translateY(50%);
}

.button--skin-gray {
    background: #919191;
    border-color: rgba(145, 145, 145, 0);
    color: #fff;
}

.noscript .button--skin-gray:active, .noscript .button--skin-gray:focus, .button--skin-gray.focus-ring, .button--skin-gray:hover, .button--skin-gray:active, .button--skin-gray:focus {
    background: #b0b0b0;
    color: #fff !important;
}

.button--skin-green {
    background: #6bb537;
    border-color: rgba(107, 181, 55, 0);
    color: #fff;
}

.noscript .button--skin-green:active, .noscript .button--skin-green:focus, .button--skin-green.focus-ring, .button--skin-green:hover, .button--skin-green:active, .button--skin-green:focus {
    background: #8ad456;
    color: #fff !important;
}

.button--skin-light-blue {
    background: #1fa7df;
    border-color: rgba(31, 167, 223, 0);
    color: #fff;
}

.noscript .button--skin-light-blue:active, .noscript .button--skin-light-blue:focus, .button--skin-light-blue.focus-ring, .button--skin-light-blue:hover, .button--skin-light-blue:active, .button--skin-light-blue:focus {
    background: #3ec6fe;
    color: #fff !important;
}

.button--skin-white {
    background: #fff;
    border-color: rgba(255, 255, 255, 0);
    color: #3a72af;
}

.noscript .button--skin-white:active, .noscript .button--skin-white:focus, .button--skin-white.focus-ring, .button--skin-white:hover, .button--skin-white:active, .button--skin-white:focus {
    background: #d8e3ef;
    color: #3a72af !important;
}

.button--skin-game {
    background: #fff;
    border: 1px solid #cce2ed;
    border-radius: 0;
    color: #006ba7;
    text-transform: none;
}

.button--skin-game.focus-ring, .button--skin-game:hover, .button--skin-game:active, .button--skin-game:focus {
    background: #cce2ed;
    color: #006ba7 !important;
}

.button--skin-orange, .button--primary {
    background: #f4822f;
    border-color: rgba(242, 130, 47, 0);
    color: #fff;
}

.noscript .button--skin-orange:active, .noscript .button--skin-orange:focus, .button--skin-orange.focus-ring, .button--skin-orange:hover, .button--skin-orange:active, .button--skin-orange:focus, .noscript .button--primary:active, .noscript .button--primary:focus, .button--primary.focus-ring, .button--primary:hover, .button--primary:active, .button--primary:focus {
    background: #ffa14e;
    color: #fff !important;
}

.button--search {
    text-indent: -9999px;
    overflow: hidden;
    background: none;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    cursor: pointer;
    background-image: url("https://www.educationquizzes.com/images/search-icon.png");
    width: 20px;
    height: 20px;
}

.button--dismiss {
    text-indent: -9999px;
    overflow: hidden;
    background: none;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    cursor: pointer;
    background-image: url("/images/dismissable__dismiss.png");
    width: 28px;
    height: 28px;
}

.button--tooltip {
    text-indent: -9999px;
    overflow: hidden;
    background: none;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    cursor: pointer;
    background-image: url("/images/info.png");
    width: 25px;
    height: 25px;
}

.button--share {
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    padding: 0 8px;
    line-height: 19px;
    border-radius: 3px;
}

.button--share .icon {
    width: 9px;
    height: 9px;
    margin-right: 4.5px;
    display: inline-block;
    fill: currentColor;
    transform: translateY(50%);
}

.button--delete:active, .button--delete:focus, .button--delete:hover {
    background: #e13703 !important;
    color: #fff !important;
}

:root .button--skin-plain {
    background: transparent;
    color: #3a72af;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline !important;
}

:root .button--skin-plain:active, :root .button--skin-plain:focus, :root .button--skin-plain:hover {
    box-shadow: none !important;
    color: #f2822f !important;
}

input[type="email"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], select, textarea {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #9cb8d7;
    color: #3a72af;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.42867;
    outline: 0 none !important;
    vertical-align: top;
    transition-property: background-color, border-color, color, opacity, box-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    font-size: 14px;
    height: 35px;
    padding: 7px 12px 6px;
}

@media (max-width:39.99em) {
    input[type="email"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], select, textarea {
        width: 100%;
    }
}

@media (min-width:40em) {
    input[type="email"], input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], select, textarea {
        width: 320px;
        max-width: 100%;
    }
}

input[type="email"]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="url"]:hover, select:hover, textarea:hover {
    border-color: #3a72af;
}

input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="url"]:hover, select:focus, textarea:focus {
    border-color: #f2822f;
    box-shadow: #f2822f 0 0 5px;
}

input[type="email"][disabled], input[type="text"][disabled], input[type="password"][disabled], input[type="number"][disabled], input[type="tel"][disabled], input[type="url"][disabled], select[disabled], textarea[disabled] {
    background-color: #efefef;
    border-color: #cccccc;
    opacity: 0.8;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/images/form__input--select__expand.png") no-repeat right 7px bottom 47% #ffffff !important;
    padding-right: 28px;
}

select option, select optgroup {
    font-family: Arial, Helvetica, sans-serif;
}

select optgroup {
    font-style: inherit;
    font-weight: 700;
}

select::-ms-expand {
    background-color: transparent;
    border-color: transparent;
}

textarea {
    height: 8em;
}

input.input--size-s {
    font-size: 14px;
    height: 23px;
    padding: 1px 3px 0px;
}

input.input--size-l {
    font-size: 17px;
    height: 43px;
    padding: 9px 15px 8px;
}

input.input--size-xl {
    font-size: 26px;
    height: 64px;
    padding: 13px 21px 12px;
}

select.select--size-s {
    font-size: 14px;
    height: 23px;
    padding: 1px 3px 0px;
}

input.input--width-auto {
    width: auto;
    max-width: auto;
}

.form__option--loading {
    font-style: italic;
}

input.form__card-number, input.form__cvv-number {
    width: 60px;
    text-align: center;
}

select.form__expiry-date-element {
    width: 68px;
}

.form__input--datepicker {
    width: 80px;
    font-size: inherit;
}

:root .Silencer {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.FileInput {
    background: #fff;
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
}

.FileInput input {
    margin: 0;
    width: 100%;
}

.ToggleInput {
    display: block;
    padding-left: 2em;
    position: relative;
}

.ToggleInput .checkbox, .ToggleInput .radio {
    position: absolute;
    top: 0;
    left: 0;
}

.ToggleInput .checkbox-label, .ToggleInput .radio-label {
    display: inline-block;
    vertical-align: top;
}

.ToggleGroup .ToggleInput+.ToggleInput {
    margin-top: 8px;
}

.quiz__running-total, .h1, .copy h1 {
    font-size: 35px;
    margin-bottom: 23px;
    font-weight: 700;
    text-align: center;
}

.quiz__running-total:last-child, .h1:last-child, .copy h1:last-child {
    margin-bottom: 0;
}

.h2, .h1--small, .copy h2:not(.h2--plain) {
    font-size: 25px;
    font-weight: 700;
}

.copy .h2--plain {
    font-weight: 700;
    font-size: 25px;
}

.h2, .h1--small, .copy h2:not(.h2--plain), .copy .h2--plain {
    margin-bottom: 11px;
}

.h2:last-child, .h1--small:last-child, .copy h2:last-child:not(.h2--plain), .copy .h2--plain:last-child {
    margin-bottom: 0;
}

.h3, .h2--small, .copy h3 {
    font-size: 20px;
    margin-bottom: 11px;
}

.h3:last-child, .h2--small:last-child, .copy h3:last-child {
    margin-bottom: 0;
}

.h4 {
    font-weight: 700;
    font-size: inherit;
    margin-bottom: 11px;
}

.h4:last-child {
    margin-bottom: 0;
}

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

.h1--with-subheading {
    margin-bottom: 10px;
    text-align: left;
}

.h4--inline {
    display: inline;
    margin-bottom: 0;
}

html, body {
    height: 100%;
}

body {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.layout__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.layout__header-outer {
    -ms-flex-order: -90;
    order: -90;
}

@media (min-width:40em) {
    .layout__curricula-outer {
        -ms-flex-order: -80;
        order: -80;
    }

    .layout__audiences-outer {
        -ms-flex-order: -70;
        order: -70;
    }
}

@media (max-width:39.99em) {
    .layout__curricula-outer {
        -ms-flex-order: -70;
        order: -70;
    }

    .layout__audiences-outer {
        -ms-flex-order: -80;
        order: -80;
    }
}

.layout__breadcrumb-trail-outer {
    -ms-flex-order: -68;
    order: -68;
}

.layout__header_advert-outer {
    -ms-flex-order: -65;
    order: -65;
}

.layout__lockandlearn-outer {
    -ms-flex-order: -60;
    order: -60;
}

.layout__page-outer {
    -ms-flex-order: -50;
    order: -50;
}

.layout__footer-outer {
    -ms-flex-order: 10;
    order: 10;
}

.layout__subfooter-outer {
    -ms-flex-order: 20;
    order: 20;
}

.layout__header {
    padding-top: 9px;
}

.layout__header, .layout__lockandlearn, .layout__curricula, .layout__breadcrumb-trail, .layout__header_advert, .layout__page, .layout__footer, .layout__subfooter {
    display: block;
    margin: 0 auto;
    position: relative;
    max-width: 1000px;
    padding: 0 20px;
}

.layout__header-outer {
    z-index: 4;
    padding-top: 10px;
}

.header__logo {
    display: block;
}

.logo__img {
    width: 100%;
    max-width: 515px;
}

.layout__header__logo-and-strapline {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 12px;
}

.header__strapline {
    margin-bottom: 5px;
}

.layout__header--dark .header__strapline {
    color: #ffffff;
}

.layout__header__mobile-start__actions, .layout__header__desktop-end__buttons {
    position: relative;
}

.search-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.button--search {
    margin-left: 5px;
}

.logged-in__message {
    margin-bottom: 10px;
}

.layout__header--dark .logged-in__message {
    color: #ffffff;
}

.layout__header--dark .logged-in__message:hover {
    color: #ffffff;
}

.logged-in__name {
    font-weight: 700;
}

.layout__header--dark .logged-in__link {
    color: #ffffff;
}

.layout__header--dark .logged-in__link:hover {
    color: #ffffff;
    text-decoration: underline;
}

@media (min-width:40em) {
    .layout__header__mobile-start, .layout__header__mobile-end {
        display: none;
    }

    .layout__header-outer {
        padding-bottom: 10px;
    }

    .layout__header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .layout__header__desktop-end {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-left: 20px;
    }

    .layout__header__desktop-end__join-us, .layout__header__desktop-end__buttons {
        margin-bottom: 9px;
    }

    .layout__header__desktop-end__buttons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        min-height: 31px;
    }

    .layout__header__desktop-end__join-us {
        font-size: 28px;
        height: 43px;
        line-height: 41px;
        padding: 0 14px;
    }

    .layout__header__desktop-end__join-us .icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        display: inline-block;
        fill: currentColor;
        transform: translateY(50%);
    }
}

@media (max-width:39.99em) {
    .layout__header__desktop-end {
        display: none;
    }

    .layout__header__mobile-start, .layout__header__mobile-end {
        margin-bottom: 20px;
    }

    .layout__header__mobile-start__actions, .layout__header__mobile-end {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }

    .layout__header__desktop-end__join-us, .layout__header__desktop-end__login {
        -ms-flex: 1 0 1px;
        flex: 1 0 1px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .layout__header__desktop-end__join-us+.layout__header__desktop-end__join-us, .layout__header__desktop-end__login+.layout__header__desktop-end__join-us, .layout__header__desktop-end__join-us+.layout__header__desktop-end__login, .layout__header__desktop-end__login+.layout__header__desktop-end__login {
        margin-left: 20px;
    }

    .logged-in__link {
        margin-left: 1em;
    }
}

@media (max-width:29.99em) {
    .layout__header__mobile-end__join-us, .layout__header__mobile-end__login {
        font-size: 16px;
        height: 35px;
        line-height: 33px;
        padding: 0 18px;
    }

    .layout__header__mobile-end__join-us .icon, .layout__header__mobile-end__login .icon {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        display: inline-block;
        fill: currentColor;
        transform: translateY(50%);
    }
}

@media (min-width:30em) {
    .layout__header__mobile-end__join-us, .layout__header__mobile-end__login {
        font-size: 23px;
        height: 52px;
        line-height: 50px;
        padding: 0 28px;
    }

    .layout__header__mobile-end__join-us .icon, .layout__header__mobile-end__login .icon {
        width: 24px;
        height: 24px;
        margin-right: 12px;
        display: inline-block;
        fill: currentColor;
        transform: translateY(50%);
    }
}

.layout__curricula-outer {
    background: #1f5d91;
    color: #fff;
}

.layout__curricula {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 2px;
    position: relative;
}

.layout__curricula__item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 5px 10px;
    border-radius: 10px;
    padding: 7px 5px;
    background: #5190cd;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    max-width: 100px;
    z-index: 3;
}

.layout__curricula__item:hover, .layout__curricula__item:active, .layout__curricula__item:focus {
    background: #70afec;
    color: #fff;
}

.layout__curricula__item--new {
    position: relative;
}

.layout__curricula__item--new::after {
    content: "New";
    position: absolute;
    top: -5px;
    left: -17px;
    border-radius: 50%;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width:39.99em) {
    .layout__curricula__item--new::after {
        height: 30px;
        width: 30px;
        font-size: 11px;
    }
}

@media (min-width:40em) {
    .layout__curricula__item--new::after {
        height: 35px;
        width: 35px;
        font-size: 11px;
    }
}

@media (max-width:39.99em) {
    .layout__curricula__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        width: 83px;
        padding: 8px 2px;
        line-height: 16px;
    }

    .layout__curricula__item__name {
        font-size: 14px;
    }

    .layout__curricula__item__subtitle {
        font-size: 12px;
    }
}

@media (min-width:40em) {
    .layout__curricula__item {
        white-space: nowrap;
    }

    .layout__curricula__item__name {
        font-size: 16px;
    }

    .layout__curricula__item__subtitle {
        font-size: 14px;
    }
}

.layout__curricula__item__name {
    font-weight: 700;
}

.layout__curricula__item__subtitle {
    white-space: nowrap;
    font-size: 12px;
}

.layout__curricula__item--theme-red {
    background: #E93927;
}

.layout__curricula__item--theme-red:hover, .layout__curricula__item--theme-red:active, .layout__curricula__item--theme-red:focus {
    background: #ff5846;
}

.layout__curricula__item--theme-red2 {
    background: #DA002A;
}

.layout__curricula__item--theme-red2:hover, .layout__curricula__item--theme-red2:active, .layout__curricula__item--theme-red2:focus {
    background: #f91f49;
}

.layout__curricula__item--theme-yellow {
    background: #FBAC13;
}

.layout__curricula__item--theme-yellow:hover, .layout__curricula__item--theme-yellow:active, .layout__curricula__item--theme-yellow:focus {
    background: #ffcb32;
}

.layout__curricula__item--theme-green {
    background: #6AB834;
}

.layout__curricula__item--theme-green:hover, .layout__curricula__item--theme-green:active, .layout__curricula__item--theme-green:focus {
    background: #89d753;
}

.layout__curricula__item--theme-jade {
    background: #149A7C;
}

.layout__curricula__item--theme-jade:hover, .layout__curricula__item--theme-jade:active, .layout__curricula__item--theme-jade:focus {
    background: #33b99b;
}

.layout__curricula__item--theme-purple {
    background: #67519E;
}

.layout__curricula__item--theme-purple:hover, .layout__curricula__item--theme-purple:active, .layout__curricula__item--theme-purple:focus {
    background: #8670bd;
}

.layout__curricula__item--theme-pale-green {
    background: #A3B018;
}

.layout__curricula__item--theme-pale-green:hover, .layout__curricula__item--theme-pale-green:active, .layout__curricula__item--theme-pale-green:focus {
    background: #c2cf37;
}

.layout__curricula__item--theme-brown {
    background: #9F624E;
}

.layout__curricula__item--theme-brown:hover, .layout__curricula__item--theme-brown:active, .layout__curricula__item--theme-brown:focus {
    background: #be816d;
}

.layout__curricula__item--theme-pink {
    background: #E25DA0;
}

.layout__curricula__item--theme-pink:hover, .layout__curricula__item--theme-pink:active, .layout__curricula__item--theme-pink:focus {
    background: #ff7cbf;
}

.layout__curricula__item--theme-pink2 {
    background: #ef65a5;
}

.layout__curricula__item--theme-pink2:hover, .layout__curricula__item--theme-pink2:active, .layout__curricula__item--theme-pink2:focus {
    background: #ff84c4;
}

.layout__curricula__item--theme-maroon {
    background: #a11a6e;
}

.layout__curricula__item--theme-maroon:hover, .layout__curricula__item--theme-maroon:active, .layout__curricula__item--theme-maroon:focus {
    background: #c0398d;
}

.layout__curricula__item--theme-blue {
    background: #5190cd;
}

.layout__curricula__item--theme-blue:hover, .layout__curricula__item--theme-blue:active, .layout__curricula__item--theme-blue:focus {
    background: #70afec;
}

.layout__curricula__item--theme-blue2 {
    background: #128AD4;
}

.layout__curricula__item--theme-blue2:hover, .layout__curricula__item--theme-blue2:active, .layout__curricula__item--theme-blue2:focus {
    background: #31a9f3;
}

.layout__curricula__item--theme-pale-blue {
    background: #6bc5d3;
}

.layout__curricula__item--theme-pale-blue:hover, .layout__curricula__item--theme-pale-blue:active, .layout__curricula__item--theme-pale-blue:focus {
    background: #8ae4f2;
}

.layout__curricula__item--theme-black {
    background: #000000;
}

.layout__curricula__item--theme-black:hover, .layout__curricula__item--theme-black:active, .layout__curricula__item--theme-black:focus {
    background: #1f1f1f;
}

.layout__curricula__item--theme-orange {
    background: #F06F1E;
}

.layout__curricula__item--theme-orange:hover, .layout__curricula__item--theme-orange:active, .layout__curricula__item--theme-orange:focus {
    background: #ff8e3d;
}

.layout__curricula__item--theme-pale-orange {
    background: #f89c57;
}

.layout__curricula__item--theme-pale-orange:hover, .layout__curricula__item--theme-pale-orange:active, .layout__curricula__item--theme-pale-orange:focus {
    background: #ffbb76;
}

.layout__curricula__item--theme-royal-blue {
    background: #4285f4;
}

.layout__curricula__item--theme-royal-blue:hover, .layout__curricula__item--theme-royal-blue:active, .layout__curricula__item--theme-royal-blue:focus {
    background: #61a4ff;
}

.layout__curricula__item--theme-tomato {
    background: #ef493b;
}

.layout__curricula__item--theme-tomato:hover, .layout__curricula__item--theme-tomato:active, .layout__curricula__item--theme-tomato:focus {
    background: #ff685a;
}

.layout__curricula__item--theme-gold {
    background: #ffab2f;
}

.layout__curricula__item--theme-gold:hover, .layout__curricula__item--theme-gold:active, .layout__curricula__item--theme-gold:focus {
    background: #ffca4e;
}

.layout__curricula__item--theme-cornflower-blue {
    background: #4487f5;
}

.layout__curricula__item--theme-cornflower-blue:hover, .layout__curricula__item--theme-cornflower-blue:active, .layout__curricula__item--theme-cornflower-blue:focus {
    background: #63a6ff;
}

.layout__curricula__item--theme-dark-sea-green {
    background: #3aad59;
}

.layout__curricula__item--theme-dark-sea-green:hover, .layout__curricula__item--theme-dark-sea-green:active, .layout__curricula__item--theme-dark-sea-green:focus {
    background: #59cc78;
}

.layout__curricula__item--theme-amaranth-pink {
    background: #E91E63;
}

.layout__curricula__item--theme-amaranth-pink:hover, .layout__curricula__item--theme-amaranth-pink:active, .layout__curricula__item--theme-amaranth-pink:focus {
    background: #ff3d82;
}

.layout__curricula__item--theme-default {
    background: #5190cd;
}

.layout__curricula__item--theme-default:hover, .layout__curricula__item--theme-default:active, .layout__curricula__item--theme-default:focus {
    background: #70afec;
}

.layout__header_advert {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 90px;
}

@media only screen and (max-width:800px) {
    .layout__header_advert {
        height: 250px;
    }
}

.layout__audiences-outer {
    margin-bottom: 3px;
}

.layout__lockandlearn-outer {
    background: #5ba5d5 repeat-x bottom url("/images/lockandlearn__background.png");
    color: #fff;
    border-bottom: 2px solid #cddbeb;
    text-align: center;
    font-family: 'Nunito', 'Arial Rounded MT', Arial, 'Helvetica Rounded', 'Helvetica Neue', Helvetica, sans-serif;
}

.layout__lockandlearn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.layout__lockandlearn:hover {
    color: #36699a;
}

.lockandlearn__header {
    font-size: 43px;
    font-weight: bold;
    line-height: 43px;
    margin-bottom: 1vw;
}

.lockandlearn__content {
    margin-bottom: 1vw;
}

.lockandlearn__bullet {
    font-size: 23px;
    white-space: nowrap;
}

.lockandlearn__bullet:after {
    content: "✔";
    padding-left: 0.25em;
    color: #36699a;
}

.lockandlearn__bullet+.lockandlearn__bullet {
    margin-left: 1em;
}

.lockandlearn__button {
    display: inline-block;
    min-height: 45px;
    padding: 0 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21px;
    font-family: inherit;
    text-transform: lowercase;
    background: #366a9b;
    border-radius: 1000px;
}

.layout__page-outer {
    padding: 29px 0 47px;
}

.layout__page-outer--highlight {
    background: #5190cd;
    color: #fff;
}

.layout__page-outer--highlight--followed-by-another {
    padding-bottom: 0;
}

.layout__page-outer--highlight--followed-by-another+.layout__page-outer--highlight {
    padding-top: 0;
}

.layout__page-outer--highlight-2 {
    background: #ebf1f7;
    color: #3a72af;
}

.copy-with-aside__copy {
    padding-bottom: 20px;
}

@media (min-width:20em) {
    .copy-with-aside {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .copy-with-aside__copy {
        -ms-flex: 1 0 280px;
        flex: 1 0 280px;
    }

    .copy-with-aside__copy--aside-on-right {
        margin-right: 50px;
    }

    .copy-with-aside__aside {
        margin: 0 auto;
        max-width: 288px;
    }

    .copy-with-aside__aside--aside-on-left {
        margin-right: 50px;
    }
}

.copy-2-col__col {
    padding-bottom: 20px;
}

@media (min-width:40em) {
    .copy-2-col {
        display: -ms-flexbox;
        display: flex;
    }

    .copy-2-col__col {
        -ms-flex: 1 0 300px;
        flex: 1 0 300px;
    }

    .copy-2-col__col+.copy-2-col__col {
        margin-left: 20px;
    }
}

.layout__footer-outer {
    background: #1f5477;
}

.layout__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 10px;
    color: #9cb8d7;
}

.layout__footer a {
    text-decoration: none;
    color: #9cb8d7;
}

.layout__footer a:hover, .layout__footer a:active, .layout__footer a:focus {
    color: #cddbeb;
}

.layout__footer__column {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    line-height: 21px;
    padding-right: 10px;
    margin-top: 26px;
}

.layout__footer__column--here-to-help, .layout__footer__column--about-us {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.layout__footer__list--here-to-help, .layout__footer__list--about-us {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.layout__footer__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

.layout__footer__list__item {
    white-space: nowrap;
}

.layout__footer__h2 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 16px;
}

.layout__footer__h2--social {
    font-weight: 700;
    color: #cddbeb;
}

.layout__footer__h3 {
    font-weight: 700;
    color: #cddbeb;
}

.layout__footer__address, .layout__footer__list, .layout__footer__social, .layout__footer__retail-ombudsman {
    margin: 0 0 26px;
}

.layout__subfooter-outer {
    background: #245e8f;
    border-top: 1px solid #ffffff;
}

.layout__subfooter {
    padding: 12px 10px 11px;
    color: #9cb8d7;
    font-size: 13px;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.layout__subfooter a {
    color: #9cb8d7;
}

.layout__subfooter a:hover, .layout__subfooter a:active, .layout__subfooter a:focus {
    color: #cddbeb;
}

.layout__subfooter__validation {
    display: block;
}

.cookieprompt {
    background: #fff;
    border-top: 3px solid #3a72af;
    display: none;
    font-size: 16px;
    line-height: 1.375;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

.cookieprompt>div {
    margin: 0 auto;
    text-align: center;
    max-width: 950px;
    padding: 14px;
}

.cookieprompt p {
    margin: 0;
}

.cookieprompt p+p {
    color: #050505;
    padding-top: 4px;
}

.cookieprompt a {
    font-weight: bold;
    text-decoration: none;
}

.cookieprompt a:hover {
    font-weight: bold;
    text-decoration: underline;
}

.layout__page-outer {
    position: relative;
}

.layout__page-outer-advert {
    width: 160px;
    height: 600px;
    position: absolute;
    top: 10px;
}

.layout__page-outer-advert.left {
    left: 10px;
}

.layout__page-outer-advert.right {
    right: 10px;
}

@media (max-width:85em) {
    .layout__page-outer-advert {
        display: none;
    }
}

#breakpoint-reporter {
    display: none;
    font-family: sans-serif;
}

@media all {
    #breakpoint-reporter {
        font-family: sans-serif, "phone-s";
    }

    #breakpoint-reporter::after {
        content: "phone-s ≥ 0px (0em)";
    }
}

@media (min-width:20em) {
    #breakpoint-reporter {
        font-family: sans-serif, "phone";
    }

    #breakpoint-reporter::after {
        content: "phone ≥ 320px (20em)";
    }
}

@media (min-width:30em) {
    #breakpoint-reporter {
        font-family: sans-serif, "phone-l";
    }

    #breakpoint-reporter::after {
        content: "phone-l ≥ 480px (30em)";
    }
}

@media (min-width:40em) {
    #breakpoint-reporter {
        font-family: sans-serif, "tablet";
    }

    #breakpoint-reporter::after {
        content: "tablet ≥ 640px (40em)";
    }
}

@media (min-width:50em) {
    #breakpoint-reporter {
        font-family: sans-serif, "tablet-l";
    }

    #breakpoint-reporter::after {
        content: "tablet-l ≥ 800px (50em)";
    }
}

@media (min-width:58.75em) {
    #breakpoint-reporter {
        font-family: sans-serif, "desktop";
    }

    #breakpoint-reporter::after {
        content: "desktop ≥ 940px (58.75em)";
    }
}

.debug #breakpoint-reporter {
    position: fixed;
    top: 5px;
    left: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 10px;
    opacity: 0.8;
    padding: 0.5em 1.0em;
    pointer-events: none;
    z-index: 999999;
    -webkit-backface-visibility: hidden;
}

.debug #breakpoint-reporter.did-change {
    background: #fcd753;
}

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

.copy:after {
    clear: both;
}

.copy p:last-child, .copy dl:last-child, .copy table:last-child {
    margin-bottom: 0;
}

.copy dt {
    font-weight: 700;
}

.copy dd {
    margin: 0;
}

.copy dd+dt {
    margin-top: 10px;
}

.copy th, .copy td {
    padding: 5px 10px;
    text-align: left;
    line-height: 1.5em;
}

.copy table.bordered {
    border: 2px solid;
}

.copy table.bordered th, .copy table.bordered td {
    border: 1px solid;
}

.copy b {
    font-weight: 700;
}

.copy i {
    font-style: italic;
}

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

.layout__page--homepage-2 {
    text-align: center;
}

.login, .reset-password {
    margin-top: 20px;
}

.login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.login__form {
    max-width: 400px;
    margin-bottom: 20px;
}

.grid--team {
    margin-top: 20px;
}

.person__person {
    text-align: center;
}

.person__person__image {
    margin-bottom: 10px;
}

.person__person__description {
    max-width: 200px;
}

.testimonials {
    margin-top: 20px;
}

.testimonials__testimonial {
    border: 4px solid #d8e3ef;
    background: url("/images/testimonials__testimonial__icon.png") no-repeat 27px 18px;
    border-radius: 3px;
    padding: 18px 27px 17px 77px;
    margin-bottom: 28px;
}

.testimonials__testimonial__heading {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.testimonials__testimonial__description {
    margin-bottom: 5px;
}

.testimonials__testimonial__posted-by {
    color: #3a72af;
    font-size: 14px;
}

.recursive-list--sitemap li.pages li, .recursive-list--sitemap li.surveys li, .recursive-list--sitemap li.knowledge-bank li, .recursive-list--sitemap li.education-maps li {
    padding: 0 15px 5px;
}

.recursive-list--sitemap li li li li {
    padding: 0;
}

.recursive-list--sitemap h3 {
    margin-bottom: 5px;
}

.recursive-list--sitemap h4 {
    font-weight: 700;
    text-decoration: underline;
    padding-bottom: 5px;
}

.signup-page__pre-intro__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.signup-page__intro__payment-methods {
    margin-bottom: 10px;
}

.signup-page__intro__accreditations__retail-ombudsman {
    display: block;
    height: 32px;
}

.signup-page__intro__need-help {
    text-align: center;
    margin-bottom: 20px;
}

.signup-page__intro__need-help {
    background: #1f5477;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 21px;
}

.signup-page__intro__need-help__heading {
    display: inline;
    font-size: inherit;
}

.signup-page__intro, .signup-page__form {
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.signup-page__intro--no-flex, .signup-page__form--no-flex {
    display: block;
}

.signup-page__intro__leftcol, .signup-page__form__leftcol {
    -ms-flex: 1 0 280px;
    flex: 1 0 280px;
    margin: 0 20px 20px 0;
}

.signup-page__intro__rightcol, .signup-page__form__rightcol {
    max-width: 280px;
    margin-left: 20px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 auto;
}

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

.curriculum__subjects_hint_text {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 32px;
}

.quiz-category__intro {
    margin-bottom: 20px;
}

.quiz-category__intro:last-child {
    margin-bottom: 0;
}

.quiz-category__video {
    margin-top: 20px;
}

@media (max-width:39.99em) {
    .quiz-category__video__holder {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
    }

    .quiz-category__video__holder iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    .quiz-category__video__text {
        margin-top: 10px;
    }
}

@media (min-width:40em) {
    .quiz-category__video {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width:40em) and (max-width:49.99em) {
    .quiz-category__video__holder {
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
    }

    .quiz-category__video__holder iframe {
        width: 320px;
        height: 180px;
    }

    .quiz-category__video__text {
        -ms-flex: 1 0 320px;
        flex: 1 0 320px;
        padding-left: 20px;
    }
}

@media (min-width:50em) {
    .quiz-category__video__holder {
        -ms-flex: 0 0 480px;
        flex: 0 0 480px;
    }

    .quiz-category__video__holder iframe {
        width: 480px;
        height: 270px;
    }

    .quiz-category__video__text {
        -ms-flex: 0 1 480px;
        flex: 0 1 480px;
        padding-left: 20px;
    }
}

.your-account__supersection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.your-account__supersection .your-account__section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.your-account__supersection .your-account__section__content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.your-account__section {
    margin-bottom: 20px;
}

.your-account__children__filters td {
    padding: 5px 0;
}

.your-account__children__filter__input, .your-account__children__filter__select {
    margin-left: 10px;
}

.your-account__children__filter-row.is-hidden {
    display: none;
}

.parents-guide__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.parents-guide__form__form {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 320px;
}

.parents-guide__form__image {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    overflow: none;
}

@media (max-width:39.99em) {
    .parents-guide__form__image {
        display: none;
    }
}

.copy .parents-guide__form img {
    max-width: 349px;
    width: 349px;
}

@media (max-width:49.99em) {
    .copy .parents-guide__form img {
        width: 100%;
        max-width: 50%;
    }
}

.layout__body--larger-text .layout__page {
    font-size: 16px;
}

.game__page__subheading {
    font-size: 24px;
    color: #1fa7df;
    margin-bottom: 21px;
}

.game-home__subsection {
    margin-top: 60px;
    border: 1px solid #6bc5d3;
    border-radius: 12px;
    background: #fff;
    padding: 30px;
    max-width: 520px;
}

.game__page__intro {
    padding-top: 20px;
    border-top: 3px solid #cce2ed;
}

.game__page__content {
    margin-bottom: 40px;
}

.game__page__content--form {
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.game__page__content__heading {
    margin-bottom: 30px;
}

.game__page__leaderboard {
    padding-left: 12px;
    margin-bottom: 30px;
}

@media (min-width:50em) {
    .game__page__content-holder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .game__page__content {
        -ms-flex: 1 0 300px;
        flex: 1 0 300px;
        margin-right: 40px;
    }

    .game__page__leaderboard {
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
}

.game-level-form__age {
    width: auto;
}

.game-level-form__age--header {
    min-width: 180px;
}

.game-level-form__age--page {
    min-width: 240px;
}

@media (max-width:49.99em) {
    .game-level-form__age--age-select-page {
        display: none;
    }
}

@media (min-width:30em) {
    .game__leaderboard {
        min-width: 300px;
    }
}

.game-play__heading {
    padding-bottom: 30px;
    border-bottom: 3px solid #cce2ed;
    margin-bottom: 21px;
}

@media (max-width:39.99em) {
    .game-play__heading {
        text-align: center;
    }

    .game-play__heading__text {
        margin-bottom: 21px;
    }
}

@media (min-width:40em) {
    .game-play__heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }
}

.game-play__question__question {
    font-weight: 700;
    background: #cce2ed;
    padding: 10px;
}

@media (max-width:29.99em) {
    .game-play__question__question {
        margin-bottom: 8px;
    }
}

@media (min-width:30em) {
    .game-play__question__question {
        margin-bottom: 20px;
    }
}

.game-play__question__score {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

@media (max-width:29.99em) {
    .game-play__question__score {
        margin-bottom: 8px;
    }
}

@media (min-width:30em) {
    .game-play__question__score {
        margin-bottom: 20px;
    }
}

@media (max-width:29.99em) {
    .game-play__next-score, .game-play__question__question {
        font-size: 19px;
        line-height: 22px;
    }
}

@media (min-width:30em) {
    .game-play__next-score, .game-play__question__question {
        font-size: 22px;
        line-height: 25px;
    }
}

.game-play__next-score__points {
    font-weight: 700;
}

.game-play__next-score__tooltip {
    margin-left: 7px;
}

.game-play__current-score {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #6b3f83;
    border-radius: 10px;
}

@media (max-width:29.99em) {
    .game-play__current-score {
        padding: 3px 15px;
    }
}

@media (min-width:30em) {
    .game-play__current-score {
        padding: 6px 15px;
    }
}

.game-play__current-score__label {
    color: #fff;
    font-weight: 700;
    line-height: 14px;
}

.game-play__current-score__score {
    margin-left: 10px;
    color: #fff;
    font-size: 30px;
}

@media (max-width:39.99em) {
    .game-play__question__score {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .game-play__next-score {
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }

    .game-play__current-score {
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width:29.99em) {
    .game-play__current-score {
        margin-bottom: 6px;
    }
}

@media (min-width:30em) and (max-width:39.99em) {
    .game-play__current-score {
        margin-bottom: 25px;
    }
}

.game-play__answer {
    font-size: 16px;
}

@media (max-width:29.99em) {
    .game-play__answer {
        height: 48px;
        padding: 8px 18px;
    }
}

@media (min-width:30em) and (max-width:39.99em) {
    .game-play__answer {
        height: 51px;
        padding: 9px 18px;
    }
}

@media (min-width:40em) {
    .game-play__answer {
        height: 69px;
        padding: 18px 36px;
    }
}

.game-play__answers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width:29.99em) {
    .game-play__answers {
        margin-bottom: 6px;
    }
}

@media (min-width:30em) {
    .game-play__answers {
        margin-bottom: 30px;
    }
}

.game-play__answer {
    margin: 0 10px 20px 10px;
    -ms-flex: 1 0 240px;
    flex: 1 0 240px;
}

@media (max-width:49.99em) {
    .game-play__answer {
        max-width: 370px;
    }
}

@media (min-width:50em) {
    .game-play__answer {
        max-width: 235px;
    }
}

@supports (display:grid) {
    .game-play__answers {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }

    @media (max-width:39.99em) {
        .game-play__answers {
            gap: 10px;
        }
    }

    @media (min-width:40em) {
        .game-play__answers {
            gap: 20px;
        }
    }

    .game-play__answer {
        margin: 0;
        max-width: unset;
    }
}

.js__game-play__answer--marked-correct {
    background: #e4f0c8;
}

.js__game-play__answer--marked-incorrect {
    background: #f1c6bd;
}

.js__game-play__response {
    display: none;
}

@media (max-width:29.99em) {
    .js__game-play__response {
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 6px;
    }
}

@media (min-width:30em) and (max-width:39.99em) {
    .js__game-play__response {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width:40em) {
    .js__game-play__response {
        font-size: 20px;
        margin-bottom: 40px;
    }
}

.js__game-play__response span {
    display: inline-block;
    min-height: 30px;
    background-repeat: no-repeat;
    background-size: auto 30px;
}

@media (min-width:30em) and (max-width:39.99em) {
    .js__game-play__response span {
        background-position: center 0;
        padding-top: 30px;
    }
}

@media (min-width:40em) {
    .js__game-play__response span {
        background-position: left 5px center;
        padding-left: 45px;
    }
}

.js__game-play__response b {
    font-weight: bold;
}

.js__game-play__response--marked-correct {
    color: #81b309;
}

@media (min-width:30em) {
    .js__game-play__response--marked-correct span {
        background-image: url("/images/correct.png");
    }
}

.js__game-play__response--marked-incorrect {
    color: #e13703;
}

@media (min-width:30em) {
    .js__game-play__response--marked-incorrect span {
        background-image: url("/images/incorrect.png");
    }
}

.js__game-play__next {
    display: none;
}

.game-play__all-free-questions-played {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-image: url("/images/exclamation-mark.png");
}

@media (max-width:39.99em) {
    .game-play__all-free-questions-played {
        background-position: center 0;
        padding-top: 40px;
    }
}

@media (min-width:40em) {
    .game-play__all-free-questions-played {
        background-position: left 2px;
        padding-left: 36px;
    }
}

.game-play__all-free-questions-played__modal {
    text-align: center;
    max-width: 470px;
}

@media (max-width:29.99em) {
    .game-play__all-free-questions-played__modal {
        padding: 2vw 0;
    }
}

@media (min-width:30em) and (max-width:39.99em) {
    .game-play__all-free-questions-played__modal {
        padding: 4vw;
    }
}

@media (min-width:40em) {
    .game-play__all-free-questions-played__modal {
        padding: 30px 40px;
    }
}

.game-play__all-free-questions-played__content {
    text-align: left;
}

.game-play__all-free-questions-played__heading {
    font-weight: 700;
}

.game-play__all-free-questions-played__heading--elem {
    color: #40bde0;
}

.game-play__all-free-questions-played__button {
    text-align: center;
}

@media (max-width:29.99em) {
    .game-play__all-free-questions-played__button {
        margin-top: 10px;
    }
}

@media (min-width:30em) {
    .game-play__all-free-questions-played__button {
        margin-top: 30px;
    }
}

@media (max-width:29.99em) {
    .game-play__all-free-questions-played__title--modal, .game-play__all-free-questions-played__heading--modal {
        margin-bottom: 10px;
    }
}

@media (min-width:30em) {
    .game-play__all-free-questions-played__title--modal, .game-play__all-free-questions-played__heading--modal {
        margin-bottom: 20px;
    }
}

@media (max-width:29.99em) {
    .game-play__all-free-questions-played__title--modal {
        line-height: 0.8;
    }
}

@media (max-width:29.99em) {
    .game-play__all-free-questions-played__heading--modal {
        line-height: 1.3;
    }
}

.game-level-form__button {
    margin-top: 40px;
}

@media (max-width:49.99em) {
    .game__page__leaderboard {
        padding-top: 30px;
        border-top: 3px solid #cce2ed;
    }
}

.game__leaderboard__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #1fa7df;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.game__leaderboard__heading__score {
    padding-right: 10px;
}

.game__leaderboard__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 5px;
    position: relative;
}

.game__leaderboard__row__rank {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border-radius: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.game__leaderboard__row__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    background: #ebf1f7;
    border-radius: 5px;
    padding: 8px 10px 8px 22px;
}

.game__leaderboard__row__user--current-user {
    background: #f2822f;
}

.game__leaderboard__row__rank {
    background: #006ba7;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.game__leaderboard__row__score {
    font-weight: 700;
    text-align: right;
}

.layout__footer-outer {
    background-color: #004d99;
}

.layout__footer__h2 {
    color: #fff;
}

.layout__footer__h3 {
    color: #cddbeb;
}

.layout__footer, .layout__footer a {
    color: #9cb8d7;
}

.layout__footer a:hover {
    color: #cddbeb;
}

.layout__subfooter-outer {
    background-color: #0066cc;
}

.layout__subfooter, .layout__subfooter a {
    color: #9cb8d7;
}

.layout__subfooter a:hover {
    color: #cddbeb;
}

.layout__header-outer {
    background-color: #ffffff;
}

.layout__curricula-outer {
    background-color: #1f5d91;
}

#lhnContainerDone {
    display: none;
}

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

.mt-4 {
    margin-top: 4px;
}

.form-error-messages {
    padding: 15px;
    background-color: #ff00000a;
    color: red;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

.p-0 {
    padding: 0px;
}

.hidden-text {
    visibility: hidden;
}

.logedin-user-fram {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container {
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0px 5px 15px 1px rgb(0 0 0 / 15%);
}

.non-subscriber-user-image-container {
    position: relative;
    width: 100%;
    height: auto;
}

.non-subscriber-lesson-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.non-subscriber-user-image-container:hover .non-subscriber-lesson-overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
}

.non-subscriber-lesson-banner {
    width: 100%;
}

.non-subscriber-lesson-title {
    position: absolute;
    width: 100%;
    top: 40%;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: red;
    z-index: 1;
    transition: top 0.5s ease;
}

.non-subscriber-user-image-container:hover .non-subscriber-lesson-title {
    top: 30%;
}

@media only screen and (max-width:780px) {
    .non-subscriber-lesson-title {
        top: 30%;
    }

    .non-subscriber-user-image-container:hover .non-subscriber-lesson-title {
        top: 25%;
    }
}

@media only screen and (max-width:630px) {
    .non-subscriber-lesson-title {
        font-size: 22px;
        top: 25%;
    }

    .non-subscriber-user-image-container:hover .non-subscriber-lesson-title {
        top: 20%;
    }
}

@media only screen and (max-width:480px) {
    .non-subscriber-lesson-title {
        font-size: 20px;
        top: 15%;
    }

    .non-subscriber-user-image-container:hover .non-subscriber-lesson-title {
        top: 10%;
    }
}

@media only screen and (max-width:330px) {
    .non-subscriber-lesson-title {
        font-size: 18px;
        top: 12%;
    }

    .non-subscriber-user-image-container:hover .non-subscriber-lesson-title {
        top: 8%;
    }

    .non-subscriber-lesson-button {
        top: 45% !important;
    }
}

.non-subscriber-lesson-button {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.35s ease;
}

.non-subscriber-lesson-button a {
    width: auto;
    padding: 7px 38px 36px 36px;
    text-align: center;
    z-index: 1;
    font-size: 16px;
    height: 35px;
    line-height: 33px;
}

.non-subscriber-user-image-container:hover .non-subscriber-lesson-button {
    opacity: 1;
}

#login-form .login__form {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#login-form .form__error-holder {
    width: 100% !important;
}

#login-form input {
    width: 100% !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.d-none {
    display: none !important;
}

.details-section .d-flex {
    display: flex;
    margin: 0.5rem 0rem;
    align-items: center;
}

.details-section .d-flex .w-50 {
    width: 50%;
}

.details-section .d-flex .w-50.float-left {
    float: left;
}

.details-section .d-flex .w-50.float-right {
    float: right;
}

.your-account__section.mt-2 {
    margin-top: 2rem;
}

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

.button--size-s.ml-2 {
    margin-left: 2rem;
}

.quiz-flex {
    display: flex;
}

.quiz-w-50 {
    width: 50%;
}

.games-flex {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
}

.games-w-50 {
    flex-basis: 32.3%;
    box-sizing: border-box;
}

.games-w-50:not(:last-child) {
    margin-right: 6px;
}

.text-uuparcase {
    text-transform: uppercase;
}

@media only screen and (max-width:885px) {
    .games-w-50:not(:last-child) {
        margin-right: 4px;
    }
}

.hide-col {
    visibility: hidden;
    position: absolute;
}

@media only screen and (max-width:765px) {
    .games-w-50 {
        flex-basis: 49.3%;
    }
}

@media only screen and (max-width:800px) {
    .ml-1 {
        text-align: center;
    }
}

@media only screen and (max-width:570px) {
    .ml-1 {
        text-align: left;
    }

    .quiz-flex {
        display: block;
    }

    .quiz-w-50 {
        width: 100%;
    }
}

@media only screen and (max-width:600px) {
    .games-flex {
        display: block;
        margin-right: 0;
    }

    .games-w-50:not(:last-child) {
        margin-right: 0px;
    }

    .button--size-s.ml-2 {
        margin-left: 0 !important;
    }

    .quiz__question__result {
        font-size: 14px;
    }

    .quiz__question__answers__answer {
        font-size: 14px;
    }

    .quiz__question__question {
        font-size: 18px;
    }
}

@media only screen and (max-width:992px) {
    .button--size-s.ml-2 {
        margin-left: 1rem;
    }
}

.quiz__subscribe-prompt.invitation-to-join {
    border: 0px !important;
    color: #00b0f0 !important;
    background: none !important;
}

.invitation-to-join-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:500px) {
    .invitation-to-join-video {
        width: 100vh;
        height: 100vh;
    }
}

.invitation-to-join-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.invitation-to-join-content {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    line-height: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54%;
    z-index: 99;
    -webkit-text-stroke: 0.2px white;
}

.invitation-to-join-cancel {
    position: fixed;
    top: 1%;
    right: 1%;
    font-size: x-large;
    border: 2px solid red;
    border-radius: 50%;
    padding: 5px 13px;
    font-weight: bold;
    cursor: pointer;
    z-index: 99;
    bottom: auto;
}

.invitation-to-join-heading {
    font-size: 50px;
    font-weight: bold;
    margin-right: auto;
    margin-left: 4rem;
}

.invitation-to-join-text {
    font-size: 25px;
    font-weight: bold;
    margin-right: auto;
}

.invitation-to-join-center-buttons {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
}

.invitation-to-join-button1 {
    border: 2px solid #00b0f0;
    background-color: #00b0f0;
    font-size: 19px;
    padding: 10px 20px;
    margin: 10px 0px;
    border-radius: 12px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.invitation-to-join-button2 {
    border: 2px solid #00b0f0;
    background-color: #00b0f0;
    font-size: 19px;
    padding: 10px 20px;
    margin: 10px 25px;
    border-radius: 12px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.back-to-page {
    color: red;
}

@media only screen and (max-width:1585px) {
    .invitation-to-join-heading {
        font-size: 46px;
        margin-right: auto;
        margin-left: 4rem;
    }
}

@media only screen and (max-width:1585px) {
    .invitation-to-join-heading {
        font-size: 41px;
        margin-right: auto;
        margin-left: 6rem;
    }

    .invitation-to-join-content {
        width: 65%;
    }
}

@media only screen and (max-width:1440px) {
    .invitation-to-join-heading {
        font-size: 37px;
        margin-right: auto;
        margin-left: 6rem;
    }

    .invitation-to-join-content {
        width: 65%;
    }

    .invitation-to-join-text {
        font-size: 23px;
    }
}

@media only screen and (max-width:1232px) {
    .invitation-to-join-heading {
        font-size: 30px;
    }

    .invitation-to-join-content {
        width: 65%;
    }

    .invitation-to-join-text {
        font-size: 20px;
    }
}

@media only screen and (max-width:1070px) {
    .invitation-to-join-heading {
        font-size: 32px;
    }

    .invitation-to-join-content {
        width: 84%;
    }

    .invitation-to-join-text {
        font-size: 24px;
    }
}

@media only screen and (max-width:968px) {
    .invitation-to-join-heading {
        font-size: 36px;
        margin-left: 4rem;
    }

    .invitation-to-join-content {
        width: 85%;
    }

    .invitation-to-join-text {
        font-size: 20px;
    }
}

@media only screen and (max-width:880px) {
    .invitation-to-join-heading {
        font-size: 36px;
        margin-left: 4rem;
    }

    .invitation-to-join-content {
        width: 90%;
    }

    .invitation-to-join-text {
        font-size: 22px;
    }
}

@media only screen and (max-width:768px) {
    .invitation-to-join-heading {
        font-size: 34px;
        margin-left: 4rem;
    }

    .invitation-to-join-content {
        width: 95%;
    }

    .invitation-to-join-text {
        font-size: 21px;
    }
}

@media only screen and (max-width:698px) {
    .invitation-to-join-heading {
        font-size: 30px;
        margin-left: 1rem;
    }

    .invitation-to-join-content {
        width: 95%;
    }

    .invitation-to-join-text {
        font-size: 19px;
    }
}

@media only screen and (max-width:606px) {
    .invitation-to-join-heading {
        font-size: 30px;
        margin-left: 1rem;
    }

    .invitation-to-join-content {
        width: 96%;
    }

    .invitation-to-join-text {
        font-size: 16px;
    }

    .invitation-to-join-button1 {
        font-size: 16px;
        padding: 12px 10px;
    }

    .invitation-to-join-button2 {
        font-size: 16px;
        padding: 12px 10px;
    }
}

@media only screen and (min-width:555px) {
    .invitation-to-join-for-not-mobile {
        display: block;
    }

    .invitation-to-join-for-mobile {
        display: none;
    }
}

@media only screen and (max-width:554px) {
    .invitation-to-join-for-not-mobile {
        display: none;
    }

    .invitation-to-join-for-mobile {
        display: block;
    }

    .invitation-to-join-heading {
        font-size: 28px;
        margin-left: 0rem;
    }

    .invitation-to-join-text {
        font-size: 20px;
    }

    .invitation-to-join-button1 {
        font-size: 16px;
        padding: 12px 10px;
    }

    .invitation-to-join-button2 {
        font-size: 16px;
        padding: 12px 10px;
    }
}

@media only screen and (max-width:480px) {
    .invitation-to-join-heading {
        font-size: 26px;
        margin-left: 0rem;
    }

    .invitation-to-join-content {
        width: 95%;
    }

    .invitation-to-join-text {
        font-size: 18px;
    }

    .invitation-to-join-button1 {
        font-size: 16px;
        padding: 12px 10px;
    }

    .invitation-to-join-button2 {
        font-size: 16px;
        padding: 12px 10px;
    }
}

@media only screen and (max-width:432px) {
    .invitation-to-join-heading {
        font-size: 22px;
        margin-left: 0rem;
    }

    .invitation-to-join-content {
        width: 95%;
    }

    .invitation-to-join-text {
        font-size: 16px;
    }

    .invitation-to-join-button1 {
        font-size: 16px;
        padding: 12px 10px;
    }

    .invitation-to-join-button2 {
        font-size: 16px;
        padding: 12px 10px;
    }
}

.quiz-social-icons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 2rem;
}

.quiz-social-icons .youtube-logo {
    width: 85%;
    mix-blend-mode: multiply;
}

.quiz-social-icons .facebook-logo {
    width: 75%;
    mix-blend-mode: multiply;
}

.quiz-social-icons .instagram-logo {
    width: 75%;
    float: inline-end;
    mix-blend-mode: multiply;
}

.reward-message {
    position: fixed;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    line-height: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54%;
    z-index: 99;
    color: black;
    font-size: -webkit-xxx-large;
    font-weight: bold;
}

#daily-streak-element {
    display: block;
    position: absolute;
    left: 27%;
    top: 0%;
}

.h4--inline-perfomance-quiz {
    display: inline-block;
    width: 15rem;
}

.h4--inline-perfomance {
    display: inline-block;
    width: 13rem;
}

@media only screen and (max-width:992px) {
    .reward-message {
        width: 70%;
    }
}

@media only screen and (max-width:786px) {
    .reward-message {
        font-size: xx-large;
    }
}

@media only screen and (max-width:550px) {
    #daily-streak-element .modal-content {
        margin: 25rem 0rem !important;
    }
}

@media only screen and (max-width:520px) {
    #daily-streak-element .modal-content {
        margin: 25rem -1rem !important;
    }
}

@media only screen and (max-width:1024px) {
    #daily-streak-element {
        left: 5%;
    }
}

@media only screen and (max-width:1700px) and (min-width:1440px) {
    #daily-streak-element {
        left: 19%;
    }
}

@media only screen and (max-width:1439px) and (min-width:1024px) {
    #daily-streak-element {
        left: 10%;
    }
}

@media only screen and (max-width:426px) {
    .reward-message {
        width: 90%;
        font-size: x-large;
    }

    #daily-streak-element .modal-content {
        margin: 25rem -1.4rem !important;
    }
}

.streak-container {
    display: block;
    margin: 0 auto;
    position: relative;
    max-width: 1050px;
    padding: 0 20px;
}

.streak-block {
    width: 213px !important;
}

.f-14 {
    font-size: 14px;
}

.cross-daily-streak {
    position: absolute;
    left: 96%;
    top: 0%;
    border: 1px solid red;
    border-radius: 50%;
    padding: 0px 4px;
    color: red;
}

.open-streak-model img {
    object-fit: contain;
    cursor: pointer;
}

.streak-label {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: bold;
    text-wrap: nowrap;
}

.streak-color-red {
    -webkit-appearance: none;
    height: 10px;
    background: #ff0000;
    outline: #ff0000;
    border-radius: 0;
    margin-left: 3px;
}

.streak-color-green {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #00b04f;
    outline: #00b04f;
    border-radius: 0;
    margin-left: 5px;
}

.streak-color-red::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.streak-color-green::-webkit-slider-thumb {
    -webkit-appearance: none;
}

#daily-streak-element .modal-content {
    background-color: #fefefe;
    margin: 25rem auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
}

.modal-class {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.daily-streak-model-box {
    display: block !important;
    position: relative !important;
}

.blue-symbol {
    display: inline-block;
}

.blue-symbol img {
    width: 30px;
    vertical-align: sub;
}

.quiz-reward-section-section-1 {
    display: flex;
    flex-direction: column;
    height: 70%;
    width: 95%;
    margin: 0 auto;
}

.height-100 {
    height: 100%;
    background-color: #ADEDF7;
}

.quiz-reward-section-1 {
    border: 3px solid black;
    padding-top: 3px;
    display: block;
    position: fixed !important;
    background: white !important;
    z-index: 9999 !important;
    width: 70% !important;
    top: 15%;
    left: 0%;
    right: 0%;
    margin-left: auto;
    margin-right: auto;
    bottom: 15%;
    margin-top: auto;
    margin-bottom: auto;
}

#reqard-video-2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#reqard-video-1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#reward-video-play {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.top-text, .bottom-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 700;
    color: black;
    text-align: center;
}

.bottom-text {
    flex-direction: column !important;
    height: auto;
    padding-top: 15px;
    padding-bottom: 10px;
}

.top-text {
    height: auto;
    padding-top: 10px;
    padding-bottom: 15px;
}

.quiz-reward-link {
    color: black;
    text-decoration: underline;
}

@media only screen and (min-width:1340px) {
    .top-text, .bottom-text {
        font-size: 20px;
    }
}

@media only screen and (max-width:768px) {
    .quiz-reward-section-section-1 {
        height: 60%;
        width: 95%;
    }

    .quiz-reward-section-1 {
        width: 80% !important;
    }

    #reward-video-play {
        object-fit: scale-down;
    }

    #reqard-video-1 {
        object-fit: scale-down;
    }

    .top-text {
        height: auto;
        width: 95%;
    }

    .bottom-text {
        height: 10%;
        width: 95%;
    }
}

@media only screen and (max-width:425px) {
    .quiz-reward-section-section-1 {
        height: 45%;
        width: 95%;
    }

    .quiz-reward-section-1 {
        width: 90% !important;
    }

    #reward-video-play {
        object-fit: scale-down;
    }

    #reqard-video-1 {
        object-fit: scale-down;
    }

    .bottom-text {
        font-size: 18px;
        height: 25%;
        width: 98%;
    }

    .top-text {
        font-size: 18px;
        height: auto;
        width: 98%;
    }
}

.streak-winner-background {
    background-image: url('streak-winners.png');
    background-size: cover;
    color: white;
    background-repeat: repeat;
    position: relative;
    min-height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-size: 50rem auto;
}

.streak-winner-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.streak-content {
    padding: 20px;
    background-color: transparent;
    color: black;
}

.streak-heading {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.streak-para {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.streak-winner-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.streak-winner-list span {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.left-align {
    display: flex;
    align-items: baseline;
}

.streak-username {
    margin-left: 4rem;
}

@media only screen and (max-width:425px) {
    .streak-username {
        margin-left: 1rem;
    }
}

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

#not-open-daily-streak-model {
    margin-right: 5px;
}

.streak-best-score {
    background-color: #00b04f !important;
    height: 10px;
    display: inline-block;
    margin-left: 3px;
}

.streak-user-score {
    background-color: #ff0000 !important;
    height: 10px;
    display: inline-block;
    margin-left: 32px;
}

.close-btn {
    position: absolute;
    top: -2rem;
    background: white;
    right: 15px;
    cursor: pointer;
    color: red;
    font-size: larger;
    font-weight: 700;
    border: 2px solid red;
    border-radius: 50%;
    padding: 9px;
    padding-left: 13px;
    padding-right: 13px;
}

#open-daily-streak-model {
    margin-right: 10px;
    mix-blend-mode: multiply;
}

#small-open-daily-streak-model {
    mix-blend-mode: multiply;
}

#not-open-daily-streak-model {
    margin-right: 10px;
}

.small-screen-streaks {
    display: none !important;
}

.tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-trigger:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.modal-class {
    position: absolute;
    display: none;
}

.tooltip-trigger:hover .modal-class {
    display: block;
}

@media only screen and (min-width:501px) {
    .large-screen-streaks {
        display: block;
    }
}

@media only screen and (max-width:500px) {
    .large-screen-streaks {
        display: none;
    }
}

.streak-inner-block {
    overflow: visible;
    width: 75%;
}

@media only screen and (max-width:990px) {
    .streak-inner-block {
        width: 70%;
    }
}

@media only screen and (max-width:800px) {
    .streak-inner-block {
        width: 67%;
    }
}

@media only screen and (max-width:760px) {
    .streak-inner-block {
        width: 60%;
    }
}

@media only screen and (max-width:600px) {
    .streak-inner-block {
        width: 55%;
    }
}

@media only screen and (max-width:515px) {
    .streak-inner-block {
        width: 52%;
    }
}

@media only screen and (max-width:500px) {
    .small-screen-streaks {
        display: block !important;
    }

    .large-screen-streaks {
        display: none;
    }

    .small-streak-inner-block {
        margin-left: 10px;
        overflow: visible;
        width: 90%;
    }

    .streak-label {
        display: block;
        line-height: 20px;
    }

    .streak-user-score {
        margin-left: 3px;
    }
}

.streak-view-section {
    margin-top: -20px;
    margin-bottom: 2rem;
}

.user_streak_score {
    font-size: medium;
    color: black;
    margin-left: 1rem;
}

.layout__page-outer--highlight-2 {
    background: none !important;
}

.quiz__author {
    font-size: 17px;
    margin-top: 1rem;
}

.quiz__acknowledgements {
    font-size: 17px;
}

.quiz__running-total {}

lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

lite-youtube::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
    height: 99px;
    width: 100%;
    font-family: "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
    color: hsl(0deg 0% 93.33%);
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    font-size: 18px;
    padding: 25px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

lite-youtube:hover::before {
    color: white;
}

lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}

lite-youtube>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

lite-youtube>.lty-playbtn {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center/68px 48px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z"fill="red"/><path d="M45 24 27 14v20"fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}

lite-youtube:hover>.lty-playbtn, lite-youtube .lty-playbtn:focus {
    filter: none;
}

lite-youtube.lyt-activated {
    cursor: unset;
}

lite-youtube.lyt-activated::before, lite-youtube.lyt-activated>.lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.quiz_intro_opt {
    background-image: url(https://educationquizzes.com/plce-holder.png);
    background-position: center;
    background-size: cover;
    float: left;
    margin-right: 15px;
    height: 18rem;
    width: 25rem;
}

.survey-images {
    background-image: url('https://educationquizzes.com/plce-holder.png');
    background-position: center;
    background-size: cover;
    float: right;
    margin-left: 15px;
}

.survey-images img {
    background-position: center;
    background-size: cover;
    float: right;
    padding-left: 0 !important;
}

.category-images {
    background-image: url('https://educationquizzes.com/plce-holder.png');
    background-position: center;
    background-size: cover;
    float: left;
    margin-right: 15px;
    height: 25rem;
}

.category-images img {
    background-position: center;
    background-size: cover;
    float: right;
    padding-left: 0 !important;
    margin: 0 !important;
}

.p-over-flow-auto p {
    overflow: auto;
}

.quiz__intro__image {
    margin-bottom: 30px;
}

@media only screen and (max-width:600px) {
    .survey-images {
        margin-left: 0px;
    }

    .category-images {
        margin-right: 0px;
    }

    .p-over-flow-auto .video-container-1 {
        width: 100% !important;
    }
}

@media only screen and (max-width:480px) {
    .quiz__intro__image {
        margin-bottom: 0px;
    }
}

.curriculum-images {
    background-image: url('https://educationquizzes.com/plce-holder.png');
    background-position: center;
    background-size: cover;
    height: 13.5rem;
}

@media only screen and (max-width:450px) and (min-width:424px) {
    .curriculum-images {
        height: 12.5rem;
    }
}

@media only screen and (max-width:425px) and (min-width:375px) {
    .curriculum-images {
        height: 11.5rem;
    }
}

@media only screen and (max-width:650px) and (min-width:610px) {
    .curriculum-images {
        height: 11.5rem;
    }
}

@media only screen and (max-width:875px) and (min-width:810px) {
    .curriculum-images {
        height: 11.5rem;
    }
}

.p-over-flow-auto .video-container-1 {
    width: 50%;
    float: right;
}

.quiz-images {
    background-image: url('https://educationquizzes.com/plce-holder.png');
    background-position: center;
    background-size: cover;
    height: 13.5rem;
}

@media only screen and (max-width:450px) and (min-width:424px) {
    .quiz-images {
        height: 12.5rem;
    }
}

@media only screen and (max-width:425px) and (min-width:375px) {
    .quiz-images {
        height: 11.5rem;
    }
}

@media only screen and (max-width:650px) and (min-width:610px) {
    .quiz-images {
        height: 11.5rem;
    }
}

@media only screen and (max-width:875px) and (min-width:810px) {
    .quiz-images {
        height: 11.5rem;
    }
}

@media only screen and (max-width: 825px) {
    .layout__page-outer--highlight-2 {
        /* height: 515px; */
    }
}

@media only screen and (max-width: 768px) {
    .layout__page-outer--highlight-2 {
        /* height: 615px; */
    }
}

@media only screen and (max-width: 650px) {
    .layout__page-outer--highlight-2 {
        /* height: 620px; */
    }
}

@media only screen and (max-width: 578px) {
    .layout__page-outer--highlight-2 {
        /* height: 640px; */
    }
}


@media only screen and (max-width: 540px) {
    .layout__page-outer--highlight-2 {
        /* height: 650px; */
    }
}


@media only screen and (max-width: 508px) {
    .layout__page-outer--highlight-2 {
        /* height: 730px; */
    }
}

@media only screen and (max-width: 480px) {
    .layout__page-outer--highlight-2 {
        /* height: 800px; */
    }
}

@media only screen and (max-width: 450px) {
    .layout__page-outer--highlight-2 {
        /* height: 850px; */
    }
}

@media only screen and (max-width: 768px) and (min-width: 30em) {
    .quiz_intro_opt {
        width: 250px !important;
        display: contents !important;
    }

    .quiz_intro_opt img {
        width: 100% !important;
    }

    .quiz__intro__image__caption {
        height: auto !important;
        width: auto !important;
    }
}


@media only screen and (max-width: 29.99em) {
    .quiz_intro_opt {
        width: 100% !important;
        display: contents !important;
    }

    .quiz_intro_opt img {
        width: 100% !important;
    }

    .quiz__intro__image__caption {
        height: auto !important;
        width: auto !important;
    }
}


@media (max-width: 29.99em) {
    /* manage the image size on d-coloumn */
}

.layout__subfooter__validation {
    display: block;
}

.cookie-prompt {
    background: #fff !important;
    border-top: 3px solid #3a72af !important;
    /* display: none !important; */
    font-size: 16px !important;
    line-height: 1.375 !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
}

.cookie-prompt>div {
    margin: 0 auto !important;
    text-align: center !important;
    max-width: 950px !important;
    padding: 14px !important;
}

.cookie-prompt p {
    margin: 0 !important;
}

.cookie-prompt p+p {
    color: #050505 !important;
    padding-top: 4px !important;
}

.cookie-prompt a {
    font-weight: bold !important;
    text-decoration: none !important;
}

.cookie-prompt a:hover {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.layout__page-outer {
    padding: 29px 0 47px;
}

.layout__page-outer--highlight {
    background: #5190cd;
    color: #fff;
}

.layout__page-outer--highlight--followed-by-another {
    padding-bottom: 0;
}

.layout__page-outer--highlight--followed-by-another+.layout__page-outer--highlight {
    padding-top: 0;
}

.layout__page-outer--highlight-2 {
    background: #ebf1f7 !important;
    color: #3a72af;
}

.copy-with-aside__copy {
    padding-bottom: 20px;
}

@media (min-width: 480px) {
    .copy-with-aside {
        display: flex;
        flex-wrap: wrap;
    }

    .copy-with-aside__copy {
        flex: 1 0 calc(100% - 40px);
        margin-right: 50px;
    }

    .copy-with-aside__aside {
        margin: 0 auto;
        max-width: 100px;
        margin-right: 50px;
    }
}

.copy-2-col__col {
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .copy-2-col {
        display: flex;
    }

    .copy-2-col__col {
        flex: 1 0 calc(100% - 20px);
        margin-left: 20px;
    }
}

.layout__page-outer {
    position: relative;
}

.layout__page-outer-advert {
    width: 160px;
    height: 600px;
    position: absolute;
    top: 10px;

    &.left {
        left: 10px;
    }

    &.right {
        right: 10px;
    }
}

/* @include mq($until:1360px){
	.layout__page-outer-advert{
		display: none;
	}
} */
/* quiz ai at the upper right quiz featured image start  */
.quiz__intro__image__container {
    position: relative;
    width: 350px;
    height: 250px;
    overflow: hidden;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
}

.quiz-image-fade {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: fadeInScale 3s ease-in-out forwards;
    transition: opacity 0.5s ease-in-out;
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.quiz__intro__image__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeInOverlay 3s ease-in-out 0.5s forwards;
    opacity: 0;
}

@keyframes fadeInOverlay {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.quiz__intro__image__overlay-text {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    margin: 0;
    padding: 0 20px;
    animation: slideInUp 3s ease-in-out 1s forwards;
    transform: translateY(20px);
}

@keyframes slideInUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* AI Tutor Prompt Styles */
.quiz__ai-tutor-prompt {
    position: absolute;
    top: 10px;
    right: auto;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    animation: aiTutorFadeIn 0.5s ease-in-out 3s forwards;
}

@keyframes aiTutorFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.quiz__ai-tutor-prompt:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.quiz__ai-tutor-prompt:active {
    transform: translateY(0);
}

.quiz__ai-tutor-prompt::before {
    /* content: "🤖"; */
    margin-right: 6px;
    font-size: 14px;
}

.quiz-image-fade.ai-prompt-visible {
    opacity: 0.85;
}

@media (max-width: 768px) {
    .quiz__ai-tutor-prompt {
        font-size: 11px;
        padding: 6px 10px;
        right: 5px;
        top: 5px;
    }
}

@media (max-width: 480px) {
    .quiz__ai-tutor-prompt {
        font-size: 10px;
        padding: 5px 8px;
        border-radius: 15px;
    }

}

/* quiz upper right featured image end  */