@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    ascent-override:84.97%;descent-override:22.03%;font-family: montserrat_fallback;
    line-gap-override:0%;size-adjust:113.92%;src: local("Arial")
}

@font-face {
    font-display: swap;
    font-family: bpreplay;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: bpreplay;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    ascent-override:98.01%;descent-override:24.95%;font-family: bpreplay_fallback;
    line-gap-override:0%;size-adjust:106.22%;src: local("Arial")
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
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
}

[hidden],template {
    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;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .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: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    max-width: 100%
}

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: 700
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

textarea {
    overflow: auto;
    resize: none
}

[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: .54
}

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

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

svg {
    max-width: 100%
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-transition: background-color 500000s ease-in-out 0s,color 500000s ease-in-out 0s;
    transition: background-color 500000s ease-in-out 0s,color 500000s ease-in-out 0s
}

select::-ms-value,select:focus::-ms-value {
    background: none
}

table {
    border-collapse: collapse
}

p {
    margin: 0 0 1em
}

html {
    font-size: 12px
}

@media(min-width: 768px) {
    html {
        font-size:16px
    }
}

@media(min-width: 1440px) {
    html {
        font-size:18px
    }
}

body {
    color: #000;
    font-family: montserrat,montserrat_fallback,sans-serif;
    text-rendering: optimizeLegibility!important;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

body,html {
    background-color: #89cfb8
}

.body-html-noscroll {
    height: 100%;
    overflow: hidden;
    position: relative
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none
}

:focus-visible {
    border: 1px dotted #fff
}

a {
    color: #00a39b;
    cursor: pointer;
    text-decoration: none;
}

@media(hover: hover)and (pointer:fine) {
    a:active,a:hover {
        color:#f77116
    }
}

h1 {
    color: #91b3b7;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1em;
    margin: 0 0 2rem;
    text-align: center
}

@media(min-width: 640px) {
    h1 {
        font-size:4rem
    }
}

h2 {
    /*color: #38352f;*/
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 1em;
    padding: 0;
    text-align: left;
}

@media(min-width: 640px) {
    h2 {
        font-size:1.75rem
    }
}

h3 {
    font-size: 1.25rem
}

h3,h4 {
    /*color: #38352f;*/
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 1em;
    text-align: left;
}

h4 {
    font-size: 1rem
}

p {
    margin: 0 0 1rem
}

ol li {
    margin-bottom: .625rem
}

.ellips-over-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slashed-text {
    position: relative
}

.slashed-text:after {
    background: #e24829;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: rotate(-7deg);
    width: 100%
}

.select,input:not([type=submit]):not([type=button]):not([type=radio]),textarea {
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #91b3b7;
    border-radius: .4375rem;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: .625rem;
    width: 100%
}

.select:focus,input:not([type=submit]):not([type=button]):not([type=radio]):focus,textarea:focus {
    border-color: #fa0!important
}

.select::-moz-placeholder,input:not([type=submit]):not([type=button]):not([type=radio])::-moz-placeholder,textarea::-moz-placeholder {
    color: #000
}

.select::placeholder,input:not([type=submit]):not([type=button]):not([type=radio])::placeholder,textarea::placeholder {
    color: #000
}

.select::-ms-clear,input:not([type=submit]):not([type=button]):not([type=radio])::-ms-clear,textarea::-ms-clear {
    display: none
}

textarea {
    min-height: 6.625rem;
    resize: vertical;
    will-change: height
}

[type=button],[type=submit],button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    padding: 0
}

[type=button] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-decoration: none
}

html [type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.disabled,[type=submit]:disabled,button:disabled,select:disabled {
    cursor: not-allowed;
    opacity: .3
}

input[type=file] {
    overflow: hidden
}

[type=select],select {
    font-family: sans-serif
}

.static-label {
    font-weight: 700;
    margin-bottom: .1rem
}

@media(min-width: 640px) {
    .static-label {
        font-size:.875rem
    }
}

.root {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%
}

.root.fixed-padding {
    padding-top: 36px
}

.root.fixed-padding.cookie {
    padding-top: 72px
}

.root.fixed-padding.cookie .header {
    top: 36px
}

.root.fixed-padding.cookie .header-shadow {
    top: 72px
}

.root.fixed-padding.cookie .header-search .search-suggestions-container {
    max-height: calc(100vh - 108px - 1rem)
}

@media(min-width: 768px) {
    .root.fixed-padding {
        padding-top:60px
    }

    .root.fixed-padding.cookie {
        padding-top: 120px
    }

    .root.fixed-padding.cookie .header {
        top: 60px
    }

    .root.fixed-padding.cookie .header-shadow {
        top: 120px
    }

    .root.fixed-padding.cookie .header-search .search-suggestions-container {
        max-height: calc(100vh - 168px - 1rem)
    }
}

@media(min-width: 1024px) {
    .root.fixed-padding.cookie .header-search .search-suggestions-container {
        max-height:calc(100vh - 120px - 1rem)
    }
}

.repeating-theme-bg {
    background-position: top;
    background-size: auto
}


.categoryprintables,.printables,.printablesnav,.wrapper {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    position: relative;
    width: 100%
}

.visible.categoryprintables,.visible.printables,.visible.printablesnav,.wrapper.visible {
    overflow: visible
}

.padded.categoryprintables,.padded.printables,.padded.printablesnav,.wrapper.padded {
    padding: 2rem 1rem
}

.padded.categoryprintables:nth-of-type(odd),.padded.printables:nth-of-type(odd),.padded.printablesnav:nth-of-type(odd),.wrapper.padded:nth-of-type(odd) {
    background-color: #fff
}

.padded.categoryprintables:nth-of-type(2n),.padded.printables:nth-of-type(2n),.padded.printablesnav:nth-of-type(2n),.wrapper.padded:nth-of-type(2n) {
    background-color: #f4f4f4
}

.odd.categoryprintables,.odd.printables,.odd.printablesnav,.wrapper.odd {
    background-color: #fff!important
}

.even.categoryprintables,.even.printables,.even.printablesnav,.wrapper.even {
    background-color: #f4f4f4!important
}

.categoryprintables-printables .categoryprintables-printables-container,.container,.container-medium,.container-small,.giftcard .submit-error-container,.printables-text,.printablesnav-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    width: 100%
}

.container-medium [type=button],.container-medium [type=submit],.container-medium button,.container-small [type=button],.container-small [type=submit],.container-small button,.giftcard .submit-error-container [type=button],.giftcard .submit-error-container [type=submit],.giftcard .submit-error-container button,.printables-text [type=button],.printables-text [type=submit],.printables-text button {
    margin: 0 1rem 0 0
}

.container-medium [type=button]:last-of-type,.container-medium [type=submit]:last-of-type,.container-medium button:last-of-type,.container-small [type=button]:last-of-type,.container-small [type=submit]:last-of-type,.container-small button:last-of-type,.giftcard .submit-error-container [type=button]:last-of-type,.giftcard .submit-error-container [type=submit]:last-of-type,.giftcard .submit-error-container button:last-of-type,.printables-text [type=button]:last-of-type,.printables-text [type=submit]:last-of-type,.printables-text button:last-of-type {
    margin-right: 0
}

@media(max-width: 639px) {
    .container-medium [type=button],.container-medium [type=submit],.container-medium button,.container-small [type=button],.container-small [type=submit],.container-small button,.giftcard .submit-error-container [type=button],.giftcard .submit-error-container [type=submit],.giftcard .submit-error-container button,.printables-text [type=button],.printables-text [type=submit],.printables-text button {
        margin:0 0 1rem;
        width: 100%
    }

    .container-medium [type=button]:last-of-type,.container-medium [type=submit]:last-of-type,.container-medium button:last-of-type,.container-small [type=button]:last-of-type,.container-small [type=submit]:last-of-type,.container-small button:last-of-type,.giftcard .submit-error-container [type=button]:last-of-type,.giftcard .submit-error-container [type=submit]:last-of-type,.giftcard .submit-error-container button:last-of-type,.printables-text [type=button]:last-of-type,.printables-text [type=submit]:last-of-type,.printables-text button:last-of-type {
        margin-bottom: 0
    }
}

.container-small,.giftcard .submit-error-container,.printables-text {
    max-width: 30rem;
    padding: 0 1rem;
    text-align: center
}

.container-medium {
    padding: 0 1rem
}

.cta {
    color: #38352f;
    color: #91b3b7;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 1em;
    text-align: center
}

.cta-caption {
    font-size: .75rem;
    margin: -.75rem 0 .625rem
}

.form-field {
    margin-bottom: 1rem;
    position: relative
}

.form-field.col2,.form-field.col3 {
    vertical-align: top
}

@media(min-width: 640px) {
    .form-field.col2 {
        display:inline-block;
        margin-right: .5rem;
        width: calc(50% - .5rem)
    }

    .form-field.col2.right {
        margin-left: .5rem;
        margin-right: 0
    }
}

@media(min-width: 768px) {
    .form-field.col3 {
        display:inline-block;
        margin-left: .333rem;
        margin-right: .333rem;
        width: calc(33.333% - .666rem)
    }

    .form-field.col3.right {
        margin-left: .333rem;
        margin-right: 0;
        width: calc(33.333% - .333rem)
    }

    .form-field.col3.left {
        margin-left: 0;
        margin-right: .333rem;
        width: calc(33.333% - .333rem)
    }
}

.form-field-container {
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    padding: 1px;
    position: relative;
    width: 100%
}

.form-field-container label:not(.radio-label) {
    color: #91b3b7;
    display: inline-block;
    font-size: .625rem;
    font-weight: 700;
    left: .21875rem;
    line-height: 1.6em;
    position: absolute;
    top: -1.6em;
    transition: top .25s;
    will-change: top
}

.form-field-container label:not(.radio-label).active {
    top: 0
}

.form-field-container .radio-label {
    align-items: baseline;
    display: flex;
    line-height: 1em;
    margin: .5em 0;
    position: relative
}

@media(min-width: 768px) {
    .form-field-container .radio-label {
        font-size:.875rem
    }
}

.form-field-container .radio-label input[type=radio] {
    font-size: 1.125rem;
    margin: .1em .5em
}

.form-field-children .label,.manage-account-url .label {
    font-size: .75rem
}

.form-field-children .current-value,.manage-account-url .current-value {
    font-style: italic;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 768px) {
    .form-field-children .current-value,.manage-account-url .current-value {
        font-size:.875rem
    }
}

.validation-error {
    color: #e24829;
    font-style: italic
}

@media(min-width: 640px) {
    .validation-error {
        font-size:.875rem
    }
}

.submit-error {
    color: #e24829;
    font-style: italic;
    font-weight: 700
}

@media(min-width: 640px) {
    .submit-error {
        font-size:.875rem
    }
}

.form-field-select input:not([type=submit]):not([type=button]):not([type=radio]) {
    padding-right: 1.8125rem
}

.form-field-select .select-toggle {
    background: transparent;
    box-sizing: border-box;
    color: #12cca8;
    display: flex;
    height: calc(100% - .25rem);
    position: absolute;
    right: .5rem;
    top: 0;
    width: 1.1875rem
}

.form-field-select .select-toggle svg {
    height: 1.1875rem;
    width: 1.1875rem
}

.search-clear,.search-submit {
    align-content: center;
    align-items: center;
    background: transparent;
    box-sizing: border-box;
    color: #5cf7f1;
    display: flex;
    height: calc(100% - .25rem);
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0
}

.search-clear svg,.search-submit svg {
    height: 1.1875rem;
    width: 1.1875rem
}

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

.suggestion {
    cursor: pointer;
    padding: .625rem
}

.suggestion:nth-child(odd) {
    background-color: #f4f4f4
}

.suggestion:nth-child(2n) {
    background-color: #fff
}

.suggestion .header-search-suggestion {
    align-items: center;
    background-position: 0;
    background-repeat: no-repeat;
    display: flex;
    height: 100%
}

.suggestion .header-search-coloring-pages-suggestion {
    background-size: auto 2.7em;
    margin-left: .75em;
    padding-left: 3.9375em
}

.suggestion .header-search-activity-pages-suggestion {
    background-size: auto 2.6em;
    margin-left: .625em;
    padding-left: 4.0625em
}

.suggestion .header-search-worksheets-suggestion {
    background-size: auto 2.6em;
    margin-left: 1.14em;
    padding-left: 3.5475em
}

.suggestion .header-search-teacher-resources-suggestion {
    background-size: auto 2.2em;
    margin-left: 1.14em;
    padding-left: 3.5475em
}

.suggestion .header-search-game-suggestion {
    background-size: auto 1.83em;
    margin-left: .625em;
    padding-left: 4.0625em
}

.suggestion .header-search-faq-suggestion {
    background-size: auto 2.4525em;
    margin-left: .85em;
    padding-left: 3.8375em
}

.suggestion .header-search-standard-suggestion {
    background-size: auto 2.6863em;
    margin-left: .7706em;
    padding-left: 3.9169em
}

.suggestion .header-search-blog-suggestion {
    background-size: auto 2.1369em;
    margin-left: .6844em;
    padding-left: 4.0031em
}

.suggestion.highlighted {
    background-color: #00a39b!important;
    color: #fff
}

.select-field {
    display: block;
    position: relative
}

.search-suggestions-container {
    background-color: #fff;
    border-radius: 0 0 1.5rem 1.5rem;
    box-shadow: 0 .5rem 1rem rgba(77,77,77,.2);
    display: block;
    left: 1.5rem;
    max-height: 12rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: calc(100% - 3rem);
    z-index: 11
}

.header-search .search-suggestions-container {
    border-radius: 0;
    left: 0
}

.select-suggestions-container {
    background-color: #fff;
    border-radius: 0 0 1.5rem 1.5rem;
    box-shadow: 0 .5rem 1rem rgba(77,77,77,.2);
    display: block;
    max-height: 15rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 11
}

.content-search-form {
    box-sizing: border-box;
    display: block;
    line-height: 1;
    margin: 0 auto 2rem;
    overflow: visible;
    padding: 0 .625rem;
    position: relative;
    text-align: center;
    width: 100%
}

.content-search-form.searched input:not([type=submit]):not([type=radio]) {
    padding-right: 5rem
}

.content-search-form.loading {
    visibility: hidden
}

.content-search-form input:not([type=submit]):not([type=radio]) {
    border: .15rem solid #fa0;
    border-radius: 3rem;
    padding-left: 1rem;
    padding-right: 2.75rem
}

.content-search-form input:not([type=submit]):not([type=radio])::-moz-placeholder {
    text-align: center
}

.content-search-form input:not([type=submit]):not([type=radio])::placeholder {
    text-align: center
}

.content-search-form .search-clear,.content-search-form .search-submit {
    width: 2.25rem
}

.content-search-form .search-submit {
    right: 1rem
}

.content-search-form .search-clear {
    right: 3.25rem
}

@media(min-width: 640px) {
    .content-search-form {
        padding:0;
        width: 22.5rem
    }

    .content-search-form .search-submit {
        right: .5rem
    }

    .content-search-form .search-clear {
        right: 2.75rem
    }
}

.background-white {
    background-color: #fff
}

.background-transparent-white {
    background-color: hsla(0,0%,100%,.75)
}

.background-transparent-pt-grey {
    background-color: hsla(0,0%,96%,.75)
}

.background-transparent-pt-dark-space {
    background-color: rgba(23,56,86,.75)
}

.inline-arrow {
    display: inline-block;
    height: 1.1em;
    margin: 0 0 0 .5em;
    padding: 0;
    vertical-align: top;
    width: .74375em
}

.inline-arrow.double {
    width: 1.282em
}

.inline-arrow.left {
    margin: 0 .5em 0 0;
    transform: rotate(180deg)
}

.inline-icon {
    display: inline-block;
    height: 1em;
    margin: 0 1em 0 0;
    padding: 0;
    vertical-align: top;
    width: 1em
}

.nav-art-wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.loadmore-wrapper {
    margin: .5em 0;
    width: 100%
}

.toggle-title {
    background-color: #00a39b;
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    color: #fff;
    cursor: pointer;
    margin-bottom: -1px
}

.toggle-title.great-grandchild {
    background-color: #85cd34
}

.toggle-title.great-grandchild .toggle-title-text {
    font-weight: 400
}

.toggle-title.great-grandchild.active {
    border-color: #85cd34;
    color: #85cd34
}

.toggle-title.great-grandchild.active .toggle-title-text {
    color: #000
}

.toggle-title.grandchild {
    background-color: #5fbc34
}

.toggle-title.grandchild.active {
    border-color: #5fbc34;
    color: #5fbc34
}

.toggle-title.child {
    background-color: #30b067
}

.toggle-title.child.active {
    border-color: #30b067;
    color: #30b067
}

.toggle-title.active {
    background-color: #fff;
    border-color: #00a39b;
    color: #00a39b;
    font-weight: 700;
    margin-bottom: 0
}

.toggle-title.active .toggle-title-arrow {
    transform: rotate(90deg)
}

.toggle-title .toggle-title-arrow {
    flex: 0 0 auto;
    height: 1rem;
    margin-left: .625rem;
    width: 1rem
}

@media(min-width: 640px) {
    .toggle-title.great-grandchild .toggle-title-text {
        font-size:.85em
    }

    .toggle-title.grandchild .toggle-title-text {
        font-size: .9em
    }

    .toggle-title.child .toggle-title-text {
        font-size: .95em
    }
}

.toggle-title-container {
    align-items: center;
    display: flex;
    padding: 1em
}

@media(min-width: 640px) {
    .toggle-title-container {
        padding:1em 1.5em
    }

    .toggle-title-container.great-grandchild {
        padding-left: 4em
    }

    .toggle-title-container.grandchild {
        padding-left: 3em
    }

    .toggle-title-container.child {
        padding-left: 2em
    }
}

.toggle-title-text {
    flex: 1 1 auto
}

@media(min-width: 640px) {
    .toggle-title-text {
        font-size:1.25rem
    }
}

.toggle-body:not(.active) {
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.toggle-section-header-text {
    color: #38352f;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1em;
    padding: 1rem;
    text-align: left
}

@media(min-width: 768px) {
    .toggle-section-header-text {
        padding:1.5rem
    }
}

.search-noResults {
    font-size: 1.25rem;
    font-style: italic;
    font-weight: 700;
    text-align: center
}

.planselect {
    text-align: center
}

.planselect a,.planselect button {
    margin: 0 1rem 0 0;
    vertical-align: middle
}

.planselect a:last-of-type,.planselect button:last-of-type {
    margin-right: 0
}

@media(max-width: 639px) {
    .planselect a,.planselect button {
        margin:0 0 1rem;
        width: 100%
    }

    .planselect a:last-of-type,.planselect button:last-of-type {
        margin-bottom: 0
    }
}

.adfree-button-container {
    display: inline-block;
    margin: 0;
    position: relative
}

.gv-title-buttons {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    margin-left: 1rem;
    min-height: 4rem;
    overflow-x: hidden
}

.gv-title-buttons-container {
    margin: 0 1rem 1rem 0
}

.gv-title-buttons-container>.button-flat-color.auto {
    flex: 1 1 auto
}

.grecaptcha-badge {
    visibility: hidden
}

.form-terms {
    color: #91b3b7;
    font-size: .75rem;
    margin-bottom: .25rem;
    margin-top: 1rem
}

.purchase-confirm {
    font-size: 1.0625rem;
    text-align: left
}

.purchase-confirm .pc-lineitems {
    padding: 0 1em
}

.purchase-confirm .pc-lineitem {
    margin-bottom: 1em
}

.purchase-confirm .pc-lineitem-title {
    color: #00a39b
}

.purchase-confirm .pc-lineitem-disclaimer {
    font-style: italic;
    padding: 0 1em
}

.purchase-confirm .pc-total {
    font-weight: 700;
    margin-bottom: 1.5em
}

.purchase-confirm .pc-total-title {
    color: #f77116
}

.premium-join .flare-img {
    display: block;
    height: 1.625em;
    position: absolute;
    transform: rotate(0deg);
    transform-origin: center center;
    width: 1.125em;
    will-change: transform,opacity
}

.premium-join .flare-img img {
    display: inline-block;
    height: 100%;
    width: 100%
}

.premium-join .flare-img.bottom-right {
    animation: join-premium-flares-bottom-right 5s linear infinite alternate;
    right: .15em;
    top: 60%
}

.premium-join .flare-img.bottom-right img {
    animation: join-flares-opacity-bottom-right 5s linear infinite alternate;
    opacity: 0
}

.premium-join .flare-img.upper-left {
    animation: join-premium-flares-upper-left 5s linear infinite alternate;
    left: .5em;
    top: -.75em
}

.premium-join .flare-img.upper-left img {
    animation: join-flares-opacity-upper-left 5s linear infinite alternate;
    opacity: 0
}

.premium-join .shimmer-img-container {
    isolation: isolate;
    position: absolute
}

.premium-join .shimmer-img,.premium-join .shimmer-img-container {
    border-radius: 2em;
    height: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
    width: 100%
}

.premium-join .shimmer-img {
    animation: gilded-join-shimmer 5s linear infinite alternate;
    box-sizing: border-box;
    display: block;
    position: relative;
    will-change: opacity,transform
}

.premium-join .shimmer-img img {
    height: 100%
}

.favstar,.freebadge,.newbadge {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.freebadge,.newbadge {
    border-radius: 50%;
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-weight: 700;
    line-height: 1;
    overflow: hidden
}

.freebadge span,.newbadge span {
    display: inline-block;
    margin-bottom: -2px;
    transform: rotate(-15deg)
}

.newbadge {
    background-size: cover;
    font-size: .75rem;
    height: 2.25rem;
    width: 2.25rem
}

.newbadge.la {
    font-size: .65rem;
    height: 2.475rem;
    width: 2.475rem
}

.no-webp .repeating-theme-bg {
    background-position: top;
    background-size: auto
}

.select {
    background-color: #fff;
    border-radius: .4375rem;
    box-shadow: 0 .5rem 1rem rgba(77,77,77,.2);
    box-sizing: border-box;
    margin-bottom: 0;
    margin-top: 0;
    top: 100%;
    width: 100%;
    z-index: 1
}

.radio-button {
    display: block;
    margin: 0 auto .5em;
    text-align: left
}

.radio-button input[type=radio] {
    margin-right: .5em
}

@keyframes join-premium-flares-bottom-right {
    20% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(1turn)
    }
}

@keyframes join-flares-opacity-bottom-right {
    20% {
        opacity: 0
    }

    35% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes join-premium-flares-upper-left {
    50% {
        transform: rotate(0deg)
    }

    80% {
        transform: rotate(1turn)
    }
}

@keyframes join-flares-opacity-upper-left {
    50% {
        opacity: 0
    }

    65% {
        opacity: 1
    }

    80% {
        opacity: 0
    }
}

@keyframes gilded-join-shimmer {
    0% {
        opacity: 0;
        transform: translateX(200%)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateX(-200%)
    }
}

.button-flat-color {
    border-radius: .4375rem;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-weight: 300;
    padding: .4rem .625rem;
    position: relative;
    vertical-align: top;
    width: 12.875rem
}

.button-flat-color:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -.5rem;
    transform: translateX(-50%);
    transition: width .25s,height .25s;
    width: 0;
    will-change: width,height
}

.button-flat-color.round {
    border-radius: 2em
}

.button-flat-color.uppercase {
    text-transform: uppercase
}

.button-flat-color.dimensional {
    line-height: 1.2em
}

.button-flat-color.dimensional.text {
    font-weight: 700
}

.button-flat-color.pt-dark-blue {
    background-color: #356da0;
    border-color: #356da0
}

.button-flat-color.pt-blue,.button-flat-color.pt-nav-privacy,.button-flat-color.pt-nav-redeem-gc,.faq .pt-nav .button-flat-color.faq-section-0,.search-filter-nav .pt-nav .button-flat-color.filter-faq {
    background-color: #3581a3;
    border-color: #3581a3
}

.button-flat-color.pt-blue-2,.button-flat-color.pt-nav-privacymobile,.button-flat-color.pt-nav-purchase-gc {
    background-color: #545da3;
    border-color: #545da3
}

.button-flat-color.pt-nav-join,.button-flat-color.pt-nav-manage,.button-flat-color.pt-nav-payterms,.button-flat-color.pt-purple {
    background-color: #8e4aba;
    border-color: #8e4aba
}

.button-flat-color.pt-purple-1,.manage .pt-nav .button-flat-color:first-of-type {
    background-color: #5248b5;
    border-color: #5248b5
}

.button-flat-color.pt-purple-2,.manage .pt-nav .button-flat-color:nth-of-type(2) {
    background-color: #774aba;
    border-color: #774aba
}

.button-flat-color.pt-purple-3,.manage .pt-nav .button-flat-color:nth-of-type(3) {
    background-color: #9c4bbf;
    border-color: #9c4bbf
}

.button-flat-color.pt-nav-terms,.button-flat-color.pt-purple-4,.manage .pt-nav .button-flat-color:nth-of-type(4) {
    background-color: #c14dc4;
    border-color: #c14dc4
}

.button-flat-color.pt-purple-5,.manage .pt-nav .button-flat-color:nth-of-type(5) {
    background-color: #dd57c4;
    border-color: #dd57c4
}

.button-flat-color.pt-light-blue {
    background-color: #23c3e8;
    border-color: #23c3e8
}

.button-flat-color.school-sub {
    background-color: #6e57c1;
    border-color: #6e57c1
}

.button-flat-color.school-sub-light {
    background-color: #bc5fff;
    border-color: #bc5fff
}

.button-flat-color.cyan {
    background-color: #12cca8;
    border-color: #12cca8
}

.button-flat-color.cyan.dimensional {
    box-shadow: 0 .35rem 0 0 #108c99
}

.button-flat-color.cyan.dimensional.text {
    text-shadow: 0 .2rem 0 #108c99
}

.button-flat-color.pt-cyan,.button-flat-color.pt-nav-blog,.button-flat-color.pt-nav-prod-offer,.faq .pt-nav .button-flat-color.faq-section-1 {
    background-color: #00a39b;
    border-color: #00a39b
}

.button-flat-color.pt-light-cyan {
    background-color: #23aaad;
    border-color: #23aaad
}

.button-flat-color.pt-nav-feedback,.button-flat-color.red,.search-filter-nav .pt-nav .button-flat-color.filter-all {
    background-color: #e24829;
    border-color: #e24829
}

.button-flat-color.dimensional.pt-nav-feedback,.button-flat-color.red.dimensional,.search-filter-nav .pt-nav .button-flat-color.dimensional.filter-all {
    box-shadow: 0 .35rem 0 0 #ce2e2e
}

.button-flat-color.dimensional.text.pt-nav-feedback,.button-flat-color.red.dimensional.text,.search-filter-nav .pt-nav .button-flat-color.dimensional.text.filter-all {
    text-shadow: 0 .2rem 0 #ce2e2e
}

.button-flat-color.pink,.button-flat-color.pt-nav-store {
    background-color: #ff4664;
    border-color: #ff4664
}

.button-flat-color.green {
    background-color: #99dd17;
    border-color: #99dd17
}

.button-flat-color.green.dimensional {
    box-shadow: 0 .35rem 0 0 #16c41f
}

.button-flat-color.green.dimensional.text {
    text-shadow: 0 .2rem 0 #16c41f
}

.button-flat-color.purple {
    background-color: #a05cf7;
    border-color: #a05cf7
}

.button-flat-color.purple.dimensional {
    box-shadow: 0 .35rem 0 0 #6b42d1
}

.button-flat-color.purple.dimensional.text {
    text-shadow: 0 .2rem 0 #6b42d1
}

.button-flat-color.pt-green,.button-flat-color.pt-nav-standards,.button-flat-color.pt-nav-testimonials,.faq .pt-nav .button-flat-color.faq-section-2 {
    background-color: #8fc900;
    border-color: #8fc900
}

.button-flat-color.pt-nav-team,.button-flat-color.pt-nav-tools,.button-flat-color.pt-yellow,.faq .pt-nav .button-flat-color.faq-section-3,.search-filter-nav .pt-nav .button-flat-color.filter-printables,.tools .pt-nav .button-flat-color:nth-of-type(3) {
    background-color: #f2ca06;
    border-color: #f2ca06
}

.button-flat-color.pt-yellow-orange-1,.tools .pt-nav .button-flat-color:nth-of-type(2) {
    background-color: #f3bb0b;
    border-color: #f3bb0b
}

.button-flat-color.pt-yellow-orange-2,.tools .pt-nav .button-flat-color:first-of-type {
    background-color: #f4ab10;
    border-color: #f4ab10
}

.button-flat-color.pt-yellow-orange-3 {
    background-color: #f69c14;
    border-color: #f69c14
}

.button-flat-color.pt-standards {
    background-color: #8fc900;
    border-color: #8fc900
}

.button-flat-color.pt-feedback {
    background-color: #e24829;
    border-color: #e24829
}

.button-flat-color.orange {
    background-color: #fa0;
    border-color: #fa0
}

.button-flat-color.orange.dimensional {
    box-shadow: 0 .35rem 0 0 #f77116;
    margin-bottom: 2rem;
}

.button-flat-color.orange.dimensional.text {
    text-shadow: 0 .2rem 0 #f77116
}

.button-flat-color.pt-nav-about,.button-flat-color.pt-nav-story,.button-flat-color.pt-orange,.faq .pt-nav .button-flat-color.faq-section-4,.search-filter-nav .pt-nav .button-flat-color.filter-games {
    background-color: #f78c19;
    border-color: #f78c19
}

.button-flat-color.pt-steel {
    background-color: #91b3b7;
    border-color: #91b3b7
}

.button-flat-color.letters {
    background-color: #fa0;
    background-size: 3.1em 1.8em;
    border-color: #fa0;
    box-shadow: 0 .35rem 0 0 #f75c3e
}

.button-flat-color.numbers {
    background-color: #0098a8;
    background-size: 2.7125em 1.625em;
    border-color: #0098a8;
    box-shadow: 0 .35rem 0 0 #00738e
}

.button-flat-color.holiday {
    background-color: #f9432b;
    background-size: 1.6em 2.1em;
    border-color: #f9432b;
    box-shadow: 0 .35rem 0 0 #c6283f
}

.button-flat-color.strategy {
    background-color: #8fc900;
    background-size: 2.1em 2.01em;
    border-color: #8fc900;
    box-shadow: 0 .35rem 0 0 #37a064
}

.button-flat-color.skill {
    background-color: #9b20f2;
    background-size: 2.3em 2.2em;
    border-color: #9b20f2;
    box-shadow: 0 .35rem 0 0 #5d25b7
}

.button-flat-color:not([disabled]).active,.button-flat-color:not([disabled]):active {
    background-color: #fff!important
}

.button-flat-color:not([disabled]).active.pt-dark-blue,.button-flat-color:not([disabled]):active.pt-dark-blue {
    color: #356da0
}

.button-flat-color.pt-nav-privacy:not([disabled]).active,.button-flat-color.pt-nav-privacy:not([disabled]):active,.button-flat-color.pt-nav-redeem-gc:not([disabled]).active,.button-flat-color.pt-nav-redeem-gc:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-blue,.button-flat-color:not([disabled]):active.pt-blue,.faq .pt-nav .button-flat-color.faq-section-0:not([disabled]).active,.faq .pt-nav .button-flat-color.faq-section-0:not([disabled]):active,.search-filter-nav .pt-nav .button-flat-color.filter-faq:not([disabled]).active,.search-filter-nav .pt-nav .button-flat-color.filter-faq:not([disabled]):active {
    color: #3581a3
}

.button-flat-color.pt-nav-privacymobile:not([disabled]).active,.button-flat-color.pt-nav-privacymobile:not([disabled]):active,.button-flat-color.pt-nav-purchase-gc:not([disabled]).active,.button-flat-color.pt-nav-purchase-gc:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-blue-2,.button-flat-color:not([disabled]):active.pt-blue-2 {
    color: #545da3
}

.button-flat-color.pt-nav-join:not([disabled]).active,.button-flat-color.pt-nav-join:not([disabled]):active,.button-flat-color.pt-nav-manage:not([disabled]).active,.button-flat-color.pt-nav-manage:not([disabled]):active,.button-flat-color.pt-nav-payterms:not([disabled]).active,.button-flat-color.pt-nav-payterms:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-purple,.button-flat-color:not([disabled]):active.pt-purple {
    color: #8e4aba
}

.button-flat-color:not([disabled]).active.pt-purple-1,.button-flat-color:not([disabled]):active.pt-purple-1,.manage .pt-nav .button-flat-color:not([disabled]).active:first-of-type,.manage .pt-nav .button-flat-color:not([disabled]):active:first-of-type {
    color: #5248b5
}

.button-flat-color:not([disabled]).active.pt-purple-2,.button-flat-color:not([disabled]):active.pt-purple-2,.manage .pt-nav .button-flat-color:not([disabled]).active:nth-of-type(2),.manage .pt-nav .button-flat-color:not([disabled]):active:nth-of-type(2) {
    color: #774aba
}

.button-flat-color:not([disabled]).active.pt-purple-3,.button-flat-color:not([disabled]):active.pt-purple-3,.manage .pt-nav .button-flat-color:not([disabled]).active:nth-of-type(3),.manage .pt-nav .button-flat-color:not([disabled]):active:nth-of-type(3) {
    color: #9c4bbf
}

.button-flat-color.pt-nav-terms:not([disabled]).active,.button-flat-color.pt-nav-terms:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-purple-4,.button-flat-color:not([disabled]):active.pt-purple-4,.manage .pt-nav .button-flat-color:not([disabled]).active:nth-of-type(4),.manage .pt-nav .button-flat-color:not([disabled]):active:nth-of-type(4) {
    color: #c14dc4
}

.button-flat-color:not([disabled]).active.pt-purple-5,.button-flat-color:not([disabled]):active.pt-purple-5,.manage .pt-nav .button-flat-color:not([disabled]).active:nth-of-type(5),.manage .pt-nav .button-flat-color:not([disabled]):active:nth-of-type(5) {
    color: #dd57c4
}

.button-flat-color:not([disabled]).active.pt-light-blue,.button-flat-color:not([disabled]):active.pt-light-blue {
    color: #23c3e8
}

.button-flat-color:not([disabled]).active.school-sub,.button-flat-color:not([disabled]):active.school-sub {
    color: #6e57c1
}

.button-flat-color:not([disabled]).active.school-sub-light,.button-flat-color:not([disabled]):active.school-sub-light {
    color: #bc5fff
}

.button-flat-color:not([disabled]).active.cyan,.button-flat-color:not([disabled]):active.cyan {
    color: #12cca8
}

.button-flat-color:not([disabled]).active.cyan.dimensional,.button-flat-color:not([disabled]):active.cyan.dimensional {
    border-color: #108c99;
    box-shadow: none
}

.button-flat-color:not([disabled]).active.cyan.dimensional.text,.button-flat-color:not([disabled]):active.cyan.dimensional.text {
    text-shadow: 0 1px 0 #108c99
}

.button-flat-color.pt-nav-blog:not([disabled]).active,.button-flat-color.pt-nav-blog:not([disabled]):active,.button-flat-color.pt-nav-prod-offer:not([disabled]).active,.button-flat-color.pt-nav-prod-offer:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-cyan,.button-flat-color:not([disabled]):active.pt-cyan,.faq .pt-nav .button-flat-color.faq-section-1:not([disabled]).active,.faq .pt-nav .button-flat-color.faq-section-1:not([disabled]):active {
    color: #00a39b
}

.button-flat-color:not([disabled]).active.pt-light-cyan,.button-flat-color:not([disabled]):active.pt-light-cyan {
    color: #23aaad
}

.button-flat-color.pt-nav-feedback:not([disabled]).active,.button-flat-color.pt-nav-feedback:not([disabled]):active,.button-flat-color:not([disabled]).active.red,.button-flat-color:not([disabled]):active.red,.search-filter-nav .pt-nav .button-flat-color.filter-all:not([disabled]).active,.search-filter-nav .pt-nav .button-flat-color.filter-all:not([disabled]):active {
    color: #e24829
}

.button-flat-color.pt-nav-feedback:not([disabled]).active.dimensional,.button-flat-color.pt-nav-feedback:not([disabled]):active.dimensional,.button-flat-color:not([disabled]).active.red.dimensional,.button-flat-color:not([disabled]):active.red.dimensional,.search-filter-nav .pt-nav .button-flat-color.filter-all:not([disabled]).active.dimensional,.search-filter-nav .pt-nav .button-flat-color.filter-all:not([disabled]):active.dimensional {
    border-color: #ce2e2e;
    box-shadow: none
}

.button-flat-color.pt-nav-feedback:not([disabled]).active.dimensional.text,.button-flat-color.pt-nav-feedback:not([disabled]):active.dimensional.text,.button-flat-color:not([disabled]).active.red.dimensional.text,.button-flat-color:not([disabled]):active.red.dimensional.text,.search-filter-nav .pt-nav .button-flat-color.filter-all:not([disabled]).active.dimensional.text,.search-filter-nav .pt-nav .button-flat-color.filter-all:not([disabled]):active.dimensional.text {
    text-shadow: 0 1px 0 #ce2e2e
}

.button-flat-color.pt-nav-store:not([disabled]).active,.button-flat-color.pt-nav-store:not([disabled]):active,.button-flat-color:not([disabled]).active.pink,.button-flat-color:not([disabled]):active.pink {
    color: #ff4664
}

.button-flat-color:not([disabled]).active.green,.button-flat-color:not([disabled]):active.green {
    color: #99dd17
}

.button-flat-color:not([disabled]).active.green.dimensional,.button-flat-color:not([disabled]):active.green.dimensional {
    border-color: #16c41f;
    box-shadow: none
}

.button-flat-color:not([disabled]).active.green.dimensional.text,.button-flat-color:not([disabled]):active.green.dimensional.text {
    text-shadow: 0 1px 0 #16c41f
}

.button-flat-color:not([disabled]).active.purple,.button-flat-color:not([disabled]):active.purple {
    color: #a05cf7
}

.button-flat-color:not([disabled]).active.purple.dimensional,.button-flat-color:not([disabled]):active.purple.dimensional {
    border-color: #6b42d1;
    box-shadow: none
}

.button-flat-color:not([disabled]).active.purple.dimensional.text,.button-flat-color:not([disabled]):active.purple.dimensional.text {
    text-shadow: 0 1px 0 #6b42d1
}

.button-flat-color.pt-nav-standards:not([disabled]).active,.button-flat-color.pt-nav-standards:not([disabled]):active,.button-flat-color.pt-nav-testimonials:not([disabled]).active,.button-flat-color.pt-nav-testimonials:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-green,.button-flat-color:not([disabled]):active.pt-green,.faq .pt-nav .button-flat-color.faq-section-2:not([disabled]).active,.faq .pt-nav .button-flat-color.faq-section-2:not([disabled]):active {
    color: #8fc900
}

.button-flat-color.pt-nav-team:not([disabled]).active,.button-flat-color.pt-nav-team:not([disabled]):active,.button-flat-color.pt-nav-tools:not([disabled]).active,.button-flat-color.pt-nav-tools:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-yellow,.button-flat-color:not([disabled]):active.pt-yellow,.faq .pt-nav .button-flat-color.faq-section-3:not([disabled]).active,.faq .pt-nav .button-flat-color.faq-section-3:not([disabled]):active,.search-filter-nav .pt-nav .button-flat-color.filter-printables:not([disabled]).active,.search-filter-nav .pt-nav .button-flat-color.filter-printables:not([disabled]):active,.tools .pt-nav .button-flat-color:not([disabled]).active:nth-of-type(3),.tools .pt-nav .button-flat-color:not([disabled]):active:nth-of-type(3) {
    color: #f2ca06
}

.button-flat-color:not([disabled]).active.pt-yellow-orange-1,.button-flat-color:not([disabled]):active.pt-yellow-orange-1,.tools .pt-nav .button-flat-color:not([disabled]).active:nth-of-type(2),.tools .pt-nav .button-flat-color:not([disabled]):active:nth-of-type(2) {
    color: #f3bb0b
}

.button-flat-color:not([disabled]).active.pt-yellow-orange-2,.button-flat-color:not([disabled]):active.pt-yellow-orange-2,.tools .pt-nav .button-flat-color:not([disabled]).active:first-of-type,.tools .pt-nav .button-flat-color:not([disabled]):active:first-of-type {
    color: #f4ab10
}

.button-flat-color:not([disabled]).active.pt-yellow-orange-3,.button-flat-color:not([disabled]):active.pt-yellow-orange-3 {
    color: #f69c14
}

.button-flat-color:not([disabled]).active.pt-standards,.button-flat-color:not([disabled]):active.pt-standards {
    color: #99dd17;
    font-size: 1.3125rem;
    padding: .625rem
}

.button-flat-color:not([disabled]).active.pt-feedback,.button-flat-color:not([disabled]):active.pt-feedback {
    color: #e24829;
    font-size: 1.3125rem;
    padding: .625rem
}

.button-flat-color:not([disabled]).active.orange,.button-flat-color:not([disabled]):active.orange {
    color: #fa0
}

.button-flat-color:not([disabled]).active.orange.dimensional,.button-flat-color:not([disabled]):active.orange.dimensional {
    border-color: #f77116;
    box-shadow: none
}

.button-flat-color:not([disabled]).active.orange.dimensional.text,.button-flat-color:not([disabled]):active.orange.dimensional.text {
    text-shadow: 0 1px 0 #f77116
}

.button-flat-color.pt-nav-about:not([disabled]).active,.button-flat-color.pt-nav-about:not([disabled]):active,.button-flat-color.pt-nav-story:not([disabled]).active,.button-flat-color.pt-nav-story:not([disabled]):active,.button-flat-color:not([disabled]).active.pt-orange,.button-flat-color:not([disabled]):active.pt-orange,.faq .pt-nav .button-flat-color.faq-section-4:not([disabled]).active,.faq .pt-nav .button-flat-color.faq-section-4:not([disabled]):active,.search-filter-nav .pt-nav .button-flat-color.filter-games:not([disabled]).active,.search-filter-nav .pt-nav .button-flat-color.filter-games:not([disabled]):active {
    color: #f78c19
}

.button-flat-color:not([disabled]).active.pt-steel,.button-flat-color:not([disabled]):active.pt-steel {
    color: #91b3b7
}

.button-flat-color:not([disabled]).active.letters,.button-flat-color:not([disabled]):active.letters {
    border-color: #f75c3e;
    box-shadow: none;
    color: #fa0
}

.button-flat-color:not([disabled]).active.numbers,.button-flat-color:not([disabled]):active.numbers {
    border-color: #00738e;
    box-shadow: none;
    color: #0098a8
}

.button-flat-color:not([disabled]).active.holiday,.button-flat-color:not([disabled]):active.holiday {
    border-color: #c6283f;
    box-shadow: none;
    color: #f9432b
}

.button-flat-color:not([disabled]).active.strategy,.button-flat-color:not([disabled]):active.strategy {
    border-color: #37a064;
    box-shadow: none;
    color: #8fc900
}

.button-flat-color:not([disabled]).active.skill,.button-flat-color:not([disabled]):active.skill {
    border-color: #5d25b7;
    box-shadow: none;
    color: #9b20f2
}

.button-flat-color:not([disabled]).active:before {
    height: 1rem;
    width: 2rem
}

.button-flat-color:not([disabled]).active.pt-feedback {
    background-color: #e24829!important;
    color: #fff;
    font-size: 1.3125rem;
    padding: .625rem
}


.button-flat-color:not([disabled]).active.pt-standards {
    background-color: #8fc900!important;
    color: #fff;
    font-size: 1.3125rem;
    padding: .625rem
}


.button-flat-color.auto {
    font-size: 1.2rem;
    height: auto;
    min-height: 0;
    padding: .4rem 1rem;
    vertical-align: baseline;
    width: auto;
    font-weight:bold;
}

.play_now {
    font-size: 2rem;
    height: 5%;
    width: 50%;
}

@media(min-width: 640px) {
    .button-flat-color {
        font-size:1.3125rem;
        min-height: 3.6rem
    }

    .button-flat-color:not([disabled]).active.pt-feedback,.button-flat-color:not([disabled]).active.pt-standards,.button-flat-color:not([disabled]):active.pt-feedback,.button-flat-color:not([disabled]):active.pt-standards {
        font-size: 1.6rem;
        padding: 1rem
    }
}

.button-flat-color.la {
    font-size: 1.1rem
}

.button-dimensional-icon {
    align-items: center;
    background-color: transparent;
    color: #fff;
    display: flex;
    font-size: .75rem;
    overflow: visible;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.button-dimensional-icon:active {
    color: #fff
}

.button-dimensional-icon span {
    align-items: center;
    display: inline-flex;
    order: 2;
    padding: 0 1em 0 .5em;
    position: relative
}

.button-dimensional-icon:before {
    border-radius: 1em;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.button-dimensional-icon:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 2.5rem;
    order: 1;
    position: relative;
    width: 2.25rem
}

.button-dimensional-icon.favorite:before {
    background-color: #16c41f
}



.button-dimensional-icon.favorite.active:before {
    background-color: #e24829
}


.button-dimensional-icon.change-lang:before {
    background-color: #9b20f2
}



.button-dimensional-icon.standard:before {
    background-color: #07a592
}


.button-dimensional-icon.educatorInfo:before {
    background-color: #07a592
}



.button-dimensional-icon.fullscreen:before {
    background-color: #e0680e
}


.button-dimensional-icon.adfree:before {
    background-color: #e00a23
}


.button-dimensional-icon.print:before {
    background-color: #008eaf
}


.button-dimensional-icon.download:before {
    background-color: #e89b00
}


.button-dimensional-icon.coloringPages:before {
    background-color: #108c99
}



@media(hover: hover)and (pointer:fine) {
    .button-dimensional-icon:hover,.planbutton:hover,.pt-standards:hover {
        color:#fff
    }
}

.main-loading-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    top: 0;
    width: 100%
}

.main-loading-wrapper.absolute {
    position: absolute
}

.main-loading-wrapper.fixed {
    height: 100vh;
    max-height: 100vh;
    max-width: 100vw;
    min-height: 100vh;
    min-width: 100vw;
    position: fixed;
    width: 100vw;
    z-index: 15
}

.main-loading-wrapper.orange .loading-orbit-anim {
    border-color: #f77116
}

.main-loading-wrapper.orange .loading-orbit-anim .orbit-body {
    background-color: #ffc41d
}

.main-loading-wrapper.orange .loading-orbit-anim .orbit-satelite:after {
    background-color: #f77116
}

.repeat-bg-loading {
    background-position: top;
    background-size: auto;
    height: 18.75rem
}


.loading-orbit-anim {
    align-content: center;
    align-items: center;
    border: .125rem solid #108c99;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-flex;
    height: 6.25rem;
    justify-content: center;
    overflow: visible;
    position: relative;
    width: 6.25rem
}

.loading-orbit-anim .orbit-body {
    background-color: #12cca8;
    border-radius: 50%;
    height: 72%;
    width: 72%
}

.loading-orbit-anim .orbit-satelite {
    animation: orbit 2s linear infinite;
    box-sizing: border-box;
    height: 86%;
    left: 7%;
    position: absolute;
    top: 7%;
    width: 86%
}

.loading-orbit-anim .orbit-satelite:after {
    background-color: #108c99;
    border-radius: 50%;
    content: "";
    height: 16%;
    left: 0;
    position: absolute;
    top: 0;
    width: 16%
}

@keyframes orbit {
    to {
        transform: rotate(1turn)
    }
}

.modal-overlay {
    align-items: flex-start;
    background-color: rgba(0,23,35,.5);
    display: flex;
    height: 100vh;
    left: 0;
    max-height: 100vh;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 100
}

.modal-content,.modal-overlay {
    box-sizing: border-box;
    padding: 1rem
}

.modal-content {
    background-color: #fff;
    border-radius: 1.375rem;
    color: #000;
    display: inline-block;
    font-size: .875rem;
    height: auto;
    margin: auto;
    max-width: 30rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    transform: translateZ(0);
    width: 100%
}

.modal-content [type=submit],.modal-content button {
    margin: 0 1rem 0 0
}

.modal-content [type=submit]:last-of-type,.modal-content button:last-of-type {
    margin-right: 0
}

@media(max-width: 639px) {
    .modal-content [type=submit],.modal-content button {
        margin:0 0 1rem;
        width: 100%
    }

    .modal-content [type=submit]:last-of-type,.modal-content button:last-of-type {
        margin-bottom: 0
    }
}

.modal-content-visible {
    overflow: visible
}

.modal-content-visible .modal-content-header {
    border-radius: 1.375rem 1.375rem 0 0
}

.modal-content-visible .modal-content-footer {
    border-radius: 0 0 1.375rem 1.375rem
}

.modal-content-visible .modal-close {
    border-radius: 0 1.375rem
}

.modal-content-header {
    background-color: #12cca8;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    margin: -1rem -1rem 1rem;
    padding: 1rem 2.625rem
}

.modal-content-footer {
    background-color: #f4f4f4;
    color: #91b3b7;
    font-size: 1.125rem;
    margin: 1rem -1rem -1rem;
    padding: 1rem
}

.modal-close {
    align-items: center;
    background-color: #e24829;
    border-radius: 0 0 0 1.375rem;
    color: #fff!important;
    display: flex;
    height: 2.625rem;
    justify-content: center;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 2.625rem
}

.modal-close svg {
    flex: 0 0 auto;
    height: 1.325rem;
    width: 1.325rem
}

.modal-content-confirm-buttons {
    display: flex;
    flex-flow: column
}

.modal-content-confirm-buttons button {
    width: auto
}

@media(min-width: 640px) {
    .modal-content-confirm-buttons {
        flex-flow:row;
        justify-content: center
    }

    .modal-content-confirm-buttons button {
        flex: 0 1 12.875rem
    }
}

.standards-modal-container {
    position: relative
}

.standards-modal-container .standard {
    display: block;
    position: relative;
    text-align: left
}

.standards-modal-container .standard .tag {
    font-weight: 700
}

.standards-modal-container .standard .tip {
    display: block;
    margin-bottom: 1rem;
    position: relative
}

@media(min-width: 640px) {
    .standards-modal-container .standard.not-mobile {
        display:inline-block;
        margin: 0 1.25rem 1rem 0
    }

    .standards-modal-container .standard.not-mobile:last-child {
        margin-right: 0
    }

    .standards-modal-container .standard.not-mobile .tag {
        cursor: default;
        font-weight: 400
    }

    .standards-modal-container .standard.not-mobile .tag:hover~.tip {
        display: inline-block
    }

    .standards-modal-container .standard.not-mobile .tip {
        background-color: #8fc900;
        border-radius: .4375rem;
        box-sizing: border-box;
        color: #fff;
        display: none;
        left: 50%;
        margin: 0;
        padding: 1rem;
        position: absolute;
        text-align: left;
        top: calc(100% + 1rem);
        transform: translateX(-50%);
        width: 20rem;
        z-index: 100
    }

    .standards-modal-container .standard.not-mobile .tip:before {
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 1rem;
        left: 50%;
        position: absolute;
        top: -.875rem;
        transform: translateX(-50%) rotate(180deg);
        width: 2rem
    }
}

.desktop-signup-modal-container .benefits-container,.mobile-app-download-modal-container .benefits-container {
    display: flex;
    gap: .5rem;
    justify-content: space-evenly;
    padding: 1.5rem 0 .75rem
}

.desktop-signup-modal-container .benefits-container .benefit,.mobile-app-download-modal-container .benefits-container .benefit {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: .5rem;
    max-width: 11rem;
    text-align: center;
    width: 50%
}

.desktop-signup-modal-container .benefits-container .benefit-art,.mobile-app-download-modal-container .benefits-container .benefit-art {
    height: 9rem
}

.desktop-signup-modal-container .benefits-container .benefit-caption,.mobile-app-download-modal-container .benefits-container .benefit-caption {
    width: 100%
}

.desktop-signup-modal-container .button-flat-color,.mobile-app-download-modal-container .button-flat-color {
    text-transform: uppercase
}

.desktop-signup-modal-container .modal-content-header {
    font-size: 1.25rem
}

.desktop-signup-modal-container .form-field {
    margin-bottom: .5rem
}

.desktop-signup-modal-container .benefits-container {
    padding-bottom: 2.2rem
}

.desktop-signup-modal-container .login-container {
    color: #000;
    font-size: .8rem
}

.desktop-signup-modal-container .subscribe-terms {
    max-width: none
}

.desktop-signup-modal-container .subscribe-terms p:last-of-type {
    margin: 0
}

@media(min-width: 640px) {
    .desktop-signup-modal-container .modal-content-header {
        font-size:1.6rem
    }

    .desktop-signup-modal-container .form-field-container {
        max-width: 18rem
    }
}

.mobile-app-download-modal-container .modal-content-header {
    font-size: 1.5rem
}

@media(min-width: 640px) {
    .mobile-app-download-modal-container .modal-content-header {
        font-size:1.75rem
    }
}

.mobile-app-download-modal-container .button-flat-color {
    max-width: 18rem;
    min-height: 3.6rem;
    width: 100%
}

.mobile-app-download-modal-container .continue-link {
    margin-top: .75rem
}

.mobile-app-download-modal-container .benefits-container .benefit-caption {
    max-width: 8.5rem
}

.leaving-modal {
    font-size: 1.125rem;
    line-height: .875rem
}

.leaving-modal-disclaimer {
    color: #91b3b7;
    font-size: .875rem
}

@media(min-width: 768px) {
    .leaving-modal-disclaimer {
        font-size:.675rem
    }
}

.login form {
    margin-bottom: 1rem
}

@media(min-width: 640px) {
    .login .form-field-container {
        max-width:20rem
    }
}

.login .main-loading-wrapper {
    background-color: #fff
}

.forgot .main-loading-wrapper,.password .main-loading-wrapper {
    background-color: #f4f4f4
}

.header {
    background-color: #12cca8;
    box-sizing: border-box;
    height: 36px;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    width: 100%
}

@media(min-width: 768px) {
    .header {
        height:60px
    }
}

.header-container {
    display: flex;
    height: 100%;
    max-height: 100%;
    position: relative
}

.header-logo {
    align-items: center;
    background-color: #12cca8;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    position: relative;
    /*width: 150px;*/
    font-weight: bold;
    font-size: 1.5rem;
}

.header-logo .header-logo-img {
    display: block;
    height: auto;
    width: 69px
}

@media(min-width: 768px) {
    .header-logo {
        /*width:162px*/
        margin-right: 1rem;
    }

    .header-logo .header-logo-img {
        width: 126px
    }
}

@media(min-width: 1440px) {
    .header-logo {
        width:275px
    }
}

.header-nav-full a,.header-nav-small a {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 .1rem .1rem rgba(77,77,77,.5)
}

.header-nav-full a:active,.header-nav-full a:hover,.header-nav-small a:active,.header-nav-small a:hover {
    color: #fff;
    text-decoration: none
}

.header-nav-full {
    background-color: #12cca8;
    color: #fff;
    display: block;
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 36px;
    transition: height .25s;
    transition-timing-function: ease-in;
    width: 100%;
    will-change: height;
    z-index: 10
}

.header-nav-full a {
    display: block;
    height: 3rem;
    line-height: 3rem;
    padding: 0 .625rem;
    text-align: center;
    white-space: nowrap
}

.header-nav-full a:nth-child(odd) {
    background-color: #00a39b
}

.header-nav-full a:active,.header-nav-full a:hover {
    color: #fff;
    text-decoration: none
}

.header-nav-full .loginOut {
    display: none
}

@media(max-width: 1024px) {
    .header-nav-full.open {
        box-shadow:0 .5rem 1rem rgba(77,77,77,.2);
        height: auto;
        transition-timing-function: ease-out;
        z-index: 11
    }

    .header-nav-full.open.la,.header-nav-full.open.student {
        height: 12.1rem
    }

    .header-nav-full.open.student.la {
        height: 9.01rem
    }
}

@media(min-width: 768px) {
    .header-nav-full {
        top:60px
    }
}

@media(min-width: 1024px) {
    .header-nav-full {
        align-items:center;
        background-color: transparent;
        box-shadow: none;
        display: flex;
        flex: 1 1 auto;
        flex-wrap: nowrap;
        height: auto!important;
        justify-content: space-around;
        left: auto;
        position: relative;
        top: auto
    }

    .header-nav-full a {
        display: inline-block;
        flex: 0 1 0;
        font-size: .875rem;
        height: auto;
        line-height: 1rem;
        margin: 0 .75rem;
        padding: 0;
        white-space: normal
    }

    .header-nav-full a,.header-nav-full a:nth-child(odd) {
        background-color: transparent
    }

    .header-nav-full a.hnf-premium {
        background-color: #ddcb22;
        background-image: linear-gradient(#ddcb22,#f4a721);
        border-radius: 2em;
        box-shadow: 0 .2em 0 0 #d8681d;
        margin-bottom: .2em;
        padding: .5em .875em;
        position: relative;
        text-shadow: 0 .1rem .1rem #db831b
    }

    .header-nav-full .loginOut {
        display: inline-block
    }
}

.header-nav-full .hnf-premium .flare-img,.header-nav-full .hnf-premium .shimmer-img-container {
    display: none
}

@media(min-width: 1024px) {
    .header-nav-full .hnf-premium .flare-img,.header-nav-full .hnf-premium .shimmer-img-container {
        display:block
    }
}

@media(min-width: 1440px) {
    .header-nav-full a {
        flex:0 1 auto;
        margin: 0 1.25rem
    }
}

.header-nav-small {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    padding: 0 .25rem
}

.header-nav-small a {
    padding: .5rem .75rem;
    position: relative
}

.header-nav-small a svg {
    display: inline-block;
    /*-ms-filter: drop-shadow(0 .1rem .1rem rgba(77,77,77,.75));*/
    filter: drop-shadow(0 .1rem .1rem rgba(77,77,77,.75));
    height: 1.2em;
    margin-left: .5rem;
    vertical-align: middle;
    width: 1.2em
}

.header-nav-small a:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: none;
    height: 1rem;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 2rem
}

.header-nav-small a.active {
    background-color: #fff;
    border-radius: 2rem;
    color: #12cca8;
    text-shadow: none
}

.header-nav-small a.active svg {
    -ms-filter: none;
    filter: none
}

.header-nav-small a.active:before {
    display: block;
    z-index: 12
}

.header-nav-small .menubtn-container {
    flex: 1 0 auto
}

.header-nav-small .searchbtn-container {
    flex: 0 0 auto
}

@media(min-width: 400px) {
    .header-nav-small {
        padding:0 1rem
    }

    .header-nav-small a {
        padding: .5rem 1rem
    }
}

@media(min-width: 768px) {
    .header-nav-small a {
        padding:1rem 1.5rem
    }

    .header-nav-small a.active {
        border-radius: 3rem
    }
}

@media(min-width: 1024px) {
    .header-nav-small {
        display:none
    }
}

.header-shadow {
    background: linear-gradient(rgba(77,77,77,.25),rgba(77,77,77,0));
    height: 1rem;
    left: 0;
    position: fixed;
    top: 36px
}

@media(min-width: 768px) {
    .header-shadow {
        height:1.875rem;
        top: 60px
    }
}

.header-search {
    background: #fff;
    box-sizing: border-box;
    display: block;
    flex: 0 0 auto;
    height: 0;
    left: 0;
    min-width: calc(100vw - var(--scrollbar-width));
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: height .2s;
    transition-timing-function: ease-out;
    /*width: calc(100vw - var(--scrollbar-width));*/
    will-change: height;
    z-index: 10;
    width: 100%;
}

.header-search .search-clear,.header-search .search-submit {
    width: 4rem
}

.header-search .search-clear {
    right: 4rem
}

.header-search .header-search-container {
    box-shadow: 0 .5rem 1rem rgba(77,77,77,.2);
    height: 100%;
    position: relative
}

.header-search .header-search-container input:not([type=button]):not([type=submit]):not([type=radio]) {
    background: transparent;
    border: none;
    border-radius: 0;
    height: 100%;
    overflow: hidden;
    padding: 0 4rem 0 .875rem;
    white-space: nowrap;
    width: 100%
}

.header-search .search-suggestions-container {
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(77,77,77,.2);
    display: block;
    max-height: calc(100vh - 72px - 1rem);
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%
}

.header-search .suggestion {
    height: 3.875rem
}

.header-search.open {
    height: 36px;
    overflow: visible;
    z-index: 11
}

@media(min-width: 768px) {
    .header-search.open {
        height:48px;
        transition-timing-function: ease-in
    }

    .header-search .search-suggestions-container {
        max-height: calc(100vh - 108px - 1rem)
    }
}

@media(min-width: 1024px) {
    .header-search {
        height:100%!important;
        min-width: 0;
        overflow: visible;
        position: relative;
        top: 0;
        transition: none;
        width: 23%
    }

    .header-search .header-search-container {
        box-shadow: none
    }

    .header-search .header-search-container input:not([type=button]):not([type=submit]):not([type=radio]) {
        border: 1px solid #12cca8;
    }

    .header-search .search-suggestions-container {
        max-height: calc(100vh - 60px - 1rem);
        max-width: calc(1645px - var(--scrollbar-width));
        width: calc(100vw - 162px - var(--scrollbar-width))
    }
}

@media(min-width: 1440px) {
    .header-search .search-suggestions-container {
        width:calc(100vw - 275px - var(--scrollbar-width))
    }
}

.footer {
    background-color: #414745;
    border-top: .25rem solid #ffc41d
}

.footer-copyright,.footer-featured,.footer-nav {
    font-size: .875rem;
    text-align: center;
}

.footer-featured {
    background-color: #fa0;
    color: #a34607;
    display: none;
    padding: 1rem 1rem 2.5rem
}

@media(min-width: 640px) {
    .footer-featured {
        display:block
    }
}

.footer-featured-tagline {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 1rem 0 2.5rem
}

.footer-featured-logo {
    display: inline-block;
    height: auto;
    width: 8.875rem
}

.footer-featured-logos {
    color: #fff;
    display: block;
    margin: .3rem 0 0;
    padding: 0
}

.footer-featured-logos li {
    display: inline-block;
    list-style: none;
    margin: 0 2.5rem 0 0;
    padding: 0
}

.footer-featured-logos li:last-child {
    margin: 0
}

.footer-featured-logos img {
    vertical-align: middle
}

.footer-featured-logos .tnyt {
    height: auto;
    width: 4.875rem
}

.footer-featured-logos .apple {
    height: auto;
    width: 2.5625rem
}

.footer-featured-logos .usa {
    height: auto;
    width: 7.125rem
}

.footer-featured-logos .parents {
    height: auto;
    width: 5.25rem
}

.footer-featured-logos .scholastic {
    height: auto;
    width: 6.815rem
}

.footer-featured-logos .fox {
    height: auto;
    width: 3.75rem
}

.footer-nav {
    background-color: #e0680e;
    color: #fff6de;
    /*display: none;*/
    /*min-height: 200px;*/
    padding: 1rem;
}

.footer-nav .title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .625rem;
    padding-bottom: .3125rem
}

.footer-nav .title span {
    border-bottom: .125rem solid #fa0
}

.footer-nav a {
    color: #fff6de;
    display: block;
    line-height: 1em;
    margin-bottom: .625rem;
    text-decoration: none
}

.footer-nav a.nocap {
    text-transform: none
}

.footer-nav a:hover {
    color: #fff6de
}

.footer-nav a:last-child {
    margin-bottom: 0
}

.footer-nav a:active {
    text-decoration: underline
}

@media(min-width: 640px) {
    .footer-nav {
        display:flex;
        justify-content: center
    }

    .footer-nav.loggedin {
        padding: 1rem 1rem 2.25rem
    }
}

@media(hover: hover)and (pointer:fine) {
    .footer-nav a:hover {
        text-decoration:underline
    }
}

.footer-nav-col {
    /*margin: 0 1.75rem 0 0;*/
    text-align: center;
    vertical-align: top;
    margin: auto 1.75rem;
}

.footer-nav-col:last-child {
    /*margin: 0*/
}

@media(min-width: 1024px) {
    .footer-nav-col {
        margin-right:2.5rem
    }
}

.footer-copyright {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    position: relative
}

@media(min-width: 640px) {
    .footer-copyright {
        padding:1.5rem 1rem
    }

    .footer-copyright.loggedin {
        padding: 3.5rem 1rem 3rem
    }
}

.footer-copyright-join {
    background-color: #ddcb22;
    background-image: linear-gradient(#ddcb22,#f4a721);
    border-radius: 2em;
    box-shadow: 0 .2em 0 0 #d8681d;
    color: #fff;
    display: none;
    font-weight: 700;
    height: 2rem;
    left: 50%;
    padding: 0 1em;
    position: absolute;
    text-shadow: 0 .1rem .1rem #db831b;
    top: -1rem;
    transform: translateX(-50%)
}

@media(min-width: 640px) {
    .footer-copyright-join {
        display:block
    }
}

.footer-copyright-ixl {
    display: none;
    margin-bottom: 2rem
}

.footer-copyright-ixl img {
    display: inline-block;
    height: 2.6rem;
    margin-bottom: .55rem;
    width: 7.2rem
}

@media(min-width: 640px) {
    .footer-copyright-ixl {
        display:inline-block
    }
}

@media(min-width: 768px) {
    .footer-copyright-ixl {
        margin-bottom:0
    }
}

.footer-copyright-kidsafe {
    display: inline-block;
    height: 3.1rem;
    margin-bottom: 1rem;
    width: 8.5rem
}

.footer-copyright-brands {
    display: none
}

@media(min-width: 768px) {
    .footer-copyright-brands {
        display:flex;
        margin: 2rem 0;
        min-height: 62px;
        width: 100%
    }
}

.footer-copyright-brand {
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 8px;
    padding: 0 5px;
    position: relative;
    text-decoration: none
}

.footer-copyright-brand:not(:last-child):after {
    background-color: #848479;
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.footer-copyright-brand:active,.footer-copyright-brand:hover {
    color: #fff
}

.footer-copyright-brand .fcb-image {
    display: flex;
    flex: 0 0 auto;
    height: 16px;
    justify-content: center;
    margin-bottom: 5px
}

.footer-copyright-brand .fcb-image img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.footer-copyright-brand .fcb-text {
    flex: 1 0 auto
}

@media(min-width: 1024px) {
    .footer-copyright-brand {
        font-size:10px;
        padding: 0 10px;
        width: 12.5%
    }

    .footer-copyright-brand .fcb-image {
        height: 26px;
        margin-bottom: 10px
    }
}

@media(min-width: 1440px) {
    .footer-copyright-brand {
        padding:0 37px
    }
}

.billboard {
    height: 342px
}

.billboard .billboard-content-container {
    width: 320px
}

.billboard .billboard-arrow {
    cursor: pointer
}

.billboard-ad {
    height: 310px
}

.billboard-ad .billboard-content-container {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 325px
}

.billboard,.billboard-ad {
    align-items: center;
    display: none;
    width: 426px
}

.billboard .billboard-content-container,.billboard-ad .billboard-content-container {
    background-color: #64847c;
    border-radius: 25px;
    box-shadow: inset -5px -12px 0 rgba(0,0,0,.2);
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 100%;
    overflow: hidden;
    position: relative
}

.billboard .billboard-content,.billboard-ad .billboard-content {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 10px 10px 22px;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    will-change: transform,visibility
}

.billboard .billboard-content .image,.billboard-ad .billboard-content .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #7ea39d;
    border-radius: 18px;
    box-sizing: border-box;
    margin-bottom: 5px;
    position: relative;
    width: 100%
}

.billboard .billboard-content .headline,.billboard-ad .billboard-content .headline {
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 700;
    position: relative
}

.billboard .billboard-content .body,.billboard-ad .billboard-content .body {
    font-size: 14px
}

.billboard .billboard-content.active,.billboard-ad .billboard-content.active {
    visibility: visible
}

.billboard .billboard-content.active-left,.billboard-ad .billboard-content.active-left {
    animation-duration: .5s;
    animation-name: hbc-active-left;
    visibility: visible
}

.billboard .billboard-content.active-right,.billboard-ad .billboard-content.active-right {
    animation-duration: .5s;
    animation-name: hbc-active-right;
    visibility: visible
}

.billboard .billboard-content.prev-active-left,.billboard-ad .billboard-content.prev-active-left {
    animation-duration: .5s;
    animation-name: hbc-prev-active-left
}

.billboard .billboard-content.prev-active-right,.billboard-ad .billboard-content.prev-active-right {
    animation-duration: .5s;
    animation-name: hbc-prev-active-right
}

.billboard .billboard-content.STYLE1 .image,.billboard-ad .billboard-content.STYLE1 .image {
    height: 225px
}

.billboard .billboard-content.STYLE1 .headline,.billboard-ad .billboard-content.STYLE1 .headline {
    margin-bottom: 5px
}

.billboard .billboard-content.STYLE2 .image,.billboard-ad .billboard-content.STYLE2 .image {
    height: 280px
}

.billboard .billboard-content.STYLE2 .headline,.billboard-ad .billboard-content.STYLE2 .headline {
    height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.billboard .billboard-content.STYLE2 .body,.billboard-ad .billboard-content.STYLE2 .body {
    display: none
}

.billboard .billboard-content.STYLE3 .image,.billboard-ad .billboard-content.STYLE3 .image {
    height: 100%;
    margin: 0
}

.billboard .billboard-content.STYLE3 .body,.billboard .billboard-content.STYLE3 .headline,.billboard-ad .billboard-content.STYLE3 .body,.billboard-ad .billboard-content.STYLE3 .headline {
    display: none
}

.billboard .billboard-content.STYLE4 .image,.billboard-ad .billboard-content.STYLE4 .image {
    height: 235px
}

.billboard .billboard-content.STYLE4 .headline,.billboard-ad .billboard-content.STYLE4 .headline {
    align-items: center;
    display: flex;
    height: calc(100% - 240px);
    justify-content: center;
    position: relative;
    white-space: pre-line
}

.billboard .billboard-content-ids,.billboard-ad .billboard-content-ids {
    bottom: 7px;
    height: 10px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.billboard .billboard-content-ids .ids,.billboard-ad .billboard-content-ids .ids {
    background-color: #264242;
    border: 1px solid #7ea39d;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 3px;
    vertical-align: top;
    width: 10px
}

.billboard .billboard-content-ids .ids.active,.billboard-ad .billboard-content-ids .ids.active {
    background-color: #ffc41d
}

.billboard .billboard-arrow,.billboard-ad .billboard-arrow {
    flex: 0 0 auto;
    height: 100px;
    position: relative;
    width: 53px
}

.billboard .billboard-arrow:before,.billboard-ad .billboard-arrow:before {
    background-color: #264242;
    border-radius: 3px 0 0 3px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.billboard .billboard-arrow .billboard-arrow-button,.billboard-ad .billboard-arrow .billboard-arrow-button {
    align-items: center;
    background: repeating-linear-gradient(90deg,#445958 0,#445958 3px,#536d69 0,#536d69 6px);
    color: #ffc41d;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-left: 3px;
    position: relative;
    width: 30px
}

.billboard .billboard-arrow .billboard-arrow-button svg,.billboard-ad .billboard-arrow .billboard-arrow-button svg {
    height: 29px;
    transform: rotate(180deg);
    width: 17px
}

.billboard .billboard-arrow.right,.billboard-ad .billboard-arrow.right {
    transform: rotate(180deg)
}

@media(min-width: 1024px) {
    .billboard,.billboard-ad {
        display:flex
    }
}

.a-leader,.a-skyscraper {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    justify-content: center
}

.a-skyscraper .a-cta {
    overflow: hidden;
    width: 160px
}

.a-billboard-container,.a-leader-container,.a-leader-container-mobile,.a-skyscraper-container {
    box-sizing: content-box;
    position: relative
}

.a-billboard-container>div:last-child,.a-leader-container-mobile>div:last-child,.a-leader-container>div:last-child,.a-skyscraper-container>div:last-child {
    left: 0;
    position: absolute;
    top: 100%;
    z-index: inherit!important
}

.a-billboard-container>div:last-child a,.a-leader-container-mobile>div:last-child a,.a-leader-container>div:last-child a,.a-skyscraper-container>div:last-child a {
    border-radius: 0;
    margin-top: 5px
}

.a-leader-container,.a-leader-container-mobile,.a-skyscraper-container {
    background-color: #848479;
    border: 5px solid #848479;
    border-radius: .4375rem
}

.a-skyscraper-container {
    flex: 1 0 auto;
    height: 600px;
    max-height: 600px;
    width: 160px
}

.a-skyscraper-container.static-sky {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    border-radius: 0;
    overflow: visible
}


.a-leader {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 315px;
    max-height: 315px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.a-leader.cyan,.a-leader.green,.a-leader.holiday,.a-leader.letters,.a-leader.numbers,.a-leader.pt-steel,.a-leader.strategy {
    padding: .625rem
}

.a-leader.cyan .a-leader-container,.a-leader.cyan .a-leader-container-mobile,.a-leader.green .a-leader-container,.a-leader.green .a-leader-container-mobile,.a-leader.holiday .a-leader-container,.a-leader.holiday .a-leader-container-mobile,.a-leader.letters .a-leader-container,.a-leader.letters .a-leader-container-mobile,.a-leader.numbers .a-leader-container,.a-leader.numbers .a-leader-container-mobile,.a-leader.pt-steel .a-leader-container,.a-leader.pt-steel .a-leader-container-mobile,.a-leader.strategy .a-leader-container,.a-leader.strategy .a-leader-container-mobile {
    border: none;
    border-radius: 0
}

.a-leader.green {
    background-color: #99dd17;
    border-top: .25rem solid #c9f414
}

.a-leader.cyan {
    background-color: #12cca8;
    border-top: .25rem solid #38e57e
}

.a-leader.pt-steel {
    background-color: #91b3b7
}

.a-leader.a-leader-mobile {
    background-position: top;
    background-size: auto 90%;
    height: 111px
}

.a-leader.a-leader-mobile.a-leader-satellite .a-leader-wrapper:after,.a-leader.a-leader-mobile.a-leader-satellite .a-leader-wrapper:before {
    height: 44.1669px;
    width: 22.961px
}

.a-leader.a-leader-mobile.a-leader-satellite .a-leader-wrapper:before {
    left: -23px
}

.a-leader.a-leader-mobile.a-leader-satellite .a-leader-wrapper:after {
    right: -23px
}


.a-leader.a-leader-mobile.a-leader-satellites .a-leader-container-mobile:before,.a-leader.a-leader-mobile.a-leader-satellites .a-leader-container:before {
    height: 76.3795px;
    left: -45px;
    width: 42px
}

.a-leader.a-leader-mobile.a-leader-satellites .a-leader-container-mobile:after,.a-leader.a-leader-mobile.a-leader-satellites .a-leader-container:after {
    height: 88.4665px;
    right: -57px;
    top: 50%;
    width: 54px
}


.a-leader.a-leader-asteroid .a-leader-container,.a-leader.a-leader-asteroid .a-leader-container-mobile {
    background-color: #097f7f;
    border-color: #097f7f;
    border-radius: 3px;
    border-width: 3px
}

.a-leader.a-leader-satellite .a-leader-wrapper {
    background-color: #64847c;
    border-radius: 12px;
    overflow: visible;
    padding: 12px 12px 6px;
    position: relative
}

.a-leader.a-leader-satellite .a-leader-wrapper:after,.a-leader.a-leader-satellite .a-leader-wrapper:before {
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    height: 101.6738px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 52.859px
}

.a-leader.a-leader-satellite .a-leader-wrapper:before {
    background-position: 0 0;
    left: -53px;
    transform: translateY(-50%)
}

.a-leader.a-leader-satellite .a-leader-wrapper:after {
    background-position: 100% 0;
    right: -53px;
    transform: rotate(180deg) translateY(-50%);
    transform-origin: top
}

.a-leader.a-leader-satellite .a-leader-container,.a-leader.a-leader-satellite .a-leader-container-mobile {
    background-color: rgba(0,0,0,.2);
    border-color: #7ea39d;
    border-radius: 3px;
    border-width: 3px
}



.a-leader.a-leader-spaceTravel .a-leader-container,.a-leader.a-leader-spaceTravel .a-leader-container-mobile {
    background-color: #134f51;
    border-color: #134f51;
    border-radius: 3px;
    border-width: 3px
}

.a-leader.a-leader-satellites .a-leader-container,.a-leader.a-leader-satellites .a-leader-container-mobile {
    background-color: #5941a3;
    border-color: #5941a3;
    border-radius: 3px;
    border-width: 3px;
    overflow: visible
}

.a-leader.a-leader-satellites .a-leader-container-mobile:after,.a-leader.a-leader-satellites .a-leader-container-mobile:before,.a-leader.a-leader-satellites .a-leader-container:after,.a-leader.a-leader-satellites .a-leader-container:before {
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    overflow: hidden;
    position: absolute;
    transform: translateY(-50%)
}

.a-leader.a-leader-satellites .a-leader-container-mobile:before,.a-leader.a-leader-satellites .a-leader-container:before {
    background-position: 0 0;
    height: 125.8198px;
    left: -76px;
    top: 50%;
    width: 73px
}

.a-leader.a-leader-satellites .a-leader-container-mobile:after,.a-leader.a-leader-satellites .a-leader-container:after {
    background-position: 100% 0;
    height: 145.706px;
    right: -96px;
    top: calc(50% - 14px);
    width: 93px
}

.a-leader.holiday {
    background-color: #f9432b
}

.a-leader.numbers {
    background-color: #0098a8
}

.a-leader.letters {
    background-color: #fa0
}

.a-leader.strategy {
    background-color: #8fc900
}

.a-leader.widescreen-leader {
    height: 8rem
}

.a-leader-container,.a-leader-container-mobile {
    min-height: 90px;
    min-width: 300px
}

.a-leader-container iframe,.a-leader-container-mobile iframe {
    max-width: 100%!important
}

.a-billboard-container {
    background-color: rgba(0,0,0,.2);
    border: 2px solid #7ea39d;
    height: 250px;
    max-height: 250px;
    max-width: 300px;
    width: 300px
}

.a-cta {
    color: #fff;
    flex: 0 0 auto;
    font-size: 11px;
    margin-top: 17px;
    text-align: center
}

.a-cta a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.a-leader-container-mobile {
    min-height: 50px;
    min-width: 320px
}

@media(max-width: 330px) {
    .a-leader-container-mobile {
        border:none;
        border-radius: 0
    }
}

.a-prerollvideo-container,.a-prerollvideo-container.optimera-video-full {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.a-prerollvideo-container.optimera-video-full {
    z-index: inherit
}

.a-prerollvideo-container .optimera-player_ima-ad-container {
    z-index: inherit!important
}

.a-prerollvideo-container div.optimera-video-full {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: inherit
}

.mobileFixedPadding {
    padding-bottom: 100px!important
}

@media(hover: hover)and (pointer:fine) {
    .pw_report_ad_container a:active,.pw_report_ad_container a:hover {
        color:#f77116!important
    }
}


.cookiebanner {
    background-color: #006f77;
    box-sizing: border-box;
    height: 36px;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    position: fixed;
    top: 0;
    width: 100%
}

@media(min-width: 768px) {
    .cookiebanner {
        height:60px
    }
}

.cookiebanner-container {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 0 3rem
}

@media(min-width: 768px) {
    .cookiebanner-container {
        padding:0 4.5rem
    }
}

.cookiebanner-text {
    color: #fff;
    display: flex;
    font-size: .9rem;
    height: 100%;
    line-height: .95rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: .1rem;
    position: relative;
    text-align: center;
    top: 0
}

.cookiebanner-text a {
    color: #fff
}

@media(min-width: 640px) {
    .cookiebanner-text {
        align-items:center;
        font-size: 1rem;
        justify-content: center;
        padding: 0
    }
}

.cookiebanner-close {
    align-items: center;
    background-color: #fa0;
    border-radius: 1.375rem;
    color: #fff!important;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: .25rem;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem
}

@media(min-width: 1440px) {
    .cookiebanner-close {
        right:.5rem
    }
}

.cookiebanner-close-x {
    flex: 0 0 auto;
    height: 1.2rem;
    width: 1.2rem
}

.cookiebanner-cookie {
    border: none;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    height: 2.5941666rem;
    left: .25rem;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 4.75rem
}

@media(min-width: 768px) {
    .cookiebanner-cookie {
        height:3.413125rem;
        width: 6.25rem
    }
}

@media(min-width: 1440px) {
    .cookiebanner-cookie {
        height:3.140555rem;
        left: .5rem;
        width: 5.75rem
    }
}

.minibanner {
    background-color: #848479;
    border: .125rem solid #848479;
    border-radius: .625rem;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    margin-right: 1.25rem;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    width: 11.11rem
}

.minibanner:after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -.8940625rem;
    transform: translateX(-50%);
    transition: width .25s,height .25s;
    width: 0;
    will-change: width,height
}

.minibanner:last-child {
    margin-right: 0
}

.minibanner.active {
    background-color: #e5e2df;
    border-color: #e5e2df
}

.minibanner.active:after {
    height: 1.788125rem;
    width: 2.72375rem
}

.minibanner.mb-portrait .minibanner-art {
    height: 14.2809rem
}

.minibanner.mb-portrait .webp-image {
    max-height: 14.2809rem
}

.minibanner.mb-home-printable .minibanner-art {
    background-color: #fff
}

.minibanner.mb-no-icon .minibanner-label-type {
    display: none
}

.minibanner.mb-label-center .minibanner-label {
    height: 3.3rem;
    padding: .3rem;
    text-align: center
}

.minibanner.mb-label-center .minibanner-label-title {
    justify-content: center
}

.minibanner.mb-label-center .minibanner-label-grades-type {
    display: none
}

.minibanner .freebadge {
    background-color: #e24829;
    border: .0625rem solid #fff;
    font-size: .75rem;
    height: 2.25rem;
    width: 2.25rem
}

.minibanner .freebadge.la {
    font-size: .7rem;
    height: 2.475rem;
    width: 2.475rem
}

.minibanner .favstar {
    height: 2.025rem;
    width: 2.025rem
}

.minibanner-badge-container {
    align-items: center;
    display: flex;
    left: -.125rem;
    position: absolute;
    top: -1.125rem
}

.minibanner-badge-container>:not(:first-child) {
    margin-left: -.3rem
}

.minibanner-art {
    border-radius: .625rem;
    box-sizing: border-box;
    /*height: 10.86rem;*/
    height: 8.86rem;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /*width: 10.86rem;*/
    width:100%;
}

.minibanner-art .webp-image {
    display: inline-block;
    /*height: auto;*/
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*width: auto;*/
    width:100%;
}

.minibanner-label {
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-flow: column;
    /*height: 4.5rem;*/
    padding: .5rem .3rem .2rem;
    text-align: left
}

.minibanner-label-title {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column
}

.minibanner-label-title .mblt-text {
    display: -webkit-box;
    flex: 0 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 700;
    line-height: 1.2em;
}

.minibanner-label-grades-type {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end
}

.minibanner-label-grades {
    flex: 1 1 auto;
    font-size: 11px;
    margin: .3rem 0;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.minibanner-label-grades.la {
    font-size: .8rem;
    white-space: normal;
}

.minibanner-label-type {
    flex: 0 0 auto;
    height: 1.333rem;
    width: 1.333rem
}

.list {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    position: relative;
    width: 100%
}

.list .minibanner {
    background-color: #fa0;
    border-color: #fa0
}

.games-nav-categories .list.gnc-list .minibanner,.list.categoryprintables-list .minibanner,.list.cyan .minibanner {
    background-color: #12cca8;
    border-color: #12cca8
}

.games-nav-categories .list.gnc-list .minibanner.active,.list.categoryprintables-list .minibanner.active,.list.cyan .minibanner.active {
    background-color: #38e57e;
    border-color: #38e57e
}


.list.purple .minibanner {
    background-color: #a05cf7;
    border-color: #a05cf7
}

.list.green .minibanner {
    background-color: #99dd17;
    border-color: #99dd17
}

.list.blue-genre .minibanner {
    background-color: #0fb5a9;
    border-color: #0fb5a9
}

@media(min-width: 1024px) {
    .list:not(.home-list) .list-tabs {
        display:none
    }
}

@media(min-width: 1440px) {
    .list:not(.home-list) .list-container {
        padding:0 1.25rem
    }

    .list:not(.home-list) .list-arrow {
        right: 1.25rem
    }

    .list:not(.home-list) .list-arrow.left {
        left: 1.25rem
    }
}

.list-container {
    overflow: auto;
}

.list-title-tabs {
    display: flex;
    position: relative
}

.list-title {
    color: #fff;
    display: inline-block;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    padding: 0 1rem;
    position: relative;
    vertical-align: top
}

.list-tabs {
    align-items: center;
    display: inline-flex;
    position: relative
}

.list-tabs .tab {
    background-color: #fff;
    border-radius: 50%;
    flex: 0 0 auto;
    height: .4rem;
    margin-right: .625rem;
    opacity: .25;
    width: .4rem
}

.list-tabs .tab.active {
    opacity: 1
}

.list-tabs .tab:last-child {
    margin: 0
}

.list-minibanner-container {
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: visible;
    padding: 1rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    -ms-overflow-style: none;
    /*overflow: -moz-scrollbars-none;*/
    scrollbar-width: none
}

.list-minibanner-container::-webkit-scrollbar {
    display: none
}

.list-minibanner-container.lmbc-noscroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    overflow-x: hidden;
    padding: 0;
    white-space: normal
}

.list-minibanner-container.lmbc-noscroll:after {
    display: none
}

.list-minibanner-container.lmbc-noscroll .minibanner {
    margin: 1.125rem .6rem
}

.list-minibanner-container.lmbc-noscroll~.list-arrow {
    display: none
}

.feature-list .list-title-tabs,.similar-list .list-title-tabs {
    justify-content: center
}

.feature-list .list-tabs,.similar-list .list-tabs {
    display: none
}

.feature-list .list-title,.similar-list .list-title {
    text-align: center;
    text-transform: uppercase
}

.feature-list .list-title-tabs:before {
    bottom: 0;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 1440px) {
    .feature-list .list-title-tabs:before {
        border-radius:1.375rem 1.375rem 0 0
    }
}

.feature-list .list-title {
    border-radius: 0 0 1.375rem 1.375rem;
    padding: .4rem 1.5rem
}

@media(min-width: 640px) {
    .feature-list .list-title {
        padding:.5rem 1.875rem
    }
}

.similar-list .list-title {
    font-size: 1.875rem
}

.list-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 2.25rem 0 0 2.25rem;
    box-sizing: border-box;
    color: #ffc41d;
    cursor: pointer;
    display: flex;
    height: 4.675rem;
    justify-content: center;
    opacity: 0;
    padding: 0 0 0 .25rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateZ(0);
    transition: visibility 0s .3s,opacity .3s linear;
    visibility: hidden;
    width: 2.25rem
}

.list-arrow svg {
    height: 2.4375rem;
    width: 1.4375rem
}

.list-arrow.left {
    border-radius: 0 2.25rem 2.25rem 0;
    left: 0;
    padding: 0 .25rem 0 0;
    right: auto
}

.list-arrow.left svg {
    transform: rotate(180deg)
}

.list-arrow.active {
    opacity: 1;
    transition: opacity .3s linear;
    visibility: visible
}

.ablock-contentmessage {
    background-color: rgba(0,0,0,.65);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    left: 0;
    padding: .5em 2rem;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 .2rem #000;
    top: 0;
    width: 100%
}

.adblock-contentmessage-close {
    align-items: center;
    background-color: #e24829;
    border-radius: .75em;
    color: #fff;
    display: flex;
    height: 1.5em;
    justify-content: center;
    position: absolute;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5em
}

.adblock-contentmessage-close svg {
    height: 65%;
    width: 65%
}

.print-file {
    display: block;
    margin: auto;
    max-height: 100%;
    width: auto
}

.print-container {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2147483647
}

.printablesnav {
    background-color: #0c3439;
    display: none
}

@media(min-width: 640px) {
    .printablesnav {
        display:block
    }
}

.printablesnav-container {
    display: flex;
    justify-content: space-evenly;
    text-align: center
}

.printablesnav-link,.printablesnav-link:active,.printablesnav-link:hover {
    align-content: center;
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-weight: 700;
    padding: .5rem .5rem .4rem;
    text-decoration: none;
    text-transform: uppercase
}

.printablesnav-link.coloring-pages,.printablesnav-link:active.coloring-pages,.printablesnav-link:hover.coloring-pages {
    color: #a05cf7
}

.printablesnav-link.activity-pages,.printablesnav-link:active.activity-pages,.printablesnav-link:hover.activity-pages {
    color: #99dd17
}

.printablesnav-link.worksheets,.printablesnav-link:active.worksheets,.printablesnav-link:hover.worksheets {
    color: #fa0
}

.printablesnav-link.teacher-resources,.printablesnav-link:active.teacher-resources,.printablesnav-link:hover.teacher-resources {
    color: #e24829
}

.printablesnav-link.la,.printablesnav-link:active.la,.printablesnav-link:hover.la {
    font-size: .9rem
}

@media(min-width: 1024px) {
    .printablesnav-link.la,.printablesnav-link:active.la,.printablesnav-link:hover.la {
        font-size:1rem
    }
}

.school-rfq-form .static-label {
    text-align: left
}

.educator-info {
    color: #fff;
    margin-bottom: 2.5rem;
    margin-top: 1.6rem;
    text-align: left;
}

.educator-info a,.educator-info a:active,.educator-info a:hover {
    color: #fff
}

.educator-info-title {
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.educator-info-intro {
    margin: 1.5rem 0
}

.educator-info-category,.educator-info-fetch-error {
    border-radius: .5rem;
    margin-bottom: 1.5rem;
    padding: .625rem;
    text-align: left
}

.educator-info-fetch-error {
    background-color: #fff;
    color: #e24829;
    font-style: italic;
    margin: 1.5rem 0
}

@media(min-width: 640px) {
    .educator-info-fetch-error {
        font-size:.875rem
    }
}

.educator-info-category {
    background-color: gray
}

.educator-info-category ul {
    margin: 0;
    padding: 0
}

@media(min-width: 640px) {
    .educator-info-category ul {
        -moz-column-count:2;
        column-count: 2;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

.educator-info-category li {
    margin: 0 0 .2rem 1rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.educator-info-category-info {
    background-color: #000;
    border-radius: .5rem;
    padding: 1rem
}

.educator-info-category-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.home {
    background-position: top;
    background-size: auto;
    padding-top: 1rem
}


.home.mobile .list,.home.mobile .list:nth-of-type(2n),.home.mobile .list:nth-of-type(odd) {
    background-color: transparent;
    border: none
}

.home.mobile .list .list-minibanner-container,.home.mobile .list .list-title,.home.mobile .list:nth-of-type(2n) .list-minibanner-container,.home.mobile .list:nth-of-type(2n) .list-title,.home.mobile .list:nth-of-type(odd) .list-minibanner-container,.home.mobile .list:nth-of-type(odd) .list-title {
    background-color: transparent
}

.home.mobile .list .list-title-tabs:before,.home.mobile .list:nth-of-type(2n) .list-title-tabs:before,.home.mobile .list:nth-of-type(odd) .list-title-tabs:before {
    display: none
}

.home .list-minibanner-container {
    text-align: left
}

.home .minibanner-art {
    text-align: center
}

.home .home-nav-wrapper {
    margin-bottom: .5rem
}

.home .home-nav {
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
    width: 100%
}

.home .home-nav .col {
    display: inline-block
}

.home .home-nav .home-planet {
    line-height: 1;
    margin: 5px
}

.home .home-nav .home-planet span {
    display: inline-block;
    flex: 0 1 auto;
    height: auto;
    white-space: normal;
    width: 100%
}

.home .home-nav .home-planet.premium {
    display: none;
    position: absolute
}

.home .home-nav .home-planet.sun {
    height: 58px;
    vertical-align: middle;
    width: 58px
}

.home .home-nav .home-planet.grade-planet,.home .home-nav .home-planet.language-planet,.home .home-nav .home-planet.printables-planet {
    height: 52px;
    vertical-align: middle;
    width: 52px
}

.home .home-nav .home-planet.language-planet {
    font-size: 8px;
    padding: 0
}

.home .home-nav .home-planet.language-planet .language-text {
    width: 36px
}

.home .home-nav .home-planet.printables-planet {
    font-size: 10px;
    padding: 0
}

.home .home-nav .home-planet.grade-planet span,.home .home-nav .home-planet.sun span {
    display: none
}

.home .home-nav .home-planet-la.language-planet {
    font-size: 6px;
    line-height: 1.25
}

.home .home-nav .home-planet-la.printables-planet {
    font-size: 8px
}

.home .home-nav .milkyway {
    display: none;
    position: absolute
}

.home .home-nav .billboard {
    position: absolute;
    right: 15px;
    top: 19px
}

.home .home-nav .billboard-ad {
    position: absolute;
    right: 20px;
    top: 19px
}

.home .home-lists {
    margin-top: 1rem
}

.home .home-list-container {
    height: 19.90965rem
}

@media(min-width: 1024px) {
    .home:not(.mobile) {
        padding-top:0
    }

    .home:not(.mobile) .home-nav {
        height: 585px;
        max-width: 1024px;
        padding-top: 283px;
        text-align: left
    }

    .home:not(.mobile) .home-nav .col.left {
        padding-left: 25px
    }

    .home:not(.mobile) .home-nav .col.middle {
        padding-left: 94px
    }

    .home:not(.mobile) .home-nav .home-planet.sun {
        height: 250px;
        left: 46px;
        margin: 0;
        position: absolute;
        top: 24px;
        width: 250px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet {
        font-size: 22px;
        height: 165px;
        left: 350px;
        position: absolute;
        top: 60px;
        width: 165px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet .language-text {
        text-shadow: 0 .125rem 0 #12cca8;
        width: 100px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet .newbadge {
        font-size: .9rem;
        height: 50px;
        left: -5px;
        top: -5px;
        width: 50px
    }

    .home:not(.mobile) .home-nav .home-planet.printables-planet {
        font-size: 22px;
        height: 139px;
        left: 725px;
        position: absolute;
        top: 380px;
        width: 139px
    }

    .home:not(.mobile) .home-nav .home-planet.grade-planet {
        height: 116px;
        margin: 14px;
        width: 116px
    }

    .home:not(.mobile) .home-nav .home-planet-la.language-planet,.home:not(.mobile) .home-nav .home-planet-la.printables-planet {
        font-size: 20px
    }

    .home:not(.mobile) .home-lists {
        margin-top: 0
    }
}

@media(min-width: 1280px) {
    .home:not(.mobile) .home-nav {
        height:590px;
        max-width: 1280px;
        padding-top: 283px;
        text-align: left
    }

    .home:not(.mobile) .home-nav .col.left,.home:not(.mobile) .home-nav .col.middle {
        padding: 0
    }

    .home:not(.mobile) .home-nav .home-planet.premium {
        display: none
    }

    .home:not(.mobile) .home-nav .home-planet.sun {
        left: 30px;
        top: 24px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet {
        left: 55px;
        top: 384px
    }

    .home:not(.mobile) .home-nav .home-planet.printables-planet {
        height: 140px;
        left: 1089px;
        top: 394px;
        width: 140px
    }

    .home:not(.mobile) .home-nav .home-planet.grade-planet {
        margin: 0;
        position: absolute
    }

    .home:not(.mobile) .home-nav .home-planet.pink {
        left: 309px;
        top: 91px
    }

    .home:not(.mobile) .home-nav .home-planet.yellow {
        left: 462px;
        top: 91px
    }

    .home:not(.mobile) .home-nav .home-planet.red {
        left: 391px;
        top: 253px
    }

    .home:not(.mobile) .home-nav .home-planet.blue {
        left: 544px;
        top: 253px
    }

    .home:not(.mobile) .home-nav .home-planet.green {
        left: 700px;
        top: 253px
    }

    .home:not(.mobile) .home-nav .home-planet.magenta {
        left: 615px;
        top: 415px
    }

    .home:not(.mobile) .home-nav .home-planet.orange {
        left: 767px;
        top: 415px
    }

    .home:not(.mobile) .home-nav .home-planet.cyan {
        left: 919px;
        top: 415px
    }

    .home:not(.mobile) .home-nav .milkyway {
        display: block;
        height: 373px;
        left: -22px;
        top: 126px;
        width: 1094px
    }
}

@media(min-width: 1920px) {
    .home:not(.mobile) .home-nav {
        height:783px;
        max-width: 1920px;
        padding-top: 0
    }

    .home:not(.mobile) .home-nav .col.left,.home:not(.mobile) .home-nav .col.middle,.home:not(.mobile) .home-nav .col.right {
        padding: 0
    }

    .home:not(.mobile) .home-nav .home-planet.sun {
        height: 320px;
        left: 139px;
        top: 57px;
        width: 320px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet {
        font-size: 25px;
        height: 195px;
        left: 188px;
        top: 528px;
        width: 195px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet .language-text {
        width: 115px
    }

    .home:not(.mobile) .home-nav .home-planet.language-planet .newbadge {
        height: 60px;
        width: 60px
    }

    .home:not(.mobile) .home-nav .home-planet.printables-planet {
        font-size: 26px;
        height: 160px;
        left: 1605px;
        top: 546px;
        width: 160px
    }

    .home:not(.mobile) .home-nav .home-planet.grade-planet {
        height: 149px;
        width: 149px
    }

    .home:not(.mobile) .home-nav .home-planet.pink {
        left: 497px;
        top: 143px
    }

    .home:not(.mobile) .home-nav .home-planet.yellow {
        left: 694px;
        top: 143px
    }

    .home:not(.mobile) .home-nav .home-planet.red {
        left: 603px;
        top: 351px
    }

    .home:not(.mobile) .home-nav .home-planet.blue {
        left: 799px;
        top: 351px
    }

    .home:not(.mobile) .home-nav .home-planet.green {
        left: 999px;
        top: 351px
    }

    .home:not(.mobile) .home-nav .home-planet.magenta {
        left: 891px;
        top: 559px
    }

    .home:not(.mobile) .home-nav .home-planet.orange {
        left: 1086px;
        top: 559px
    }

    .home:not(.mobile) .home-nav .home-planet.cyan {
        left: 1280px;
        top: 559px
    }

    .home:not(.mobile) .home-nav .home-planet-la.language-planet,.home:not(.mobile) .home-nav .home-planet-la.printables-planet {
        font-size: 24px
    }

    .home:not(.mobile) .home-nav .milkyway {
        height: 480px;
        left: 95px;
        top: 186px;
        width: 1405px
    }
}

@media(min-width: 768px) {
    .home .home-nav .home-planet {
        margin:8px
    }

    .home .home-nav .home-planet.sun {
        height: 92px;
        width: 92px
    }

    .home .home-nav .home-planet.grade-planet,.home .home-nav .home-planet.language-planet,.home .home-nav .home-planet.printables-planet {
        height: 83px;
        width: 83px
    }

    .home .home-nav .home-planet.language-planet {
        font-size: 12px
    }

    .home .home-nav .home-planet.language-planet .language-text {
        text-shadow: 0 .1rem 0 #12cca8;
        width: 54px
    }

    .home .home-nav .home-planet.printables-planet {
        font-size: 15px
    }

    .home .home-nav .home-planet-la.language-planet {
        font-size: 10px
    }

    .home .home-nav .home-planet-la.printables-planet {
        font-size: 13px
    }
}

@media(min-width: 1024px) {
    .home .home-list-container,.home .list-container {
        margin:auto;
        max-width: 932px
    }

    .home .home-nav-wrapper {
        margin-bottom: 0
    }

    .home.mobile .list-tabs {
        display: inline-flex
    }
}

@media(min-width: 1280px) {
    .home .home-list-container,.home .list-container {
        margin:auto;
        max-width: 1220px
    }
}

@media(min-width: 1920px) {
    .home .home-list-container,.home .list-container {
        margin:auto;
        max-width: 1642px
    }
}

.home-planet {
    align-content: center;
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    display: inline-flex;
    flex-flow: column;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-weight: 700;
    justify-content: center;
    padding: .5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.home-planet:active,.home-planet:hover {
    color: #fff!important;
    text-decoration: none!important
}

.home-planet.premium {
    text-shadow: 0 .1875rem 0 #9e121f
}

.home-planet.sun {
    text-shadow: 0 .1875rem 0 #ff9d00
}

.home-planet.language-planet {
    color: #fff
}

.home-planet.language-planet:active,.home-planet.language-planet:hover {
    color: #fff!important
}

.home-planet.language-planet .newbadge {
    left: -.675rem;
    position: absolute;
    top: -.675rem
}

.home-planet.printables-planet {
    color: #000
}

.home-planet.printables-planet:active,.home-planet.printables-planet:hover {
    color: #000!important
}

.home-mobile-free {
    margin: 0 auto -.5rem;
    max-width: 1024px;
    position: relative
}

.home-mobile-free .free-mobile-games-list-container {
    height: 20.10965rem;
    padding-top: 1.5rem
}

.home-mobile-free .home-mobile-free-title {
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    height: 6.5rem;
    justify-content: center;
    padding: 0 7.25rem .5rem;
    position: relative;
    text-align: center;
    text-shadow: 0 .125rem 0 #12cca8;
    text-transform: uppercase;
    width: 100%
}

.home-mobile-free .home-planet.premium {
    height: 6rem;
    position: absolute;
    right: .625rem;
    top: 0;
    width: 6rem
}

.home-mobile-free .list .minibanner {
    background-color: #848479;
    border-color: #848479
}

@media(min-width: 768px) {
    .home-mobile-free .home-mobile-free-title {
        font-size:2.25rem;
        height: 8rem;
        padding: 0 15rem .5rem
    }

    .home-mobile-free .home-planet.premium {
        font-size: 1.25rem;
        height: 7.5rem;
        right: .625rem;
        text-shadow: 0 .2rem 0 #9e121f;
        width: 7.5rem
    }
}

@media(min-width: 1024px) {
    .home-mobile-free .home-mobile-free-title {
        min-height:0
    }

    .home-mobile-free .home-planet.premium {
        font-size: 1.3rem;
        height: 8.125rem;
        right: .625rem;
        top: .625rem;
        width: 8.125rem
    }

    .home-mobile-free .list-minibanner-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        max-width: 40rem;
        overflow-x: hidden;
        padding: 0;
        white-space: normal
    }

    .home-mobile-free .list-minibanner-container:after {
        display: none
    }

    .home-mobile-free .list-minibanner-container .minibanner {
        margin: 1.125rem .6rem
    }

    .home-mobile-free .list-minibanner-container~.list-arrow {
        display: none
    }

    .home-mobile-free .free-mobile-games-list-container {
        height: 55.32895rem;
        padding-top: 1.5rem
    }
}

@media(min-width: 1024px)and (min-width:444px) {
    .home-mobile-free .free-mobile-games-list-container {
        height:38.7193rem
    }
}

@media(min-width: 926px),(orientation:portrait) {
    .home-mobile-free .list-minibanner-container {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        max-width: 40rem;
        overflow-x: hidden;
        padding: 0;
        white-space: normal
    }

    .home-mobile-free .list-minibanner-container:after {
        display: none
    }

    .home-mobile-free .list-minibanner-container .minibanner {
        margin: 1.125rem .6rem
    }

    .home-mobile-free .list-minibanner-container~.list-arrow {
        display: none
    }

    .home-mobile-free .free-mobile-games-list-container {
        height: 55.32895rem;
        padding-top: 1.5rem
    }
}

@media(min-width: 926px)and (min-width:444px),(orientation:portrait)and (min-width:444px) {
    .home-mobile-free .free-mobile-games-list-container {
        height:38.7193rem
    }
}

@keyframes hbc-active-left {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes hbc-active-right {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes hbc-prev-active-left {
    0% {
        transform: translateX(0);
        visibility: visible
    }

    to {
        transform: translateX(100%);
        visibility: hidden
    }
}

@keyframes hbc-prev-active-right {
    0% {
        transform: translateX(0);
        visibility: visible
    }

    to {
        transform: translateX(-100%);
        visibility: hidden
    }
}

.no-webp .home {
    background-position: top;
    background-size: auto
}

.gradenav {
    background-color: #0c3439;
    display: none
}

@media(min-width: 640px) {
    .gradenav {
        display:block
    }
}

.gradenav-container {
    display: flex;
    justify-content: space-around;
    /*-webkit-justify-content: space-evenly!important;*/
    text-align: center
}

.gradenav-link,.gradenav-link:active,.gradenav-link:hover {
    align-content: center;
    align-items: center;
    display: inline-flex;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: .75rem;
    padding: .5rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.gradenav-link:active:first-child,.gradenav-link:first-child,.gradenav-link:hover:first-child {
    color: #ff4664
}

.gradenav-link:active:nth-child(2),.gradenav-link:hover:nth-child(2),.gradenav-link:nth-child(2) {
    color: #ffcd2b
}

.gradenav-link:active:nth-child(3),.gradenav-link:hover:nth-child(3),.gradenav-link:nth-child(3) {
    color: #ff4224
}

.gradenav-link:active:nth-child(4),.gradenav-link:hover:nth-child(4),.gradenav-link:nth-child(4) {
    color: #1e4fbc
}

.gradenav-link:active:nth-child(5),.gradenav-link:hover:nth-child(5),.gradenav-link:nth-child(5) {
    color: #9ec412
}

.gradenav-link:active:nth-child(6),.gradenav-link:hover:nth-child(6),.gradenav-link:nth-child(6) {
    color: #ad329b
}

.gradenav-link:active:nth-child(7),.gradenav-link:hover:nth-child(7),.gradenav-link:nth-child(7) {
    color: #f48e06
}

.gradenav-link:active:nth-child(8),.gradenav-link:hover:nth-child(8),.gradenav-link:nth-child(8) {
    color: #0ea6aa
}

.gradenav-link-post {
    display: inline-block;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin-left: .2rem
}

.subscribe {
    position: relative
}

.subscribe .header-caption {
    margin: -1.25rem 0 1.5rem
}

.subscribe .header-caption a {
    color: #000
}

@media(min-width: 768px) {
    .subscribe .header-caption {
        font-size:.875rem
    }
}

.subscribe .plans-wrapper {
    color: #fff;
    padding: 1rem
}

.subscribe .plans-wrapper.family {
    background-color: #00a39b
}

.subscribe .plans-wrapper.family .plans-subs {
    color: #00a39b
}

.subscribe .plans-wrapper.family .plans-subs .sub-card.active {
    border-color: #8fc900
}

.subscribe .plans-wrapper.family .plans-subs .sub-card-title {
    color: #8fc900
}

.subscribe .plans-wrapper.classroom {
    background-color: #3581a3
}

.subscribe .plans-wrapper.classroom .plans-subs {
    color: #3581a3
}

.subscribe .plans-wrapper.classroom .plans-subs .sub-card.active {
    border-color: #23c3e8
}

.subscribe .plans-wrapper.classroom .plans-subs .sub-card-title {
    color: #23c3e8
}

.subscribe .plans-wrapper.classroom .sub-cta-links-container {
    margin-left: -.5em;
    margin-right: -.5em
}

.subscribe .plans-wrapper.classroom .sub-cta-link {
    margin: .5em
}

.subscribe .plans-wrapper.school {
    background-color: #6e57c1
}

.subscribe .plans-wrapper.school .plans-subs {
    color: #6e57c1
}

.subscribe .plans-wrapper.school .plans-subs .sub-card.active {
    border-color: #bc5fff
}

.subscribe .plans-wrapper.school .plans-subs .sub-card-title {
    color: #bc5fff
}

.subscribe .sub-card-disclaimer {
    color: #91b3b7
}

.subscribe .planselect {
    margin-bottom: -1rem
}

.giftcards-total,.subscribe-required {
    color: #91b3b7;
    font-size: .875rem;
    font-style: italic;
    font-weight: 700;
    margin-bottom: .1rem
}

@media(min-width: 640px) {
    .giftcards-total,.subscribe-required {
        font-size:.75rem
    }
}

.plans-wrapper {
    text-align: center
}

.plans-wrapper .plans-subs .sub-card {
    position: relative
}

.plans-wrapper .plans-subs .sub-card:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -.75rem;
    transform: translateX(-50%);
    transition: width .25s,height .25s;
    width: 0;
    will-change: width,height
}

.plans-wrapper .plans-subs .sub-card.active:before {
    height: 1.5rem;
    width: 3rem
}

.plans-title {
    font-size: 1.75rem;
    margin-bottom: .625rem
}

.plans-perks {
    background-color: #fff;
    border-radius: 3rem;
    color: #91b3b7;
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.plans-perks li {
    align-items: center;
    display: inline-flex;
    list-style: none;
    margin: 1rem;
    padding: 0
}

.plans-perks li .icon {
    flex: 0 0 auto;
    height: 2rem;
    margin-right: .625rem;
    width: 2rem
}

@media(min-width: 640px) {
    .plans-perks li .icon {
        height:3rem;
        width: 3rem
    }
}

.plans-subs {
    align-items: center;
    display: flex;
    flex-flow: column;
    font-size: 1rem;
    justify-content: center;
    margin: 1rem 0 2rem;
    text-align: left
}

.plans-subs .sub-card {
    background-color: #fff;
    border-radius: 1rem;
    box-sizing: border-box;
    cursor: pointer;
    flex: 0 1 auto;
    margin: 0 0 1.25rem;
    max-width: 100%;
    padding: 1rem;
    transition: all .25s
}

.plans-subs .sub-card:last-child {
    margin: 0
}

.plans-subs .sub-card.active {
    border-style: solid;
    border-width: .1875rem;
    font-size: 1.25rem
}

.plans-subs .sub-card.active button {
    display: none
}

.plans-subs .sub-card-title {
    font-weight: 700;
    margin-bottom: .5em
}

.plans-subs .sub-card-container {
    align-content: center;
    align-items: center;
    display: flex;
    flex-flow: row;
    justify-content: center
}

.plans-subs .sub-card-container .cost {
    font-size: 3em;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.plans-subs .sub-card-container .cost sup {
    font-size: .5em
}

.plans-subs .sub-card-container .cost .dollars {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline
}

.plans-subs .sub-card-container .cost .cents-term {
    display: inline-block;
    font-size: .5em;
    margin-left: .1em;
    vertical-align: baseline
}

.plans-subs .sub-card-container .cost .cents {
    text-decoration: underline
}

.plans-subs .sub-card-container .cost .term {
    font-size: .5em;
    font-weight: 400;
    margin-top: .2em
}

.plans-subs .sub-card-container button {
    margin: 0 0 0 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: auto
}

@media(min-width: 640px)and (max-width:1023px) {
    .plans-subs .sub-card-container {
        flex-flow:column
    }

    .plans-subs .sub-card-container button {
        margin: 1rem 0 0;
        width: 100%
    }
}

@media(min-width: 1440px) {
    .plans-subs .sub-card-container .cost {
        font-size:4.5em
    }
}

.plans-subs .sub-card-disclaimer {
    font-size: .75em;
    margin-top: 1em
}

.plans-subs .sub-card-disclaimer.scd-promo {
    text-align: center
}

.plans-subs .sub-card-disclaimer.scd-promo .scd-og-price {
    float: left;
    font-size: 1.125rem;
    font-weight: 700;
    margin-right: .625rem
}

.plans-subs .sub-card-disclaimer.scd-promo div {
    overflow: hidden
}

@media(min-width: 640px) {
    .plans-subs {
        flex-flow:row
    }

    .plans-subs .sub-card {
        margin: 0 1rem 0 0
    }
}

.plans-promo-description {
    background-color: #8fc900;
    border-image-outset: 1;
    border-image-repeat: round;
    border-image-slice: 0 20;
    border-image-width: 1rem;
    border-style: solid;
    border-width: 1rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 1em auto;
    max-width: 32rem;
    text-align: center;
    width: 100%
}

.plans-promo-disclaimer {
    margin-top: 1.125rem;
    text-align: center
}

@media(min-width: 640px) {
    .plans-promo-disclaimer {
        font-size:.875rem
    }
}

.StripeElement {
    background: #fff;
    border: 1px solid #91b3b7;
    border-radius: .4375rem;
    display: block;
    margin: 0 0 1rem;
    padding: .625rem
}

.StripeElement--focus {
    border-color: #fa0;
    transition: all .25s
}

.subscribe-terms {
    color: #91b3b7;
    font-size: .75rem;
    margin: 1rem auto 0
}

.subscribe-terms a {
    color: #91b3b7
}

.subscribe-terms p {
    text-align: center
}

@media(min-width: 640px) {
    .subscribe-terms {
        max-width:19rem
    }
}

.sub-card-best {
    align-content: center;
    animation: best-pop 1s ease-in-out,best-pulse 1s ease-in-out 1s infinite alternate;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-flow: column;
    font-size: .625rem;
    height: 4rem;
    justify-content: center;
    line-height: 1;
    padding: .25rem;
    position: absolute;
    right: -.625rem;
    text-align: center;
    top: -.625rem;
    width: 4rem
}

.sub-card-best.la {
    font-size: .6rem
}

.sub-card-best.la .currency {
    font-size: 150%;
    margin-top: -.4em
}

.sub-card-best .currency {
    display: block;
    font-size: 160%;
    font-weight: 700;
    margin-bottom: .1em
}

@media(min-width: 640px) {
    .sub-card-best {
        right:.625rem;
        top: -2rem
    }
}

@media(min-width: 1024px) {
    .sub-card-best {
        right:2rem
    }
}

.promo-burst {
    font-weight: 700
}

@media(min-width: 640px) {
    .promo-burst {
        align-content:center;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        box-sizing: border-box;
        color: #fff;
        display: flex;
        flex-flow: column;
        font-size: .75rem;
        height: 3.75rem;
        justify-content: center;
        line-height: 1;
        overflow: hidden;
        padding: .25rem;
        position: absolute;
        right: -1.25rem;
        text-align: center;
        top: -1.25rem;
        width: 3.75rem
    }

    .promo-burst.la {
        font-size: .5rem;
        height: 4.5rem;
        right: -1.5rem;
        top: -1.5rem;
        width: 4.5rem
    }
}

.subscribe-features-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 30rem;
    padding: 1rem;
    position: relative;
    width: 100%
}

@media(min-width: 640px) {
    .subscribe-features-container {
        max-width:1920px;
        padding: 0 1rem
    }
}

@media(min-width: 1921px) {
    .subscribe-features-container {
        padding:0
    }
}

.subscribe-features-table {
    border: none;
    border-collapse: collapse;
    display: block;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.subscribe-features-table tbody,.subscribe-features-table thead,.subscribe-features-table tr {
    border: none;
    display: block;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.subscribe-features-table td,.subscribe-features-table th {
    margin: 0;
    padding: .5rem
}

.subscribe-features-table th {
    background-color: #91b3b7;
    border-right: .125rem solid #fff;
    color: #fff;
    display: none
}

.subscribe-features-table th:last-child {
    border-right: none
}

.subscribe-features-table td {
    align-items: center;
    display: flex;
    font-weight: 700;
    margin-bottom: 1px
}

.subscribe-features-table td:last-child {
    margin-bottom: 1rem
}

.subscribe-features-table td:not(:first-child).sft-td-promo:before {
    background-color: #00a39b
}

.subscribe-features-table td:not(:first-child).sft-td-promo.la:before {
    font-size: .675rem
}

.subscribe-features-table td:not(:first-child).sft-td-promo .text.price {
    align-items: center;
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center
}

.subscribe-features-table td:not(:first-child).sft-td-promo .text.price div {
    margin: 0 .5em
}

.subscribe-features-table td:not(:first-child):before {
    align-items: center;
    align-self: stretch;
    background-color: #91b3b7;
    color: #fff;
    content: attr(data-th);
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin: -.5rem .5rem -.5rem -.5rem;
    padding: .5rem;
    text-align: center;
    white-space: pre;
    width: 8rem
}

.subscribe-features-table td:not(:first-child):nth-child(odd) {
    background-color: #fff
}

.subscribe-features-table td:not(:first-child):nth-child(2n) {
    background-color: #f4f4f4
}

.subscribe-features-table .checkmark {
    display: inline-block;
    height: 1rem;
    margin: 0;
    padding: 0;
    width: 2rem
}

@media(min-width: 1024px) {
    .subscribe-features-table .checkmark {
        height:2rem;
        width: 2.875rem
    }
}

.subscribe-features-table .text {
    flex: 1
}

.subscribe-features-table .price {
    color: #91b3b7;
    font-weight: 700
}

.subscribe-features-table .term {
    font-size: .875rem;
    font-weight: 400
}

.subscribe-features-table .good {
    color: #e24829
}

.subscribe-features-table .better {
    color: #f2ca06
}

.subscribe-features-table .best {
    color: #8fc900
}

@media(min-width: 640px) {
    .subscribe-features-table {
        display:table
    }

    .subscribe-features-table tbody {
        display: table-row-group
    }

    .subscribe-features-table tbody tr {
        border-left: .125rem solid #f4f4f4;
        border-right: .125rem solid #f4f4f4
    }

    .subscribe-features-table tbody tr:nth-child(odd) {
        background-color: #fff
    }

    .subscribe-features-table tbody tr:nth-child(2n) {
        background-color: #f4f4f4
    }

    .subscribe-features-table thead {
        border-left: .125rem solid #91b3b7;
        border-right: .125rem solid #91b3b7;
        display: table-header-group
    }

    .subscribe-features-table tr {
        display: table-row
    }

    .subscribe-features-table td,.subscribe-features-table th {
        display: table-cell;
        padding: 1.5rem 1rem
    }

    .subscribe-features-table th.sft-th-promo {
        background-color: #00a39b
    }

    .subscribe-features-table th .sft-th-promo-wrapper {
        position: relative
    }

    .subscribe-features-table th .sft-th-promo-wrapper .promo-burst {
        right: -.75rem;
        top: -3.375rem
    }

    .subscribe-features-table th .sft-th-promo-wrapper .promo-burst.la {
        top: -3.75rem
    }

    .subscribe-features-table td:first-child {
        font-weight: 400;
        padding: 1.5rem
    }

    .subscribe-features-table td:last-child {
        margin-bottom: 0
    }

    .subscribe-features-table td:not(:first-child) {
        border-left: .125rem solid #91b3b7;
        text-align: center
    }

    .subscribe-features-table td:not(:first-child):before {
        display: none
    }

    .subscribe-features-table td:not(:first-child):nth-child(2n),.subscribe-features-table td:not(:first-child):nth-child(odd) {
        background-color: transparent
    }

    .subscribe-features-table .term {
        font-size: .6rem
    }
}

.birthday {
    background: #fff;
    border: 1px solid #91b3b7;
    border-radius: .4375rem;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 auto 1rem;
    padding: .625rem
}

.birthday select {
    border: none;
    font-size: 1rem;
    padding: 0 1rem 0 0
}

.birthday-months {
    -moz-text-align-last: center;
    text-align-last: center
}

.verify .container {
    text-align: center
}

.complete-signup h1 {
    margin-bottom: 0;
    text-transform: uppercase
}

@keyframes best-pop {
    0% {
        transform: scale(0) rotate(-90deg)
    }

    75% {
        transform: scale(1.2) rotate(90deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

@keyframes best-pulse {
    to {
        transform: scale(1.1) rotate(1deg)
    }
}

.school-form h1 {
    margin-bottom: 0
}

.school-form-info {
    background-color: #6e57c1;
    color: #fff;
    padding: 1rem;
    text-align: center
}

.school-form-info-logos {
    align-items: center;
    background-color: #fff;
    border-radius: 3rem;
    color: #38352f;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    padding: .4rem 1.5rem
}

@media(min-width: 640px) {
    .school-form-info-logos {
        padding:.4rem 3rem
    }
}

.school-form-info-logo {
    flex: 1 1 auto;
    height: auto;
    max-width: 8.3rem
}

.school-form-info-plus {
    flex: 1 1 auto;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 .2rem
}

@media(min-width: 640px) {
    .school-form-info-plus {
        margin:0 .5rem
    }
}

.school-form-info-perks {
    margin: 0 0 1rem
}

.school-form-info-perks ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left
}

.school-form-info-perks li {
    background-repeat: no-repeat;
    background-size: auto 1rem;
    list-style: none;
    margin: .75rem 0;
    padding-left: 2.2rem
}

.school-form-info-cta {
    color: #fff;
    color: #38352f;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 1em;
    padding: 0;
    text-align: center
}

@media(min-width: 640px) {
    .school-form-info-cta {
        font-size:1.75rem
    }
}

.grade {
    background-position: top;
    background-size: auto;
    overflow: hidden
}

@media(min-width: 640px) {
    .grade {
    }
}

@media(min-width: 768px) {
    .grade {
    }
}

@media(min-width: 1024px) {
    .grade {
    }
}

@media(min-width: 1440px) {
    .grade {
    }
}

@media(min-width: 1920px) {
    .grade {
    }
}

.grade .educator-info-category.educator-info-category-1 {
    background-color: #fa0
}

.grade .educator-info-category.educator-info-category-1 .educator-info-category-info {
    background-color: #8d3e2f
}

.grade .educator-info-category.educator-info-category-2 {
    background-color: #0098a8
}

.grade .educator-info-category.educator-info-category-2 .educator-info-category-info {
    background-color: #184550
}

.grade .educator-info-category.educator-info-category-3 {
    background-color: #8823e2
}

.grade .educator-info-category.educator-info-category-3 .educator-info-category-info {
    background-color: #401864
}

.grade .educator-info-category.educator-info-category-4 {
    background-color: #648b91
}

.grade .educator-info-category.educator-info-category-4 .educator-info-category-info {
    background-color: #36555a
}

.grade-nav-wrapper {
    align-items: center;
    display: flex
}

.grade-nav-wrapper .billboard-ad {
    flex: 0 0 auto;
    margin: 1rem
}

@media(min-width: 1024px) {
    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories {
        margin-left:5rem;
        max-width: 465px;
        text-align: left
    }

    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories button {
        font-size: .84rem
    }

    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories button:first-of-type,.grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories button:nth-of-type(2) {
        width: 15.2em
    }

    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories button:nth-of-type(3) {
        margin-left: 2rem
    }
}

@media(min-width: 1280px) {
    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories {
        margin-left:4rem;
        max-width: 620px
    }

    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories button {
        font-size: 1.125rem
    }
}

@media(min-width: 1440px) {
    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories {
        margin-left:5rem;
        max-width: 720px
    }
}

@media(min-width: 1920px) {
    .grade-nav-wrapper:not(.grade-nav-no-bill) .grade-nav-categories {
        margin-left:6rem
    }
}

@media(min-width: 1024px) {
    .grade-nav-no-bill .grade-title {
        display:inline-block;
        flex: 1 0 auto;
        margin-bottom: 0;
        vertical-align: bottom
    }

    .grade-nav-no-bill .grade-nav-standards {
        display: inline-flex;
        margin-left: 1rem;
        vertical-align: bottom
    }

    .grade-nav-no-bill .grade-nav-container {
        margin-top: 2.75rem
    }

    .grade-nav-no-bill .grade-nav-categories {
        margin-top: 2.5rem
    }
}

.grade-nav-container {
    flex: 1 1 auto
}

@media(min-width: 768px) {
    .grade-nav-container .button-flat-color.auto {
        font-size:.75rem
    }
}

.grade-title {
    color: #fff;
    display: block;
    flex: 0 0 auto;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    margin: 1rem .625rem .625rem;
    text-align: center;
    text-transform: uppercase
}

.grade-title.gr-prek {
    text-shadow: 0 .125rem 0 #ff4664
}

.grade-title.gr-k {
    text-shadow: 0 .125rem 0 #ffcd2b
}

.grade-title.gr-1 {
    text-shadow: 0 .125rem 0 #ff4224
}

.grade-title.gr-2 {
    text-shadow: 0 .125rem 0 #1e4fbc
}

.grade-title.gr-3 {
    text-shadow: 0 .125rem 0 #9ec412
}

.grade-title.gr-4 {
    text-shadow: 0 .125rem 0 #ad329b
}

.grade-title.gr-5 {
    text-shadow: 0 .125rem 0 #f48e06
}

.grade-title.gr-6 {
    text-shadow: 0 .125rem 0 #0ea6aa
}

@media(min-width: 640px) {
    .grade-title {
        margin:2rem 1rem 1rem
    }

    .grade-title.gr-prek {
        text-shadow: 0 .25rem 0 #ff4664
    }

    .grade-title.gr-k {
        text-shadow: 0 .25rem 0 #ffcd2b
    }

    .grade-title.gr-1 {
        text-shadow: 0 .25rem 0 #ff4224
    }

    .grade-title.gr-2 {
        text-shadow: 0 .25rem 0 #1e4fbc
    }

    .grade-title.gr-3 {
        text-shadow: 0 .25rem 0 #9ec412
    }

    .grade-title.gr-4 {
        text-shadow: 0 .25rem 0 #ad329b
    }

    .grade-title.gr-5 {
        text-shadow: 0 .25rem 0 #f48e06
    }

    .grade-title.gr-6 {
        text-shadow: 0 .25rem 0 #0ea6aa
    }
}

@media(min-width: 1024px) {
    .grade-title {
        margin:0 0 1rem 2.5rem;
        text-align: left
    }
}

@media(min-width: 1280px) {
    .grade-title {
        display:inline-block;
        flex: 1 0 auto;
        font-size: 3.5rem;
        margin-bottom: 0;
        vertical-align: bottom
    }
}

@media(min-width: 1440px) {
    .grade-title {
        margin-left:3.5rem
    }
}

@media(min-width: 1920px) {
    .grade-title {
        margin-left:4.5rem
    }
}

.grade-nav-button-container :first-of-type {
    margin-right: .675em
}

.grade-nav-button-container .inline-icon {
    height: 1.5em;
    width: 1.5em
}

.grade-nav-standards {
    display: flex;
    justify-content: center;
    margin: 0 0 2rem 1rem
}

@media(min-width: 640px) {
    .grade-nav-standards {
        margin-bottom:.2rem;
        min-height: 2.125rem
    }
}

@media(min-width: 1024px) {
    .grade-nav-standards {
        justify-content:left;
        margin-left: 3.5rem
    }
}

@media(min-width: 1280px) {
    .grade-nav-standards {
        display:inline-flex;
        margin-left: 1rem;
        vertical-align: bottom
    }
}

.grade-nav-categories {
    display: none;
    margin-top: 2rem;
    text-align: center
}

.grade-nav-categories button {
    background-position: .8em;
    background-repeat: no-repeat;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 1.7vw;
    font-weight: 700;
    height: 2.5em;
    margin: 0 .675em 1.125em 0;
    min-height: 0;
    padding-left: 2.8em;
    text-transform: uppercase;
    width: 10em
}

/*.grade-nav-categories button:nth-of-type() .grade-nav-categories button:last-of-type {*/
/*    margin-right: 0*/
/*}*/

@media(min-width: 640px) {
    .grade-nav-categories {
        display:block
    }
}

@media(min-width: 1024px) {
    .grade-nav-categories {
        margin-top:1.675rem
    }

    .grade-nav-categories button {
        font-size: 1rem
    }
}

@media(min-width: 1280px) {
    .grade-nav-categories button {
        font-size:1.125rem
    }
}

.grade-nav-art-container {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 1251px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.grade-nav-art-container img {
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translateX(-50%);
    width: 153.477218%
}

.feature-list-container {
    /*height: 20.10965rem;*/
}

.feature-list.grade-feature--1 {
    background-color: #ff4664;
    border-top: .25rem solid #ff6675
}

.feature-list.grade-feature--1 .list-minibanner-container,.feature-list.grade-feature--1 .list-title-tabs:before {
    background-color: #bc2448
}

.feature-list.grade-feature--1 .list-title {
    background-color: #ff4664
}

.feature-list.grade-feature--1 .minibanner {
    background-color: #ff4664;
    border-color: #ff4664
}

.feature-list.grade-feature-0 {
    background-color: #f9b408;
    border-top: .25rem solid #ffcd2b
}

.feature-list.grade-feature-0 .list-minibanner-container,.feature-list.grade-feature-0 .list-title-tabs:before {
    background-color: #b5660f
}

.feature-list.grade-feature-0 .list-title {
    background-color: #f9b408
}

.feature-list.grade-feature-0 .minibanner {
    background-color: #f9b408;
    border-color: #f9b408
}

.feature-list.grade-feature-1 {
    background-color: #ff4224;
    border-top: .25rem solid #ff682d
}

.feature-list.grade-feature-1 .list-minibanner-container,.feature-list.grade-feature-1 .list-title-tabs:before {
    background-color: #892020
}

.feature-list.grade-feature-1 .list-title {
    background-color: #ff4224
}

.feature-list.grade-feature-1 .minibanner {
    background-color: #ff4224;
    border-color: #ff4224
}

.feature-list.grade-feature-2 {
    background-color: #1e4fbc;
    border-top: .25rem solid #0a98ef
}

.feature-list.grade-feature-2 .list-minibanner-container,.feature-list.grade-feature-2 .list-title-tabs:before {
    background-color: #29298c
}

.feature-list.grade-feature-2 .list-title {
    background-color: #1e4fbc
}

.feature-list.grade-feature-2 .minibanner {
    background-color: #1e4fbc;
    border-color: #1e4fbc
}

.feature-list.grade-feature-3 {
    background-color: #9ec412;
    border-top: .25rem solid #ced61d
}

.feature-list.grade-feature-3 .list-minibanner-container,.feature-list.grade-feature-3 .list-title-tabs:before {
    background-color: #229149
}

.feature-list.grade-feature-3 .list-title {
    background-color: #9ec412
}

.feature-list.grade-feature-3 .minibanner {
    background-color: #9ec412;
    border-color: #9ec412
}

.feature-list.grade-feature-4 {
    background-color: #ad329b;
    border-top: .25rem solid #cc3ea7
}

.feature-list.grade-feature-4 .list-minibanner-container,.feature-list.grade-feature-4 .list-title-tabs:before {
    background-color: #66247c
}

.feature-list.grade-feature-4 .list-title {
    background-color: #ad329b
}

.feature-list.grade-feature-4 .minibanner {
    background-color: #ad329b;
    border-color: #ad329b
}

.feature-list.grade-feature-5 {
    background-color: #f48e06;
    border-top: .25rem solid #f4b20c
}

.feature-list.grade-feature-5 .list-minibanner-container,.feature-list.grade-feature-5 .list-title-tabs:before {
    background-color: #c14a08
}

.feature-list.grade-feature-5 .list-title {
    background-color: #f48e06
}

.feature-list.grade-feature-5 .minibanner {
    background-color: #f48e06;
    border-color: #f48e06
}

.feature-list.grade-feature-6 {
    background-color: #0ea6aa;
    border-top: .25rem solid #29ccbc
}

.feature-list.grade-feature-6 .list-minibanner-container,.feature-list.grade-feature-6 .list-title-tabs:before {
    background-color: #156468
}

.feature-list.grade-feature-6 .list-title {
    background-color: #0ea6aa
}

.feature-list.grade-feature-6 .minibanner {
    background-color: #0ea6aa;
    border-color: #0ea6aa
}

.grade-category-games {
    border-top-style: solid;
    border-top-width: .25rem;
    box-sizing: border-box;
    padding-bottom: 1rem;
    position: relative;
    text-align: center;
    width: 100%
}

.grade-category-games:before {
    content: "";
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.grade-category-games.letters {
    background-color: #f75c3e;
    border-top-color: #ffd527
}

.grade-category-games.letters .category-btn,.grade-category-games.letters .category-header,.grade-category-games.letters .minibanner,.grade-category-games.letters:before {
    background-color: #fa0;
    border-color: #fa0
}

.grade-category-games.letters .category-btn {
    background-size: 3.1rem 1.8rem
}


.grade-category-games.numbers {
    background-color: #00738e;
    border-top-color: #1dd3de
}

.grade-category-games.numbers .category-btn,.grade-category-games.numbers .category-header,.grade-category-games.numbers .minibanner,.grade-category-games.numbers:before {
    background-color: #0098a8;
    border-color: #0098a8
}

.grade-category-games.numbers .category-btn {
    background-size: 2.7125rem 1.625rem
}


.grade-category-games.holiday {
    background-color: #c6283f;
    border-top-color: #ff7843
}

.grade-category-games.holiday .category-btn,.grade-category-games.holiday .category-header,.grade-category-games.holiday .minibanner,.grade-category-games.holiday:before {
    background-color: #f9432b;
    border-color: #f9432b
}

.grade-category-games.holiday .category-btn {
    background-position: 2rem;
    background-size: 1.9rem 2.4rem
}


.grade-category-games.strategy {
    background-color: #37a064;
    border-top-color: #e0e500
}

.grade-category-games.strategy .category-btn,.grade-category-games.strategy .category-header,.grade-category-games.strategy .minibanner,.grade-category-games.strategy:before {
    background-color: #8fc900;
    border-color: #8fc900
}

.grade-category-games.strategy .category-btn {
    background-position: 2rem;
    background-size: 2.1rem 2.01rem
}


.grade-category-games.skill {
    background-color: #5d25b7;
    border-top-color: #c046f9
}

.grade-category-games.skill .category-btn,.grade-category-games.skill .category-header,.grade-category-games.skill .minibanner,.grade-category-games.skill:before {
    background-color: #9b20f2;
    border-color: #9b20f2
}

.grade-category-games.skill .category-btn {
    background-position: 1.75rem;
    background-size: 2.3rem 2.2rem
}


.grade-category-games.open .grade-games-container {
    display: flex
}

.grade-category-games.open .category-btn:after {
    transform: rotate(180deg)
}

.grade-category-games .minibanner {
    margin: 1.125rem .5rem
}

.grade-category-games .grade-games-container {
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    white-space: normal
}

@media(min-width: 640px) {
    .grade-category-games .grade-games-container {
        display:flex
    }
}

.grade-category-games .category-btn,.grade-category-games .category-header {
    border-radius: 0 0 2.5rem 2.5rem;
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    text-transform: uppercase
}

.grade-category-games .category-btn {
    background-position: 1.5rem;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: .625rem 4rem .3rem 5rem
}

.grade-category-games .category-btn:after {
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center 25%;
    transition: transform .3s;
    width: 2rem;
    will-change: transform
}

.grade-category-games .category-header {
    display: none;
    margin-bottom: 1rem;
    padding: .5rem 2rem .4rem
}

@media(min-width: 640px) {
    .grade-category-games .grade-games-container {
        display:flex
    }

    .grade-category-games .category-btn {
        display: none
    }

    .grade-category-games .category-header {
        display: inline-block
    }
}

.no-webp .grade {
    background-position: top;
    background-size: auto
}


.games {
    background-position: top;
    background-size: auto;
    overflow: visible
}

.games-title {
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    overflow: auto;
    padding: 1rem .625rem .625rem;
    position: relative;
    text-align: center;
    text-shadow: 0 .125rem 0 #fa0;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .games-title {
        font-size:3.5rem;
        padding: 2rem 1rem 1rem;
        text-shadow: 0 .25rem 0 #fa0
    }
}

.games-games {
    background-color: #108c99;
    border-top: .25rem solid #38e57e;
    box-sizing: border-box;
    padding-bottom: 1rem;
    position: relative;
    text-align: center;
    width: 100%
}

.games-games:before {
    background-color: #12cca8;
    content: "";
    display: block;
    height: 1.5rem;
    margin-bottom: 1rem;
    position: relative;
    width: 100%
}

@media(min-width: 1024px) {
    .games-games:before {
        margin-top:-1px
    }
}

.games-games .minibanner {
    background-color: #12cca8;
    border-color: #12cca8;
    margin: 1.125rem .5rem
}

.games-games .games-games-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    white-space: normal
}

.games-games .search-noResults {
    color: #fff
}

.games-nav-art-container {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 1478px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.games-nav-art-container img {
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translateX(-50%);
    width: 129.905%
}

.games-nav-categories {
    height: 19.40965rem;
    overflow: visible;
    position: relative
}

.games-nav-categories .gnc-list {
    background-color: #12cca8;
    border-top: .25rem solid #38e57e!important
}

.games-nav-categories .gnc-list:before {
    background-color: #12cca8;
    content: "";
    display: block;
    height: 1.5rem;
    position: relative;
    width: 100%
}

.games-nav-categories .gnc-list .list-minibanner-container {
    background-color: #108c99;
    padding: 2rem 1rem 1.5rem
}

@media(min-width: 1440px) {
    .games-nav-categories .gnc-list .list-minibanner-container {
        border-top-left-radius:1.375rem;
        border-top-right-radius: 1.375rem
    }
}

.games-nav-categories .gnc-select {
    background-color: #12cca8;
    border-radius: 0 0 2.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: .25rem;
    transform: translateX(-50%)
}

.games-nav-categories .gnc-select div {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 1.1rem;
    padding: .6rem 2.5rem .5rem;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.games-nav-categories .gnc-select div:not(.gnc-select-title) {
    border-top: 2px solid #074142
}

.games-nav-categories .gnc-select .gnc-select-option-subject {
    background-color: #99dd17
}

.games-nav-categories .gnc-select .gnc-select-option-theme {
    background-color: #a05cf7
}

.games-nav-categories .gnc-select .gnc-select-option-genre {
    background-color: #0fb5a9
}

.games-nav-categories .gnc-select .gnc-select-title {
    align-items: center;
    display: flex;
    font-size: 1.3rem
}

.games-nav-categories .gnc-select .gnc-select-title-text {
    flex: 1 1 auto;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-weight: 700;
    white-space: nowrap
}

.games-nav-categories .gnc-select .gnc-select-title-arrow {
    flex: 0 0 auto;
    height: 1em;
    margin-left: 1rem;
    width: auto
}

.games-nav-categories .gnc-select.active {
    border-radius: 0 0 1.375rem 1.375rem;
    box-shadow: 0 1rem 1rem rgba(0,0,0,.1)
}

.games-nav-categories .gnc-select.active .gnc-select-title-arrow {
    height: .75em
}

.games-nav-categories .gnc-select:not(.active) div:not(.gnc-select-title) {
    border: none;
    height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden
}

@media(max-width: 639px) {
    .games-nav-categories .gnc-select {
        border-radius:0 0 1.375rem 1.375rem;
        width: 100%
    }

    .games-nav-categories .gnc-select .gnc-select-title-text {
        white-space: normal
    }
}

.no-webp .games {
    background-position: top;
    background-size: auto
}


.categorygames-wrapper {
    background-position: top;
    background-size: auto;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.categorygames.cgs-theme .categorygames-text {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 30rem;
    padding: 1rem .625rem .2rem;
    position: relative;
    text-align: center;
    width: 100%
}

.categorygames.cgs-theme .categorygames-art-container img {
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translateX(-50%)
}

@media(min-width: 640px) {
    .categorygames.cgs-theme .categorygames-text {
        padding:2rem 1rem .2rem
    }
}

.categorygames.cgs-genre,.categorygames.cgs-subject {
    display: flex;
    flex-flow: column;
    padding: 1rem
}

.categorygames.cgs-genre .categorygames-text,.categorygames.cgs-subject .categorygames-text {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-bottom: .625rem;
    text-align: center
}

.categorygames.cgs-genre .categorygames-art-container,.categorygames.cgs-subject .categorygames-art-container {
    align-items: center;
    display: flex;
    justify-content: center
}

.categorygames.cgs-genre .categorygames-art-container img,.categorygames.cgs-subject .categorygames-art-container img {
    display: inline-block;
    height: auto;
    max-width: 190px;
    width: 100%
}

.categorygames.cgs-genre .categorygames-description,.categorygames.cgs-genre .categorygames-title,.categorygames.cgs-subject .categorygames-description,.categorygames.cgs-subject .categorygames-title {
    position: relative;
    width: 100%;
    word-wrap: normal
}

@media(min-width: 640px) {
    .categorygames.cgs-genre,.categorygames.cgs-subject {
        box-sizing:border-box;
        flex-flow: row;
        margin: 0 auto;
        max-width: 1920px;
        padding: 2rem;
        position: relative;
        width: 100%
    }

    .categorygames.cgs-genre .categorygames-text,.categorygames.cgs-subject .categorygames-text {
        align-items: flex-start;
        flex: 1 0 50%;
        order: 2;
        padding: 0 0 1rem 2rem;
        text-align: left
    }

    .categorygames.cgs-genre .categorygames-title,.categorygames.cgs-subject .categorygames-title {
        margin-bottom: .1em
    }

    .categorygames.cgs-genre .categorygames-art-container,.categorygames.cgs-subject .categorygames-art-container {
        flex: 1 1 50%;
        justify-content: flex-end;
        order: 1;
        padding-right: 2rem
    }

    .categorygames.cgs-genre .categorygames-art-container img,.categorygames.cgs-subject .categorygames-art-container img {
        max-width: 381px
    }
}

.categorygames.cgs-genre {
    padding: 1rem 1rem 0
}

.categorygames.cgs-genre .categorygames-art-container {
    align-items: flex-end;
    line-height: 0
}

.categorygames.cgs-genre .categorygames-art-container img {
    max-width: 300px
}

@media(min-width: 640px) {
    .categorygames.cgs-genre {
        padding:2rem 2rem 0
    }

    .categorygames.cgs-genre .categorygames-art-container img {
        max-width: 508px
    }
}

.categorygames-title {
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase
}

.categorygames-title.cgs-cat {
    text-shadow: 0 .125rem 0 #fa0
}

.categorygames-title.cgs-car {
    text-shadow: 0 .125rem 0 #f9432b
}

.categorygames-title.cgs-animal {
    text-shadow: 0 .125rem 0 #c66f10
}

.categorygames-title.cgs-story {
    text-shadow: 0 .125rem 0 #fa0
}

.categorygames-title.cgs-food {
    text-shadow: 0 .125rem 0 #fcd700
}

.categorygames-title.cgs-robot {
    text-shadow: 0 .125rem 0 #27d8d3
}

.categorygames-title.cgs-sports {
    text-shadow: 0 .125rem 0 #e25442
}

.categorygames-title.cgs-retro {
    text-shadow: 0 .125rem 0 #ffa515
}

.categorygames-title.cgs-space {
    text-shadow: 0 .125rem 0 #2dba9f
}

.categorygames-title.cgs-money {
    text-shadow: 0 .125rem 0 #f9c215
}

.categorygames-title.cgs-math {
    text-shadow: 0 .125rem 0 #0098a8
}

.categorygames-title.cgs-language-arts,.categorygames-title.cgs-writing {
    text-shadow: 0 .125rem 0 #fa0
}

.categorygames-title.cgs-social-studies {
    text-shadow: 0 .125rem 0 #e04b17
}

.categorygames-title.cgs-science {
    text-shadow: 0 .125rem 0 #2bc168
}

.categorygames-title.cgs-typing {
    text-shadow: 0 .125rem 0 #648b91
}

.categorygames-title.cgs-art-music {
    text-shadow: 0 .125rem 0 #9b20f2
}

.categorygames-title.cgs-multiplication {
    text-shadow: 0 .125rem 0 #4d35c4
}

.categorygames-title.cgs-genre {
    text-shadow: 0 .125rem 0 #ef8e00
}

@media(min-width: 640px) {
    .categorygames-title {
        font-size:3rem
    }

    .categorygames-title.cgs-cat {
        text-shadow: 0 .25rem 0 #fa0
    }

    .categorygames-title.cgs-car {
        text-shadow: 0 .25rem 0 #f9432b
    }

    .categorygames-title.cgs-animal {
        text-shadow: 0 .25rem 0 #c66f10
    }

    .categorygames-title.cgs-story {
        text-shadow: 0 .25rem 0 #fa0
    }

    .categorygames-title.cgs-food {
        text-shadow: 0 .25rem 0 #fcd700
    }

    .categorygames-title.cgs-robot {
        text-shadow: 0 .25rem 0 #27d8d3
    }

    .categorygames-title.cgs-sports {
        text-shadow: 0 .25rem 0 #e25442
    }

    .categorygames-title.cgs-retro {
        text-shadow: 0 .25rem 0 #ffa515
    }

    .categorygames-title.cgs-space {
        text-shadow: 0 .25rem 0 #2dba9f
    }

    .categorygames-title.cgs-money {
        text-shadow: 0 .25rem 0 #f9c215
    }

    .categorygames-title.cgs-math {
        text-shadow: 0 .25rem 0 #0098a8
    }

    .categorygames-title.cgs-language-arts,.categorygames-title.cgs-writing {
        text-shadow: 0 .25rem 0 #fa0
    }

    .categorygames-title.cgs-social-studies {
        text-shadow: 0 .25rem 0 #e04b17
    }

    .categorygames-title.cgs-science {
        text-shadow: 0 .25rem 0 #2bc168
    }

    .categorygames-title.cgs-typing {
        text-shadow: 0 .25rem 0 #648b91
    }

    .categorygames-title.cgs-art-music {
        text-shadow: 0 .25rem 0 #9b20f2
    }

    .categorygames-title.cgs-multiplication {
        text-shadow: 0 .25rem 0 #4d35c4
    }

    .categorygames-title.cgs-genre {
        text-shadow: 0 .25rem 0 #ef8e00
    }
}

@media(min-width: 1024px) {
    .categorygames-title {
        font-size:3.5rem
    }
}

.categorygames-description {
    color: #fff;
    font-size: .875rem
}

.categorygames-art-container {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.categorygames-art-container.cgs-cat {
    max-width: 1132px
}

.categorygames-art-container.cgs-cat img {
    width: 169.611307%
}

.categorygames-art-container.cgs-story {
    max-width: 1268px
}

.categorygames-art-container.cgs-story img {
    width: 151.419558%
}

.categorygames-art-container.cgs-car {
    max-width: 1286px
}

.categorygames-art-container.cgs-car img {
    width: 149.300155%
}

.categorygames-art-container.cgs-animal {
    max-width: 1152px
}

.categorygames-art-container.cgs-animal img {
    width: 166.666666%
}

.categorygames-art-container.cgs-food {
    max-width: 1268px
}

.categorygames-art-container.cgs-food img {
    width: 151.419558%
}

.categorygames-art-container.cgs-robot {
    max-width: 1248px
}

.categorygames-art-container.cgs-robot img {
    width: 153.846%
}

.categorygames-art-container.cgs-sports {
    max-width: 1268px
}

.categorygames-art-container.cgs-sports img {
    width: 151.419558%
}

@media(min-width: 640px) {
    .categorygames-art-container.cgs-sports {
        margin-top:-2rem
    }
}

.categorygames-art-container.cgs-retro {
    max-width: 1268px
}

.categorygames-art-container.cgs-retro img {
    width: 151.419558%
}

@media(min-width: 1024px) {
    .categorygames-art-container.cgs-retro {
        margin-top:-2rem
    }
}

.categorygames-art-container.cgs-space {
    max-width: 1311px
}

.categorygames-art-container.cgs-space img {
    width: 104.118993%
}

.categorygames-art-container.cgs-money {
    max-width: 1268px
}

.categorygames-art-container.cgs-money img {
    width: 151.419558%
}

@media(min-width: 640px) {
    .categorygames-art-container.cgs-money {
        margin-top:-.625rem
    }
}

.categorygames-games {
    background-color: #108c99;
    box-sizing: border-box;
    padding-bottom: 1rem;
    position: relative;
    width: 100%
}

.categorygames-games.cgs-premium {
    border-top: .25rem solid #38e57e
}

.categorygames-games.cgs-premium:before {
    background-color: #12cca8;
    content: "";
    display: block;
    height: 1.5rem;
    margin-bottom: 1rem;
    position: relative;
    width: 100%
}

.categorygames-games-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    white-space: normal
}

.categorygames-games-container .minibanner {
    background-color: #12cca8;
    border-color: #12cca8;
    margin: 1.125rem .5rem
}

.no-webp .categorygames-wrapper {
    background-position: top;
    background-size: auto
}


.game {
    background-position: top;
    background-size: auto;
    padding-bottom: 1rem
}

@media(min-width: 768px) {
    .game .button-flat-color.dimensional.auto {
        padding:.6rem 1rem
    }
}

.game .educator-info-category.educator-info-category-1 {
    background-color: #72c853
}

.game .educator-info-category.educator-info-category-1 .educator-info-category-info {
    background-color: #014635
}

.game .educator-info-category.educator-info-category-2 {
    background-color: #41c867
}

.game .educator-info-category.educator-info-category-2 .educator-info-category-info {
    background-color: #01463a
}

.game .educator-info-category.educator-info-category-3 {
    background-color: #3fbb7f
}

.game .educator-info-category.educator-info-category-3 .educator-info-category-info {
    background-color: #01463a
}

.game .educator-info-category.educator-info-category-4 {
    background-color: #3fbba0
}

.game .educator-info-category.educator-info-category-4 .educator-info-category-info {
    background-color: #014646
}

.game .educator-info-category.educator-info-category-5 {
    background-color: #2badad
}

.game .educator-info-category.educator-info-category-5 .educator-info-category-info {
    background-color: #014246
}

.game-title {
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 1rem .625rem;
    text-align: center;
    text-shadow: 0 .125rem 0 #f48e06;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .game-title {
        font-size:3rem;
        padding: 1.25rem;
        text-shadow: 0 .25rem 0 #f48e06
    }
}

.game-a-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    padding: .75rem 0 3rem
}

@media(min-width: 1330px) {
    .game-a-wrapper:not(.game-fun) {
        align-items:flex-start;
        flex-flow: row;
        padding: .75rem 10px 3rem
    }
}

.game-description-wrapper {
    /*max-width: 791px;*/
    padding: 0 12px;
    width: 100%
}

.game-description-wrapper .description {
    color: #fff;
    margin-top: 1rem;
    text-align: center;
    width: 100%
}

.game-description-wrapper .description .description-text {
    line-height: 1.2em;
    margin-bottom: 2rem;
    white-space: normal;
    text-align:left;
    overflow:hidden;
    word-wrap: break-word;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;

}

@media screen and (max-width: 468px){
    /*.game-description-wrapper .description .description-text {*/
    /*    -webkit-line-clamp:8;*/
    /*}*/
}

@media screen and (min-width: 468px){
    /*.game-description-wrapper .description .description-text {*/
    /*    -webkit-line-clamp:4;*/
    /*}*/
}

.game-description-wrapper .game-game-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.game-description-wrapper .game-game-wrapper .game-game {
    position: relative;
    width: 100%
}

.game-description-wrapper .game-game-wrapper .game-game .container {
    background-color: #848479;
    border: 5px solid #848479;
    border-radius: .4375rem;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 74.2746615087%;
    position: relative;
    top: 0;
    width: 100%
}

.game-description-wrapper .game-game-wrapper .game-game .container iframe,.game-description-wrapper .game-game-wrapper .game-game .container object {
    background-color: transparent;
    border: none
}

.game-description-wrapper .game-game-wrapper .game-game .container .html-object,.game-description-wrapper .game-game-wrapper .game-game .container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.game-description-wrapper .game-game-wrapper .game-game.vertical {
    max-width: 435px
}

.game-description-wrapper .game-game-wrapper .game-game.vertical .container {
    padding-top: 131.0580204778%
}

.game-description-wrapper .game-game-wrapper .game-game.arcademics .container {
    padding-top: 56.338028169%
}

.game-description-wrapper .game-game-wrapper .game-game.prerollvideo {
    max-width: 100%!important
}

.game-description-wrapper .game-game-wrapper .game-game.prerollvideo .container {
    padding-top: 55.9585492228%!important
}

.game-description-wrapper .game-game-wrapper .game-game.prerollvideo .ablock-contentmessage {
    display: none
}

@media(min-width: 1024px) {
    .game-description-wrapper .game-game-wrapper {
        height:580px
    }
}

@media(min-width: 1330px) {
    .game-description-wrapper {
        /*max-width:927px;*/
        padding: 0 80px
    }
}

@media(min-width: 1440px) {
    /*.game-description-wrapper {*/
    /*    max-width:1060px*/
    /*}*/

    .game-description-wrapper .game-game-wrapper {
        height: 678px
    }

    .game-description-wrapper .game-game-wrapper .game-game.vertical {
        max-width: 510px
    }
}

li{
    text-align:left;
    padding:.3rem 0;
}

@media(min-width: 1920px) {
    .game-description-wrapper {
        max-width:1194px
    }

    .game-description-wrapper .game-game-wrapper {
        height: 778px
    }

    .game-description-wrapper .game-game-wrapper .game-game.vertical {
        max-width: 586px
    }
}

.game-container-fullscreen {
    display: block;
    height: 100vh;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.game-container-fullscreen iframe,.game-container-fullscreen object {
    border: none;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.game-fullscreen-close {
    display: block;
    height: 2.5rem;
    opacity: .5;
    position: fixed;
    right: .625rem;
    top: 2rem;
    width: 2.5rem
}

.game-fullscreen-close svg {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.game-mobile .a-leader {
    margin-top: 1rem
}

.game-mobile .game-a-wrapper {
    align-items: center;
    flex-flow: column
}

.game-mobile .game-description-wrapper {
    max-width: 400px;
    padding: 0 12px
}

.game-mobile .game-description-wrapper .game-game-wrapper {
    height: auto
}

.game-mobile .game-description-wrapper .game-game-wrapper .game-game {
    max-width: 400px
}

.game-mobile-screenshots {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.game-mobile-screenshots img {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.game-mobile-screenshots .playbutton {
    border-radius: 50%;
    height: 6.25rem;
    width: 6.25rem
}

.game-mobile-screenshots .playbutton svg {
    height: 3.125rem;
    margin: .2rem 0 0 .4rem;
    width: 2.3125rem
}

.game-mobile-home {
    display: inline-flex;
    flex: 0 0 auto;
    flex-flow: row;
    flex-wrap: nowrap;
    left: 0;
    opacity: .5;
    padding: 2px;
    position: fixed;
    top: 0
}

.game-mobile-home svg {
    height: 2.5rem;
    margin: 0 4px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.game-mobile-home.vertical {
    flex-flow: column
}

.game-mobile-home.vertical svg {
    margin: 4px 0 0
}

.game-mobile-home.bottom {
    bottom: 0;
    top: auto
}

.game-mobile-home.bottom.vertical {
    flex-flow: column-reverse
}

.game-mobile-home.right {
    left: auto;
    right: 0
}

.game-mobile-home.right:not(.vertical) {
    flex-flow: row-reverse
}

.game-mobile-game,.game-mobile-rotate,.game-proxy-game {
    height: 100%;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
}

.game-mobile-rotate {
    background-color: #001e27;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.game-proxy-game {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.game-mobile-game iframe,.game-proxy-game iframe {
    background-color: #000;
    border: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(hover: hover)and (pointer:fine) {
    .game-fullscreen-close:active,.game-fullscreen-close:hover {
        opacity:1
    }
}

.no-webp .game {
    background-position: top;
    background-size: auto
}

.printables {
    background-position: top;
    background-size: auto;
    overflow: hidden
}

.printables-title {
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-shadow: 0 .125rem 0 #fa0;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .printables-title {
        font-size:3rem;
        text-shadow: 0 .25rem 0 #fa0
    }
}

@media(min-width: 1024px) {
    .printables-title {
        font-size:3.5rem
    }
}

.printables-text {
    padding: 1rem .625rem .2rem
}

@media(min-width: 640px) {
    .printables-text {
        padding:2rem 1rem 1.5rem
    }
}

.printables-nav-categories {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: .625rem .625rem 1.5rem
}

.printables-nav-categories button {
    background-color: #fff;
    background-position: .5em;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    border-color: #fff;
    box-shadow: 0 .35rem 0 0 #a5b7b6;
    color: #000;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-weight: 700;
    margin: 0 1rem 0 0;
    padding-left: 2.25em;
    padding-right: 2.25em;
    text-transform: uppercase
}

.printables-nav-categories button:last-of-type {
    margin-right: 0
}

@media(max-width: 639px) {
    .printables-nav-categories button {
        margin:0 0 1rem;
        width: 100%
    }

    .printables-nav-categories button:last-of-type {
        margin-bottom: 0
    }
}

.printables-nav-categories button:not([disabled]).active,.printables-nav-categories button:not([disabled]):active {
    background-color: #a5b7b6!important;
    box-shadow: none;
    color: #fff
}

@media(min-width: 640px) {
    .printables-nav-categories {
        flex-flow:row;
        flex-wrap: wrap;
        padding: 1rem
    }

    .printables-nav-categories button {
        margin-bottom: 1.25em;
        padding-right: .5em;
        text-align: left
    }

    .printables-nav-categories button.coloring-pages {
        background-position: .6em;
        background-size: 2.25em 2.25em;
        padding-left: 3.1em
    }

    .printables-nav-categories button.activity-pages {
        background-position: .5em;
        background-size: 2.25em 2.25em;
        padding-left: 3.1em
    }

    .printables-nav-categories button.worksheets {
        background-position: .7em;
        background-size: 1.6em 2.25em;
        padding-left: 2.8em
    }

    .printables-nav-categories button.teacher-resources {
        background-position: .5em;
        background-size: 1.9em 2em;
        padding-left: 2.7em
    }
}

.printables-art-container {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 1133px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.printables-art-container img {
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translateX(-50%);
    width: 169.461%
}

.printable-feature-lists .feature-list .list-minibanner-container {
    padding-top: 1.125rem
}

.printable-feature-lists .feature-list:nth-of-type(odd) {
    background-color: #fa0;
    border-top: .25rem solid #ffd527
}

.printable-feature-lists .feature-list:nth-of-type(odd) .list-minibanner-container,.printable-feature-lists .feature-list:nth-of-type(odd) .list-title-tabs:before {
    background-color: #f77116
}

.printable-feature-lists .feature-list:nth-of-type(odd) .list-title {
    background-color: #fa0
}

.printable-feature-lists .feature-list:nth-of-type(odd) .minibanner {
    background-color: #fa0;
    border-color: #fa0
}

.printable-feature-lists .feature-list:nth-of-type(2n) {
    background-color: #12cca8;
    border-top: .25rem solid #38e57e
}

.printable-feature-lists .feature-list:nth-of-type(2n) .list-minibanner-container,.printable-feature-lists .feature-list:nth-of-type(2n) .list-title-tabs:before {
    background-color: #108c99
}

.printable-feature-lists .feature-list:nth-of-type(2n) .list-title {
    background-color: #12cca8
}

.printable-feature-lists .feature-list:nth-of-type(2n) .minibanner {
    background-color: #12cca8;
    border-color: #12cca8
}

.no-webp .printables {
    background-position: top;
    background-size: auto
}

.categoryprintables {
    background-position: top;
    background-size: auto;
    overflow: visible
}

.categoryprintables .content-search-form.catpr-coloring-pages input:not([type=submit]):not([type=radio]) {
    border-color: #a05cf7
}

.categoryprintables .content-search-form.catpr-activity-pages input:not([type=submit]):not([type=radio]) {
    border-color: #99dd17
}

.categoryprintables .content-search-form.catpr-worksheets input:not([type=submit]):not([type=radio]) {
    border-color: #fa0
}

.categoryprintables .content-search-form.catpr-teacher-resources input:not([type=submit]):not([type=radio]) {
    border-color: #e24829
}

@media(min-width: 640px) {
    .categoryprintables .content-search-form {
        margin-bottom:1rem
    }

    .categoryprintables .content-search-form.catpr-activity-pages {
        margin-bottom: 0
    }

    .categoryprintables .content-search-form.catpr-teacher-resources {
        margin-bottom: 1.5rem
    }
}

.categoryprintables-title {
    align-content: center;
    color: #fff;
    display: flex;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    padding: 1rem .625rem .5rem;
    text-align: center;
    text-transform: uppercase
}

.categoryprintables-title.catpr-coloring-pages {
    text-shadow: 0 .125rem 0 #a05cf7
}

.categoryprintables-title.catpr-activity-pages {
    text-shadow: 0 .125rem 0 #99dd17
}

.categoryprintables-title.catpr-worksheets {
    text-shadow: 0 .125rem 0 #fa0
}

.categoryprintables-title.catpr-teacher-resources {
    text-shadow: 0 .125rem 0 #e24829
}

@media(min-width: 640px) {
    .categoryprintables-title {
        font-size:3.5rem;
        padding: 2rem 1rem
    }

    .categoryprintables-title.catpr-coloring-pages {
        text-shadow: 0 .25rem 0 #a05cf7
    }

    .categoryprintables-title.catpr-activity-pages {
        text-shadow: 0 .25rem 0 #99dd17
    }

    .categoryprintables-title.catpr-worksheets {
        text-shadow: 0 .25rem 0 #fa0
    }

    .categoryprintables-title.catpr-teacher-resources {
        text-shadow: 0 .25rem 0 #e24829
    }
}

.categoryprintables-title-premium {
    cursor: pointer;
    height: .892857em;
    margin-left: .2em;
    width: 1.2823em
}

.categoryprintables-title-premium.catpr-premium [class$=catpr-shimmer] {
    animation: catpr-premium-shimmer 5s linear infinite alternate;
    transform: translateX(-50%);
    will-change: transform,opacity
}

.categoryprintables-title-premium.catpr-premium [class$=catpr-flare1] {
    animation: catpr-premium-flare1 5s linear infinite alternate;
    transform-origin: 38.2% 27.2%;
    will-change: transform,opacity
}

.categoryprintables-title-premium.catpr-premium [class$=catpr-flare2] {
    animation: catpr-premium-flare2 5s linear infinite alternate;
    transform-origin: 80.89% 67.27%;
    will-change: transform,opacity
}

.categoryprintables-nav-art-container {
    height: auto;
    line-height: 1;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.categoryprintables-nav-art-container img {
    display: block;
    height: auto;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translateX(-50%)
}

.categoryprintables-nav-art-container.catpr-coloring-pages {
    max-width: 1210px
}

.categoryprintables-nav-art-container.catpr-coloring-pages img {
    width: 158.677%
}

.categoryprintables-nav-art-container.catpr-activity-pages {
    max-width: 1132px
}

.categoryprintables-nav-art-container.catpr-activity-pages img {
    width: 169.611307%
}

.categoryprintables-nav-art-container.catpr-worksheets {
    max-width: 1132px
}

.categoryprintables-nav-art-container.catpr-worksheets img {
    width: 169.611307%
}

.categoryprintables-nav-art-container.catpr-teacher-resources {
    max-width: 1132px
}

.categoryprintables-nav-art-container.catpr-teacher-resources img {
    width: 169.611307%
}

.printable-subcategory-nav {
    height: 17.90965rem
}

.categoryprintables-list {
    background-color: #12cca8;
    border-top: .25rem solid #38e57e!important
}

.categoryprintables-list:before {
    background-color: #12cca8;
    content: "";
    display: block;
    height: 1.5rem;
    position: relative;
    width: 100%
}

.categoryprintables-list .list-minibanner-container {
    background-color: #108c99
}

@media(min-width: 1440px) {
    .categoryprintables-list .list-minibanner-container {
        border-top-left-radius:1.375rem;
        border-top-right-radius: 1.375rem
    }
}

.categoryprintables-printables {
    background-color: #108c99;
    border-top: .25rem solid #38e57e;
    box-sizing: border-box;
    padding-bottom: 1rem;
    position: relative;
    text-align: center;
    width: 100%
}

.categoryprintables-printables:before {
    background-color: #12cca8;
    content: "";
    display: block;
    height: 1.5rem;
    margin-bottom: 1rem;
    position: relative;
    width: 100%
}

@media(min-width: 1024px) {
    .categoryprintables-printables:before {
        margin-top:-1px
    }
}

.categoryprintables-printables .minibanner {
    background-color: #12cca8;
    border-color: #12cca8;
    margin: 1.125rem .5rem
}

.categoryprintables-printables .categoryprintables-printables-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
    white-space: normal
}

.categoryprintables-printables .categoryprintables-printables-container .catpr-loadmore {
    margin: .5em 0;
    width: 100%
}

.categoryprintables-printables .search-noResults {
    color: #fff
}

@keyframes catpr-premium-shimmer {
    0% {
        opacity: 0
    }

    15% {
        opacity: 0;
        transform: translateX(-50%)
    }

    30% {
        opacity: .4
    }

    70% {
        opacity: .4
    }

    85% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 0
    }
}

@keyframes catpr-premium-flare1 {
    0% {
        opacity: 0;
        transform: rotate(1turn)
    }

    20% {
        opacity: 0;
        transform: rotate(1turn)
    }

    35% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: rotate(0deg)
    }

    to {
        opacity: 0;
        transform: rotate(0deg)
    }
}

@keyframes catpr-premium-flare2 {
    0% {
        opacity: 0;
        transform: rotate(1turn)
    }

    40% {
        opacity: 0;
        transform: rotate(1turn)
    }

    65% {
        opacity: 1
    }

    80% {
        opacity: 0;
        transform: rotate(0deg)
    }

    to {
        opacity: 0;
        transform: rotate(0deg)
    }
}

.no-webp .categoryprintables {
    background-position: top;
    background-size: auto
}



.printable {
    background-position: top;
    background-size: auto;
    padding-bottom: 1rem
}

@media(min-width: 768px) {
    .printable .button-flat-color.dimensional.auto {
        padding:.6rem 1rem
    }
}

.printable-title {
    color: #fff;
    font-family: bpreplay,bpreplay_fallback,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    padding: 1rem .625rem;
    text-align: center;
    text-shadow: 0 .125rem 0 #fa0;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .printable-title {
        font-size:3rem;
        padding: 1.25rem;
        text-shadow: 0 .25rem 0 #fa0
    }
}

.printable-a-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1554px;
    padding: 1.75rem 0 3rem
}

@media(min-width: 1330px) {
    .printable-a-wrapper {
        align-items:flex-start;
        flex-flow: row;
        padding: 1.75rem 10px 3rem
    }
}

.printable-description-wrapper {
    max-width: 761px;
    padding: 0 12px;
    width: 100%
}

.printable-description-wrapper .printable-page-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.printable-description-wrapper .printable-page-wrapper .printable-page {
    position: relative;
    width: 100%
}

.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container {
    background-color: #848479;
    border: 5px solid #848479;
    border-radius: .4375rem;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding-top: 77.2727272727%;
    position: relative;
    top: 0;
    width: 100%
}

.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .pdf-document,.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .pdf-page {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .pdf-document canvas,.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .pdf-document svg,.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .pdf-page canvas,.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .pdf-page svg {
    display: block;
    height: 100%!important;
    position: relative;
    width: 100%!important
}

.printable-description-wrapper .printable-page-wrapper .printable-page .printable-container .main-loading-wrapper.absolute {
    z-index: auto!important
}

.printable-description-wrapper .printable-page-wrapper .printable-page.vertical {
    max-width: 440px
}

.printable-description-wrapper .printable-page-wrapper .printable-page.vertical .printable-container {
    padding-top: 129.4117647059%
}

@media(min-width: 1024px) {
    .printable-description-wrapper .printable-page-wrapper {
        height:580px
    }

    .printable-description-wrapper .printable-page-wrapper.pdf {
        height: 630px
    }
}

@media(min-width: 1330px) {
    .printable-description-wrapper {
        max-width:897px;
        padding: 0 80px
    }
}

@media(min-width: 1440px) {
    .printable-description-wrapper {
        max-width:937px
    }

    .printable-description-wrapper .printable-page-wrapper {
        height: 610px
    }

    .printable-description-wrapper .printable-page-wrapper.pdf {
        height: 660px
    }

    .printable-description-wrapper .printable-page-wrapper .printable-page.vertical {
        max-width: 464px
    }
}

.printable-description {
    color: #fff;
    margin-top: 1rem;
    text-align: center;
    width: 100%
}

.printable-description .description-text {
    line-height: 1.2em;
    margin-bottom: 10px;
    white-space: normal
}

.printable-screenshot {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.printable-mobile .a-leader {
    margin-top: 1rem
}

.printable-mobile .printable-a-wrapper {
    align-items: center;
    flex-flow: column
}

.printable-pdf-nav {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.printable-pdf-nav .inline-arrow {
    margin: 0
}

.printable-pdf-nav .static-label {
    padding: 0 1em
}

.printable-print-container {
    align-items: center;
    background-color: rgba(102,233,247,.2);
    box-sizing: border-box;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.printable-print-container img {
    height: auto;
    width: 10rem
}

@media(min-width: 640px) {
    .printable-print-container img {
        width:11rem
    }
}

@media(min-width: 1920px) {
    .printable-print-container img {
        width:13.8rem
    }
}

.printable-print-container .printable-icon-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.printable-print-container .printable-icon-text {
    color: #fff;
    font-size: 1.8rem;
    left: 50%;
    position: absolute;
    top: 85%;
    transform: translate(-50%,-50%)
}

@media(hover: hover)and (pointer:fine) {
    .printable-container:hover .printable-print-container {
        display:flex
    }
}

.no-webp .printable {
    background-position: top;
    background-size: auto
}

.manage h1 {
    color: #8e4aba
}

.manage .plans-wrapper .plans-subs .sub-card {
    color: #fff
}

.manage .plans-wrapper .plans-subs .sub-card.active .sub-card-disclaimer {
    color: #91b3b7
}

.manage .plans-wrapper.family .plans-subs .sub-card {
    background-color: #00a39b
}

.manage .plans-wrapper.family .plans-subs .sub-card.active {
    background-color: #fff;
    border-color: #00a39b;
    color: #00a39b
}

.manage .plans-wrapper.family .plans-subs .sub-card.active .sub-card-title {
    color: #8fc900
}

.manage .plans-wrapper.classroom .plans-subs .sub-card {
    background-color: #3581a3
}


.manage .plans-wrapper.classroom .plans-subs .sub-card.active {
    background-color: #fff;
    border-color: #3581a3;
    color: #3581a3
}

.manage .plans-wrapper.classroom .plans-subs .sub-card.active .sub-card-title {
    color: #23c3e8
}

.manage .plans-wrapper.school .plans-title {
    margin-bottom: 1rem
}

.manage .plans-wrapper.school .plans-subs {
    margin-top: 2rem
}

.manage .plans-wrapper.school .plans-subs .sub-card {
    background-color: #6e57c1
}


.manage .plans-wrapper.school .plans-subs .sub-card.active {
    background-color: #fff;
    border-color: #6e57c1;
    color: #6e57c1
}

.manage .plans-wrapper.school .plans-subs .sub-card.active .sub-card-title {
    color: #bc5fff
}

.manage .plans-title {
    font-size: 1.25rem;
    margin: 1rem 0 0
}

.manage .planselect {
    margin-bottom: 1.5rem
}

.manage .plans-promo-description {
    margin-bottom: 2rem
}

.manage .plans-promo-disclaimer {
    margin: 1.125rem 0
}

.manage .subscribe-features-container {
    margin-top: 1.5rem;
    padding: 0
}

.manage .form-terms {
    margin: 0
}

.manage-form-footer {
    margin-top: 1rem
}

.manage-account-url .current-value {
    overflow: auto;
    overflow-wrap: break-word;
    text-overflow: clip;
    white-space: normal
}

.manage-subscription-periodend {
    overflow: auto;
    text-align: center
}

.tools h1 {
    color: #f2ca06
}

.tools h2 {
    margin-bottom: .625rem
}

.tools .instructions {
    color: #91b3b7;
    margin-bottom: 1.25rem
}

@media(min-width: 640px) {
    .tools .instructions {
        font-size:.875rem
    }
}

.tools .controls .control {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.tools .controls .control label {
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    left: auto;
    line-height: 1em;
    margin-bottom: .1em;
    position: relative;
    top: auto;
    width: 100%
}

.tools .control-button {
    align-content: center;
    align-items: center;
    background-color: #e24829;
    border: 1px solid #e24829;
    border-radius: .4375rem;
    color: #fff;
    display: flex;
    font-size: 1.25rem;
    justify-content: center;
    text-transform: uppercase
}

.tools .control-button svg {
    flex: 0 0 auto;
    height: 1.125rem;
    margin: 0 0 0 .625rem;
    padding: 0;
    transform: rotate(90deg);
    width: 1.5625rem
}

.tools .control-button:not([disabled]):active {
    background-color: #fff;
    color: #e24829
}

.tools .control-button.active {
    background-color: #8fc900;
    border-color: #8fc900
}

.tools .control-button.active svg {
    transform: rotate(-90deg)
}

.tools .control-button.active:not([disabled]):active {
    background-color: #fff;
    color: #8fc900
}

.tools-category,.tools-favorite,.tools-timer {
    text-align: center
}

.tools-timer-controls .controls .control:first-of-type {
    margin-right: 2rem
}

.tools-timer-controls .controls .control:nth-of-type(2) {
    margin-right: .5rem
}

.tools-timer-controls .control-button,.tools-timer-controls .tools-timer-select {
    height: 3.6rem
}

.tools-timer-controls .control-button {
    padding: .4rem .625rem;
    width: 6.25rem
}

.tools-timer-controls .control-button.la {
    width: 12rem
}

.tools-timer-controls .tools-timer-select {
    background-position: right .25em center;
    background-size: 1em 1.875em;
    font-size: 1.25rem;
    margin: 0;
    padding: .3em 1.3em .3em .5em;
    -moz-text-align-last: center;
    text-align-last: center;
    width: 5rem
}

.tools-category .controls {
    margin: 0 -1rem -1rem 0
}

.tools-category .controls .control {
    margin: 0 1rem 1rem 0
}

.tools-category .control-button {
    flex-flow: column-reverse;
    height: 6.25rem;
    padding: 1.5rem;
    /*padding: .5;*/
    width: 6.25rem
}

.tools-category .control-button svg {
    height: 2.76rem;
    margin: 0 0 .625rem;
    transform: rotate(0deg);
    width: 2.125rem
}

.tools-category .control-button.active svg {
    transform: rotate(0deg)
}

.tools-category .control-button.la {
    height: 10rem;
    width: 10rem
}

.tools-category .control-button.la svg {
    height: 4.416rem;
    width: 3.4rem
}

.tools-timer-countdown {
    margin-top: 1rem
}

.tools-favorite {
    overflow: hidden
}

.tools-favorite .controls {
    margin: .625rem -.625rem -.625rem 0
}

.tools-favorite .controls .control {
    border-radius: 1.375rem 1.375rem 0 0;
    margin: 0 .625rem .625rem 0;
    overflow: hidden;
    width: 11.11rem
}

.tools-favorite .controls .control label {
    margin: .4em 0 0
}

@media(min-width: 640px) {
    .tools-favorite .controls {
        margin:1rem -2rem -1rem 0
    }

    .tools-favorite .controls .control {
        margin: 0 2rem 1rem 0
    }
}

.tools-favorite-game {
    border-radius: 1rem;
    display: block;
    height: auto;
    position: relative;
    width: 100%
}

.tools-favorite-game .favorite-game-art {
    border-radius: 0 0 1.375rem 1.375rem;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.faq h1 {
    margin-bottom: 0
}

.faq .toggle-title:not(.active).faq-section-0 {
    background-color: #3581a3
}

.faq .toggle-title:not(.active).faq-section-1 {
    background-color: #00a39b
}

.faq .toggle-title:not(.active).faq-section-2 {
    background-color: #8fc900
}

.faq .toggle-title:not(.active).faq-section-3 {
    background-color: #f2ca06
}

.faq .toggle-title:not(.active).faq-section-4 {
    background-color: #f78c19
}

.faq .toggle-title.active.faq-section-0 {
    border-color: #3581a3;
    color: #3581a3
}

.faq .toggle-title.active.faq-section-1 {
    border-color: #00a39b;
    color: #00a39b
}

.faq .toggle-title.active.faq-section-2 {
    border-color: #8fc900;
    color: #8fc900
}

.faq .toggle-title.active.faq-section-3 {
    border-color: #f2ca06;
    color: #f2ca06
}

.faq .toggle-title.active.faq-section-4 {
    border-color: #f78c19;
    color: #f78c19
}

.faq .pt-nav .button-flat-color {
    min-width: 12.975rem;
    width: auto
}

.faq .content-search-form input:not([type=submit]):not([type=radio]) {
    border-color: #91b3b7
}

.faq .content-search-form .search-clear,.faq .content-search-form .search-submit {
    color: #8fc900
}

.faq-contactus-form button[type=submit] {
    width: 8.875rem
}

.faq-contactus-form-footer {
    color: #91b3b7;
    margin-top: 1rem
}

.faq-contactus-form-footer p:first-of-type {
    font-size: 1em
}

.faq-contactus-form-footer p {
    font-size: .75rem;
    margin-top: .5em
}

.faq-contactus-form-footer a {
    color: #91b3b7
}

.faq-apps-nativelist {
    display: block;
    list-style: none;
    margin: .5rem 0 0;
    padding: 0
}

.faq-apps-nativelist li {
    display: inline-block;
    margin: 0 1rem 1rem 0;
    padding: 0;
    vertical-align: top
}

.faq-apps-nativelist li img {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 7.5rem
}

.standards h1 {
    color: #8fc900;
    margin-bottom: 1rem
}

.standards h2 {
    color: #91b3b7;
    font-weight: 400;
    margin-bottom: 0
}

.standards-search-wrapper.padded {
    padding-top: 0
}

.standards-search-wrapper .content-search-form {
    margin-bottom: 0
}

.standards-search-wrapper .content-search-form input:not([type=submit]):not([type=radio]) {
    border-color: #91b3b7
}

.standards-search-wrapper .content-search-form .search-clear,.standards-search-wrapper .content-search-form .search-submit {
    color: #99dd17
}

.standards-content,.standards-standard-content {
    box-sizing: border-box;
    padding-bottom: 1rem;
    position: relative;
    text-align: center;
    width: 100%
}

.standards-content .minibanner,.standards-standard-content .minibanner {
    border: none;
    margin: 1.125rem .5rem;
    width: 11.11rem
}

.standards-content .minibanner.mb-portrait .minibanner-art,.standards-standard-content .minibanner.mb-portrait .minibanner-art {
    height: 14.60965rem
}

.standards-content .minibanner-art,.standards-standard-content .minibanner-art {
    background-color: #99dd17;
    border: .125rem solid #99dd17;
    height: 11.11rem;
    width: 11.11rem
}

.standards-content .minibanner-label,.standards-standard-content .minibanner-label {
    color: #38352f
}

.standards-content,.standards-content .minibanner {
    background-color: #fff
}

.standards-standard-content,.standards-standard-content .minibanner {
    background-color: #f4f4f4
}

.standards-standard-content.ssc-printables,.standards-standard-content.ssc-printables .minibanner {
    background-color: #fff
}

.standards-content-header {
    color: #91b3b7;
    font-size: 1.5rem;
    line-height: 1;
    padding: .8em 0 .7em;
    text-align: center;
    text-transform: uppercase
}

.standards-content-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    white-space: normal
}

.standards-content-container .search-noResults {
    padding: 1.5em 1em .5em
}

.feedback h2 {
    margin: 1em 0
}

.feedback .planselect {
    margin-bottom: 1.5rem
}

.feedback-form-footer {
    color: #91b3b7;
    margin-top: 2rem
}

.feedback-form-footer p {
    font-size: .75rem;
    margin-top: .5em
}

.feedback-form-footer a {
    color: #91b3b7
}

.story h1 {
    color: #f78c19;
    margin-bottom: 0
}

.terms h1 {
    color: #c14dc4;
    margin-bottom: 0
}

.terms .toggle-title:not(.active) {
    background-color: #c14dc4
}

.terms .toggle-title.active {
    border-color: #c14dc4;
    color: #c14dc4
}

.privacy h1 {
    color: #3581a3;
    margin-bottom: 0
}

.privacy .toggle-title:not(.active) {
    background-color: #3581a3
}

.privacy .toggle-title.active {
    border-color: #3581a3;
    color: #3581a3
}

.privacymobile h1 {
    color: #545da3;
    margin-bottom: 0
}

.payterms h1 {
    color: #8e4aba;
    margin-bottom: 0
}

.pt-nav-standards {
    text-transform: uppercase
}

.pt-nav {
    display: flex;
    flex-flow: column;
    justify-content: center;
    overflow: hidden
}

.pt-nav button {
    margin: 0 1rem 0 0;
    text-transform: uppercase
}

.pt-nav button:last-of-type {
    margin-right: 0
}

@media(max-width: 639px) {
    .pt-nav button {
        margin:0 0 1rem;
        width: 100%
    }

    .pt-nav button:last-of-type {
        margin-bottom: 0
    }
}

.pt-nav .button-unit {
    display: flex;
    flex-flow: column;
    margin-top: 1rem
}

@media(min-width: 640px) {
    .pt-nav {
        flex-flow:row;
        flex-wrap: wrap
    }

    .pt-nav .button-unit {
        flex-flow: row;
        margin-top: 0
    }

    .pt-nav button {
        margin: 0 .5rem .5rem 0
    }

    .pt-nav button:last-of-type {
        margin-right: .5rem
    }
}

.pt-caption {
    margin-bottom: 1.5rem;
    text-align: center
}

.pt-date-caption {
    color: #00a39b;
    margin-bottom: .5rem
}

.pt-date-caption,.pt-footer-container {
    text-align: center
}

.pt-footer-container h2 {
    margin-bottom: 1rem
}

.search {
    background-position: top;
    background-size: auto
}

.search-container {
    background-color: #f4f4f4;
    max-width: 62.5rem;
    overflow: auto
}

.search-container>div:nth-child(odd) {
    background-color: #fff
}

.search-container>div:nth-child(2n) {
    background-color: #f4f4f4
}

.search-filter-nav {
    color: #91b3b7;
    padding: 1rem
}

.search-filter-nav .pt-nav {
    padding: 1rem 1px
}

.search-filter-nav .pt-nav .button-flat-color {
    text-transform: uppercase;
    width: auto
}

@media(min-width: 640px) {
    .search-filter-nav .pt-nav {
        flex-wrap:nowrap
    }

    .search-filter-nav .pt-nav .button-flat-color {
        flex: 1 1 auto;
        font-size: 1rem;
        max-width: 11rem
    }
}

.search-noresults {
    font-style: italic;
    font-weight: 700;
    padding: 1rem;
    text-align: center
}

.search-result {
    display: block;
    overflow: auto;
    padding: 1rem;
    text-decoration: none
}

.search-result:not(.result-type-faq) {
    cursor: pointer
}

.search-result.result-type-game .search-result-image-image {
    border-radius: .4375rem;
    height: 4rem
}

.search-result.result-type-printable .search-result-image-image {
    height: 5.24rem
}

@media(min-width: 640px) {
    .search-result {
        display:flex
    }

    .search-result.result-type-game .search-result-image-image {
        height: 8.125rem
    }

    .search-result.result-type-printable .search-result-image-image {
        height: 10.64375rem
    }
}

.search-result-image {
    flex: 0 0 auto;
    float: right;
    padding: 0 0 .5rem .5rem
}

@media(min-width: 640px) {
    .search-result-image {
        float:none;
        padding: 0 1rem 0 0
    }
}

.search-result-image-image {
    height: auto;
    width: 4rem
}

@media(min-width: 640px) {
    .search-result-image-image {
        width:8.125rem
    }
}

.search-result-text {
    flex: 0 1 auto
}

.search-result-text-title {
    color: #23c3e8;
    font-size: 1.3rem;
    margin-bottom: 1rem
}

.search-result-text-qna {
    color: #91b3b7;
    font-size: .75rem;
    font-weight: 700
}

.search-result-text-links {
    margin: .625rem 0 0
}

.search-result-text-links strong {
    margin-right: .625rem
}

.search-result-text-links a {
    display: inline-block;
    margin-right: .625rem
}

.search-result-text-links a:not(:last-child):after {
    content: ", "
}

@media(min-width: 640px) {
    .search-result-text-links {
        font-size:.875rem
    }
}

.search-page-nav {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 1rem .5rem 1rem 1rem
}

.search-page-nav .directional-button {
    flex: 1 0 auto;
    order: 1
}

.search-page-nav .button-flat-color {
    height: 2.75rem;
    margin: 0 .5rem .5rem 0;
    white-space: nowrap
}

@media(min-width: 640px) {
    .search-page-nav {
        flex-wrap:nowrap
    }

    .search-page-nav .directional-button {
        flex: 0 0 auto
    }

    .search-page-nav .directional-button.forward {
        order: 3
    }
}

.search-page-nav-tabs {
    flex: 1 0 auto;
    order: 3;
    text-align: center;
    width: 100%
}

.search-page-nav-tabs .tab {
    line-height: 1em;
    overflow: hidden;
    padding: 0;
    width: 2.75rem
}

.search-page-nav-tabs .tab:before {
    display: none
}

@media(min-width: 640px) {
    .search-page-nav-tabs {
        flex:1 1 auto;
        order: 2;
        width: auto
    }
}

.no-webp .search {
    background-position: top;
    background-size: auto
}


.blog h1 {
    color: #00a39b;
    margin-bottom: 0
}

.blog .content-search-form {
    margin-bottom: 1.125rem
}

.blog .content-search-form input:not([type=submit]):not([type=radio]) {
    border-color: #91b3b7
}

.blog .content-search-form .search-clear,.blog .content-search-form .search-submit {
    color: #00a39b
}

.blog-medium-container,.blog-post-body,.blog-posts-container {
    padding: 0
}

.blog-minibanner {
    background-color: #fff;
    border: 1px solid #00a39b;
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex: 0 1 auto;
    flex-flow: column;
    font-size: .875rem;
    height: 15rem;
    text-decoration: none;
    width: 11.8rem
}

.blog-minibanner.featured {
    font-size: 1rem;
    height: auto;
    max-width: 48.75rem;
    width: 100%
}

.blog-minibanner.featured .blog-minibanner-text {
    padding: 1.125em
}

.blog-minibanner.featured .blog-minibanner-desc {
    display: block;
    margin-bottom: .5em
}

.blog-minibanner.featured .blog-minibanner-title {
    flex: 0 0 auto;
    font-size: 1.4em;
    margin-bottom: .7em;
    overflow: hidden
}

@media(min-width: 768px) {
    .blog-minibanner.featured {
        flex-flow:row;
        height: 21rem
    }

    .blog-minibanner.featured .blog-minibanner-image {
        height: 100%;
        padding: 0;
        width: 68.5%
    }
}

@media(hover: hover)and (pointer:fine) {
    .blog-minibanner:active,.blog-minibanner:hover {
        color:#000
    }

    .blog-minibanner .more:active,.blog-minibanner .more:hover {
        color: #f77116
    }
}

.blog-minibanner-image {
    background-position: 50%;
    background-size: cover;
    flex: 0 0 auto;
    height: 50%;
    overflow: hidden;
    width: 100%
}

.blog-minibanner-text {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    overflow: hidden;
    padding: .75em
}

.blog-minibanner-text .more {
    color: #00a39b;
    display: block;
    flex: 0 0 auto;
    font-weight: 700
}

.blog-minibanner-desc {
    display: none;
    flex: 1 1 auto;
    margin-bottom: .25em;
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width: 768px) {
    .blog-minibanner-desc {
        display:block
    }
}

.blog-minibanner-title {
    display: -webkit-box;
    flex: 1 0 auto;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: .4em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.1em;
    max-height: 3.3em
}

@media(min-width: 768px) {
    .blog-minibanner-title {
        flex:0 0 auto;
        line-height: 1.125em;
        max-height: 3.375em
    }
}

.blog-posts-wrapper.padded {
    padding-bottom: 0;
    padding-right: 0
}

.blog-posts-wrapper.padded h2 {
    padding-right: 1rem
}

@media(min-width: 640px) {
    .blog-posts-wrapper.padded {
        padding-left:1.5rem
    }

    .blog-posts-wrapper.padded h2 {
        padding-right: 1.5rem
    }
}

.blog-posts-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.blog-posts-container .blog-minibanner {
    margin: 0 1rem 1rem 0
}

@media(min-width: 640px) {
    .blog-posts-container .blog-minibanner {
        margin:0 1.5rem 1.5rem 0
    }
}

@media(min-width: 768px) {
    .blog-posts-container .blog-minibanner {
        height:20.75rem;
        width: calc(33.333% - 1.5rem)
    }

    .blog-posts-container .blog-minibanner .blog-minibanner-image {
        height: 43%
    }
}

@media(min-width: 1440px) {
    .blog-posts-container .blog-minibanner {
        height:21.875rem
    }
}

.blog-more-container {
    flex: 0 0 auto;
    padding-bottom: 1rem;
    padding-right: 1rem;
    text-align: center;
    width: 100%
}

.blog-more-container .button-flat-color {
    min-width: 11rem
}

@media(min-width: 640px) {
    .blog-more-container {
        padding-bottom:1.5rem;
        padding-right: 1.5rem
    }
}

.blog-post h1 {
    color: #00a39b;
    font-size: 2rem;
    margin-bottom: .875rem
}

@media(min-width: 768px) {
    .blog-post h1 {
        font-size:3rem
    }
}

.blog-post .blog-posts-wrapper {
    padding-bottom: .5rem
}

.blog-post .pt-date-caption {
    margin-bottom: 0
}

.blog-post-image {
    display: block;
    height: auto;
    width: 100%
}

.blog-post-body h1 a,.blog-post-body h1 a:active,.blog-post-body h1 a:hover,.blog-post-body h2 a,.blog-post-body h2 a:active,.blog-post-body h2 a:hover,.blog-post-body h3 a,.blog-post-body h3 a:active,.blog-post-body h3 a:hover {
    text-decoration: none
}

.blog-post-body h1 {
    color: #00a39b;
    font-size: 1.625rem;
    font-style: italic;
    margin: .5em 0
}

.blog-post-body h1 * {
    text-align: center!important
}

@media(min-width: 768px) {
    .blog-post-body h1 {
        font-size:2.625rem
    }
}

.blog-post-body h2 {
    font-size: 1.375rem;
    margin: 0 0 .5em;
    text-align: left
}

.blog-post-body h2:after {
    display: none
}

.blog-post-body h3 {
    font-size: 1.125rem;
    margin: 0 0 .5em;
    text-align: left
}

.team h1 {
    color: #f2ca06;
    margin-bottom: 1rem
}

.team .subtitle {
    color: #38352f;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 1em;
    padding: 0;
    text-align: center
}

@media(min-width: 640px) {
    .team .subtitle {
        font-size:1.75rem
    }
}

.team-container {
    max-width: 46rem;
    padding-left: 1rem;
    text-align: center
}

@media(min-width: 640px) {
    .team-container {
        padding-left:2rem
    }
}

.team-member,.team-member-double,.team-member-single,.team-member-triple {
    background-color: #91b3b7;
    border-radius: 6.25rem 6.25rem .4375rem .4375rem;
    color: #fff;
    flex-flow: column;
    height: auto;
    margin-bottom: 1rem;
    margin-right: 1rem;
    max-height: 21rem;
    text-align: center
}

@media(min-width: 640px) {
    .team-member,.team-member-double,.team-member-single,.team-member-triple {
        margin-bottom:1.5rem;
        margin-right: 2rem
    }
}

.team-member-single {
    display: inline-flex;
    width: 12.5rem
}

.team-member-double,.team-member-triple {
    border-top-left-radius: 30%;
    border-top-right-radius: 30%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%
}

.team-member-double {
    max-width: 26.75rem
}

.team-member-triple {
    max-width: 34rem
}

.team-member-artwork {
    border: .25rem solid #91b3b7;
    border-radius: 6.25rem;
    flex: 0 0 auto;
    height: auto;
    margin-bottom: .4rem;
    width: 100%
}

.team-member-column-container,.team-member-text-container {
    box-sizing: border-box;
    flex: 1 1 auto;
    overflow: hidden;
    padding: .5rem;
    width: 100%
}

.team-member-text-name {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .1rem
}

.team-member-text-job {
    font-size: .875rem
}

.team-member-text-job div {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.4em;
    line-height: 1.2em
}

.team-member-text-favorite {
    font-size: .75rem
}

.team-member-text-favorite a,.team-member-text-favorite a:active,.team-member-text-favorite a:hover,.team-member-text-favorite a:link,.team-member-text-favorite a:visited {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    font-weight: 700;
    line-height: 1.4em;
    max-height: 1.4em
}

.team-member-text-favorite:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    margin: .4rem 35%;
    position: relative
}

.team-member-column-container {
    display: flex;
    flex-flow: row
}

.team-member-column-container-column {
    box-sizing: border-box;
    flex: 1
}

.testimonials-header {
    text-align: center
}

.testimonials-header h1 {
    color: #8fc900
}

.testimonials-wrapper.padded {
    padding-left: 0;
    padding-right: 0
}

.testimonials-container {
    display: flex;
    flex-flow: column;
    max-width: 60.875rem;
    overflow: hidden;
    padding: 0 0 0 1rem
}

@media(min-width: 640px) {
    .testimonials-container {
        align-content:flex-start;
        align-items: flex-start;
        flex-flow: row;
        flex-wrap: wrap;
        padding-left: 2rem
    }
}

.testimonials-testimony,.testimonials-testimony-full {
    font-size: 1.125rem;
    margin: 0 1rem 1rem 0
}

@media(min-width: 640px) {
    .testimonials-testimony,.testimonials-testimony-full {
        flex:0 0 auto;
        margin: 0 2rem 2rem 0;
        width: calc(50% - 2rem)
    }
}

.testimonials-testimony-full {
    width: calc(100% - 1rem)
}

@media(min-width: 640px) {
    .testimonials-testimony-full {
        width:calc(100% - 2rem)
    }
}

.testimonials-testimony-quote {
    background-color: #8fc900;
    border-radius: 1em;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.4em;
    padding: 1rem
}

.testimonials-testimony-quote strong {
    font-weight: 900
}

.testimonials-testimony-quote .nowrap {
    white-space: nowrap
}

@media(min-width: 640px) {
    .testimonials-testimony-quote {
        padding:1.5rem
    }
}

.testimonials-testimony-fancyquote,.testimonials-testimony-fancyquote-end {
    color: #c9f414;
    display: inline-block;
    font-family: serif;
    font-size: 2.5em;
    font-weight: 700;
    height: 1em;
    line-height: 1em;
    margin-bottom: -.5em;
    overflow: hidden
}

.testimonials-testimony-fancyquote {
    margin-right: .1em
}

.testimonials-testimony-fancyquote-end {
    margin-left: .1em
}

.testimonials-testimony-container {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-right: 1.25em;
    margin-top: -1px
}

.testimonials-testimony-name {
    flex: 0 1 auto;
    padding: .5em .4em 0 1.5em
}

.testimonials-testimony-description {
    color: #8fc900;
    flex: 0 1 auto;
    padding: .5em .5em 0 0
}

.testimonials-testimony-tip {
    flex: 0 0 auto;
    height: 1.25em;
    width: 1.75em
}

.testimonials-testimony-location {
    color: #91b3b7;
    font-size: 1em;
    padding-left: 1.5em
}

@media(min-width: 640px) {
    .testimonials-testimony-location {
        font-size:.75em;
        padding-left: 2em
    }
}

.giftcard .submit-error-container,.giftcards .submit-error-container {
    font-size: .875rem
}

.giftcard .submit-error-container li,.giftcard .submit-error-container p,.giftcards .submit-error-container li,.giftcards .submit-error-container p {
    text-align: center
}

.giftcard .submit-error-container li:last-child,.giftcard .submit-error-container p:last-child,.giftcard .submit-error-container ul,.giftcards .submit-error-container li:last-child,.giftcards .submit-error-container p:last-child,.giftcards .submit-error-container ul {
    margin-bottom: .1rem
}

.giftcards [type=button].plus,.giftcards button.plus {
    margin-bottom: 1rem
}

@media(max-width: 639px) {
    .giftcards [type=button].plus,.giftcards button.plus {
        width:100%
    }
}

.giftcards-total {
    font-style: normal;
    margin-bottom: 1rem
}

.giftcard-field {
    position: relative
}

.giftcard-field .form-field-container input:not([type=submit]):not([type=button]):not([type=radio]) {
    padding-right: 6.875rem
}

.giftcard-field .apply-button {
    font-size: .875rem;
    height: 2.05rem;
    line-height: 1em;
    min-height: 0;
    padding: 0 .5rem;
    position: absolute;
    right: .3rem;
    top: .3rem;
    width: 6.25rem
}

.giftcard-field .apply-button.redeemed:disabled {
    opacity: 1
}

.giftcard-field .apply-button.redeemed.la {
    font-size: .65rem
}

.giftcard-field.redeemed {
    opacity: .75
}

.giftcard-field.redeemed .form-field-container input {
    color: #91b3b7
}

.giftcard-field.redeemed .form-field-container input:focus {
    border-color: #91b3b7!important
}

.giftcard h1 {
    color: #545da3;
    margin-bottom: 0
}

.giftcard .validation-error {
    font-size: .875rem;
    padding-top: .2rem
}

@media(min-width: 640px) {
    .giftcard .validation-error {
        font-size:.75rem;
        padding-top: .1rem;
        text-align: center
    }
}

.giftcard .submit-error-container {
    margin-bottom: -.5rem;
    margin-top: 1rem
}

.giftcard-list {
    background-color: #f4f4f4;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    overflow: auto;
    position: relative;
    width: 100%
}

.giftcard-list h2 {
    margin: 1rem
}

.giftcard-list .submit-error-container {
    margin: 1em auto
}

.giftcard-list-designbanner-container {
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: auto;
    padding: 1rem;
    position: relative;
    text-align: center;
    white-space: nowrap;
    -ms-overflow-style: none;
    /*overflow: -moz-scrollbars-none;*/
    scrollbar-width: none
}

.giftcard-list-designbanner-container::-webkit-scrollbar {
    display: none
}

@media(min-width: 1440px) {
    .giftcard-list-designbanner-container {
        background-color:#e5e2df;
        border-radius: 1.375rem 1.375rem 0 0
    }
}

.giftcard-designbanner {
    background-color: #848479;
    border: 1px solid #848479;
    cursor: pointer;
    display: inline-block;
    margin-right: 1.25rem;
    position: relative;
    text-decoration: none;
    transition: width .3s;
    vertical-align: middle;
    width: 12rem;
    will-change: width,border-color
}

.giftcard-designbanner:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -.5rem;
    transform: translateX(-50%);
    transition: width .3s,height .3s;
    width: 0;
    will-change: width,height
}

.giftcard-designbanner:last-child {
    margin-right: 0
}

.giftcard-designbanner.active {
    background-color: #12cca8;
    border-color: #12cca8;
    border-width: 2px;
    width: 14rem
}

.giftcard-designbanner.active:before {
    height: 1rem;
    width: 2rem
}

.designbanner-art {
    box-sizing: border-box;
    display: block;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.giftcard-details {
    max-width: 30rem;
    padding: 0 1rem
}

.giftcard-details-captcha,.giftcard-details-instructions {
    color: #91b3b7;
    font-size: .75rem;
    margin-bottom: .25rem
}

.giftcard-details-captcha {
    margin-top: 1rem
}

.giftcard-details-title {
    font-size: 2rem;
    font-weight: 100;
    margin-bottom: .5rem;
    text-align: center;
    text-transform: uppercase
}

.giftcard-details-amount {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    overflow: hidden
}

@media(min-width: 640px) {
    .giftcard-details-amount {
        flex-wrap:nowrap
    }
}

.giftcard-details-amount-button {
    background-color: #fff;
    border: 1px solid #91b3b7;
    border-radius: .4375rem;
    flex: 1 1 auto;
    font-weight: 700;
    margin: 0 .5rem .5rem 0;
    padding: .625rem
}

.giftcard-details-amount-button.active,.giftcard-details-amount-button:active {
    background-color: #12cca8;
    border-color: #12cca8;
    color: #fff
}

.giftcard-details-amount-button:last-of-type {
    margin-right: 0
}

@media(min-width: 640px) {
    .giftcard-details-amount-button {
        flex:0 1 auto;
        margin: 0 .5rem 0 0
    }
}

.giftcard-details-amount-input {
    flex: 0 0 auto;
    width: 100%
}

.giftcard-details-amount-input.form-field {
    margin-bottom: 0
}

@media(min-width: 640px) {
    .giftcard-details-amount-input {
        flex:1 1 auto;
        margin-left: .5rem
    }
}

.giftcard-details-quantity-select {
    margin: 0;
    padding-bottom: .625rem;
    padding-top: .625rem
}

.giftcard-total {
    font-size: 1.125rem;
    margin: 2.5rem 0 1.5rem
}

.giftcard-preview {
    background-color: #f4f4f4;
    border: 1px solid #000;
    border-radius: .625rem;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 500px;
    overflow: hidden;
    width: 100%
}

.giftcard-preview .list-arrow {
    background-color: hsla(0,0%,100%,.75);
    box-shadow: 0 0 .5rem rgba(0,0,0,.5)
}

.giftcard-preview .list-arrow.left {
    left: 0
}

.giftcard-preview .list-arrow.right {
    right: 0
}

.giftcard-preview-art {
    display: block;
    height: auto;
    width: 100%
}

.giftcard-preview-message {
    background-color: #fff;
    padding: 1.25rem;
    text-align: left;
    white-space: pre-line
}

@media(min-width: 640px) {
    .giftcard-preview-message {
        font-size:.875rem
    }
}

.giftcard-preview-logo {
    align-items: center;
    display: flex;
    padding: 1.25rem
}

.giftcard-preview-logo .giftcard-preview-logo-img {
    display: block;
    flex: 0 0 auto;
    height: auto;
    margin-right: 1rem;
    width: 7.125rem
}

.giftcard-preview-amount {
    flex: 1 0 auto;
    text-align: left
}

.giftcard-preview-amount-cost {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.giftcard-preview-amount-subtitle {
    color: #91b3b7
}

.giftcard-preview-code {
    background-color: #91b3b7;
    color: #fff;
    padding: 1.25rem;
    text-align: center
}

@media(min-width: 640px) {
    .giftcard-preview-code {
        font-size:.875rem
    }
}

.redeem h1 {
    color: #3581a3;
    margin-bottom: 0
}

.redeem-code-container {
    max-width: 21rem;
    text-align: center
}

.redeem-code-container input {
    text-align: center
}

.redeem-card-container {
    display: flex;
    flex-flow: column;
    max-width: 51.25rem
}

@media(min-width: 640px) {
    .redeem-card-container {
        align-items:center;
        flex-flow: row
    }
}

.redeem-card {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 0 0 1.5rem
}

@media(min-width: 640px) {
    .redeem-card {
        padding:0 1rem 0 0;
        width: 50%
    }
}

.redeem-card-form {
    box-sizing: border-box;
    flex: 1 1 auto
}

.redeem-card-form h2,.redeem-card-form h3 {
    text-align: left
}

@media(min-width: 640px) {
    .redeem-card-form {
        padding-left:1rem
    }
}

.redeem-card-form-buttons {
    display: flex;
    flex-flow: column;
    margin-top: 2rem
}

.redeem-card-form-buttons button {
    margin: 0 1rem 0 0;
    width: auto
}

.redeem-card-form-buttons button:last-of-type {
    margin-right: 0
}

@media(max-width: 639px) {
    .redeem-card-form-buttons button {
        margin:0 0 1rem;
        width: 100%
    }

    .redeem-card-form-buttons button:last-of-type {
        margin-bottom: 0
    }
}

@media(min-width: 640px) {
    .redeem-card-form-buttons {
        flex-flow:row
    }

    .redeem-card-form-buttons button {
        flex: 0 1 12.875rem;
        font-size: 1rem
    }
}

@media(min-width: 1024px) {
    .redeem-card-form-buttons button {
        font-size:1.125rem
    }
}

.prod-offer {
    background-color: #fff
}

.prod-offer-header h1 {
    color: #00a39b
}

.prod-offer-offers {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1440px
}

@media(min-width: 1440px) {
    .prod-offer-offers {
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 .625rem
    }
}

.prod-offer-offer-wrapper {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    padding: 2rem
}

.prod-offer-offer-wrapper:nth-of-type(odd) {
    background-color: #f4f4f4
}

.prod-offer-offer-wrapper h2 {
    color: #fff;
    display: none;
    text-align: left
}

@media(min-width: 1440px) {
    .prod-offer-offer-wrapper {
        background-color:#00a39b;
        border-radius: 1.5rem;
        flex: 0 1 auto;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 .625rem 1.25rem;
        max-width: 37.5rem;
        padding: 1.25rem;
        width: calc(50% - 1.25rem)
    }

    .prod-offer-offer-wrapper:nth-of-type(odd) {
        background-color: #00a39b
    }

    .prod-offer-offer-wrapper h2 {
        display: block
    }
}

.prod-offer-offer-container {
    max-width: 800px;
    width: 100%
}

@media(min-width: 640px) {
    .prod-offer-offer-container {
        display:flex;
        flex-direction: row
    }
}

.prod-offer-offer-image {
    border-radius: .4375rem;
    flex: 0 0 auto;
    float: right;
    height: 6rem;
    margin-left: 1rem;
    width: 6rem
}

@media(min-width: 640px) {
    .prod-offer-offer-image {
        border-radius:1.25rem;
        float: none;
        height: 11.11rem;
        margin-left: 0;
        width: 11.11rem
    }
}

.prod-offer-offer-content h2 {
    color: #000;
    display: block
}

.prod-offer-offer-content p {
    min-height: 3.5em
}

@media(min-width: 640px) {
    .prod-offer-offer-content {
        margin-left:2rem
    }

    .prod-offer-offer-content h2 {
        margin-bottom: .625rem
    }

    .prod-offer-offer-content p {
        font-size: 14px;
        margin-bottom: .625rem;
        min-height: auto
    }
}

@media(min-width: 1440px) {
    .prod-offer-offer-content {
        margin-left:1.25rem
    }

    .prod-offer-offer-content h2 {
        display: none
    }

    .prod-offer-offer-content p {
        color: #fff
    }
}

.prod-offer-offer-content-buttons {
    display: flex;
    flex-direction: column
}

.prod-offer-offer-content-buttons .button-flat-color {
    display: flex;
    flex: 1 1 auto;
    margin-top: .625rem
}

.prod-offer-offer-content-buttons .button-flat-color span {
    flex: 1 1 auto
}

.prod-offer-offer-content-buttons .button-flat-color svg {
    flex: 0 0 auto
}

@media(min-width: 640px) {
    .prod-offer-offer-content-buttons {
        display:inline-flex
    }
}

@media(min-width: 768px) {
    .prod-offer-offer-content-buttons .button-flat-color {
        font-size:14px
    }
}

.email-preferences-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.email-preferences-options {
    margin: 0 0 1rem
}

.onboarding h1 {
    margin-bottom: 1rem
}

.onboarding h2 {
    margin-bottom: 0
}

.onboarding-usertype h1,.onboarding-usertype h2 {
    margin-bottom: 1rem
}

.onboarding-selection-wrapper {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.1rem
}

.onboarding-selection {
    border-radius: 16px;
    cursor: pointer;
    margin: 1.1rem;
    overflow: visible;
    position: relative
}

.onboarding-selection.teacher {
    background-color: #3581a3
}

.onboarding-selection.teacher .onboarding-selection-art {
    border-color: #3581a3
}

.onboarding-selection.teacher .onboarding-selection-art img {
    bottom: 0;
    height: 172px;
    left: 10px;
    width: 167px
}

.onboarding-selection.parent {
    background-color: #00a39b
}

.onboarding-selection.parent .onboarding-selection-art {
    border-color: #00a39b
}

.onboarding-selection.parent .onboarding-selection-art img {
    bottom: 0;
    height: 166px;
    left: 0;
    width: 163px
}

.onboarding-selection.student {
    background-color: #8fc900
}

.onboarding-selection.student .onboarding-selection-art {
    border-color: #8fc900
}

.onboarding-selection.student .onboarding-selection-art img {
    bottom: 0;
    height: 144px;
    left: -19px;
    width: 189px
}

.onboarding-selection-art {
    background-color: #fff;
    border-radius: 16px;
    border-style: solid;
    border-width: 3px;
    box-sizing: border-box;
    height: 162px;
    overflow: visible;
    position: relative;
    width: 162px
}

.onboarding-selection-art img {
    max-width: none;
    position: absolute
}

.onboarding-selection-text {
    align-content: center;
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 3em;
    justify-content: center
}

.onboarding-usertype {
    text-align: center
}

.onboarding-usertype a {
    font-weight: 700;
    text-decoration: none
}

.onboarding-header-art {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 50rem;
    width: 100%
}

.onboarding-perks {
    display: inline-block;
    margin: 1rem auto 0;
    padding: 0 2rem
}

.onboarding-perks li {
    align-items: center;
    display: flex;
    list-style: none;
    margin-bottom: 1rem;
    text-align: left
}

.onboarding-perks li span {
    flex: 1 1 auto
}

.onboarding-perks-icon {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-right: .675rem;
    width: 40px
}

.join-button {
    background-color: #ddcb22;
    background-image: linear-gradient(#ddcb22,#f4a721);
    border-radius: 2em;
    box-shadow: 0 .2em 0 0 #d8681d;
    color: #fff;
    display: block;
    font-size: 1.389rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    padding: .5rem .875rem;
    position: relative;
    text-align: center;
    text-shadow: 0 .1rem .1rem rgba(77,77,77,.5);
    text-shadow: 0 .1rem .1rem #db831b;
    width: 100%
}

@media(min-width: 390px) {
    .onboarding-selection:first-of-type {
        margin-left:0
    }

    .onboarding-selection:last-of-type {
        margin-right: 0
    }
}

@media(min-width: 640px) {
    .onboarding-selection-wrapper {
        background-color:#f4f4f4;
        flex-wrap: nowrap
    }

    .onboarding-selection {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .join-button {
        max-width: 19rem
    }
}

@media(min-width: 1024px) {
    .onboarding-selection {
        margin-left:3.25rem;
        margin-right: 3.25rem
    }
}

@media(min-width: 1280px) {
    .onboarding-selection {
        border-radius:28px;
        margin: 1.5rem 4rem
    }

    .onboarding-selection.teacher .onboarding-selection-art img {
        height: 337.14px;
        left: 20px;
        width: 328.44px
    }

    .onboarding-selection.parent .onboarding-selection-art img {
        height: 333.45px;
        width: 327.91px
    }

    .onboarding-selection.student .onboarding-selection-art img {
        bottom: -1px;
        height: 282.52px;
        left: -34px;
        width: 370.7px
    }

    .onboarding-selection-art {
        border-radius: 28px;
        border-width: 4px;
        height: 320px;
        width: 320px
    }

    .onboarding-selection-text {
        font-size: 1.225rem
    }
}


@media screen and (max-width: 468px) {
    .minibanner{
        width:46%;
    }

    .recommend_list{
        width:97%!important;
        margin-bottom: 1rem;
    }

    .list-minibanner-container{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


.to_top {
    z-index: 1000;
    position: fixed;
    bottom: 50px;
    right: 15px !important;
}

html{
    scroll-behavior:smooth;
}

.search_result{
    margin-top: 2rem;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding-left: 1rem;
}

.logo_content{
    background: linear-gradient(45deg, #ff6600, #ffcc00, #ff0066);
    background-clip: text;
    color: transparent;
    font-family: 'Edu AU VIC WA NT Guides', cursive;
}


.adBox {
    width: calc(100% + 2rem - 20px);
    margin-left: calc(-1rem + 10px);
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: auto;
    display: flex;
    justify-content: center;
    background-color: #CCCCCC;
    color: #000;
}

.adBox0 {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 15px 0 15px 0;
}