.modal-forgot-password.modal-forgot-password-bbc .panel-left h2 {
    margin-top: 25px;
}
@media print,screen and (min-width:64em) {
    .modal-forgot-password.modal-forgot-password-bbc .panel-left h2 {
        margin-top: 0;
    }
}
@media print,screen and (min-width:64em) {
    .modal-forgot-password.modal-forgot-password-bbc .panel-right .need-help {
        margin-top: 320px;
    }
}
.modal-join.modal-join-parent-form .callout {
    margin-bottom: 1rem;
}
.modal-join.modal-join-parent-form .panel-benefits {
    background: #5671ba url("../image/join/parent-signup.png");
    background-image: url("../image/join/parent-signup.png),linear-gradient(180deg,#5671ba .09%,#6b5aaa");
    padding: 60px;
}
.modal-join.modal-join-parent-form .panel-benefits h2 {
    font-size: 20px;
}
.modal-join.modal-join-parent-form .panel-benefits ul li {
    font-size: 16px;
}
.modal-join.modal-join-parent-form .panel-form .divider-horizontal {
    margin: 30px auto;
    width: 80%;
}
.modal-join.modal-join-parent-form .panel-form .divider-horizontal span {
    font-size: 14px;
}
.modal-join.modal-join-parent-form .panel-form .social-buttons-small,
.modal-join.modal-join-parent-form .panel-form .terms {
    margin-bottom: 15px;
}
.modal-join.modal-join-parent-form .panel-form .social-buttons-small .button {
    font-size: 0.7rem;
    line-height: 1.2;
    margin: 0 auto;
    width: 80%;
}
.modal-join.modal-join-parent-form .panel-form .social-buttons-small .button .icon {
    padding-top: 0.6em;
}
.modal-join.modal-join-plan {
    border-radius: 12px;
}
.modal-join.modal-join-plan h1,
.modal-join.modal-join-plan h2,
.modal-join.modal-join-plan h3,
.modal-join.modal-join-plan p {
    color: inherit;
}
.modal-join.modal-join-plan .close-reveal-modal {
    z-index: 2;
}
.modal-join.modal-join-plan .panel-free,
.modal-join.modal-join-plan .panel-paid {
    border-radius: 0;
    padding: 5rem 3.75rem 3.75rem;
    position: relative;
}
.modal-join.modal-join-plan .panel-free {
    background-color: #3b80ed;
    background-image: linear-gradient(200deg,#1d21c4 10%,#55cee2);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #fff;
}
@media screen and (min-width:64rem) {
    .modal-join.modal-join-plan .panel-free {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        border-top-right-radius: 0;
    }
}
.modal-join.modal-join-plan .panel-paid {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
@media screen and (min-width:64rem) {
    .modal-join.modal-join-plan .panel-paid {
        border-bottom-left-radius: 0;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}
.modal-join.modal-join-plan .panel-paid ul {
    font-size: 0.9rem;
}
.modal-join.modal-join-plan .panel-paid .sale-ribbon {
    background-image: url("../image/parents/sale-ribbon.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 1.5rem 0.5rem 0 1rem;
    position: absolute;
    top: -.7rem;
    left: 1.5rem;
    width: 5rem;
    height: 6.25rem;
}
.modal-join.modal-join-teacher .panel-benefits ul li {
    font-size: 16px;
}
.modal-join.modal-join-teacher .panel-benefits .class-info {
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}
.modal-join.modal-join-teacher .panel-benefits .signup-info {
    margin-top: 20px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
}
.modal-join.modal-join-teacher .panel-benefits .school-info {
    margin-top: 30px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
    line-height: 28px;
}
.modal-sign-in.modal-sign-in-bbc .panel-benefits {
    background-image: url("../image/bbc/modal-sign-in/bbc-signup-doctor.png),url(../image/bbc/modal-sign-in/bbc-signup.png");
    background-position: bottom,50%;
    background-size: 220px,cover;
}
.modal-sign-in.modal-sign-in-bbc .panel-benefits .logo {
    max-height: 70px;
}
join-role-selector-buttons {
    font-size: 14px;
}
join-role-selector-buttons .button-group {
    display: flex;
    margin-top: 8px;
}
join-role-selector-buttons .button-group .button {
    border: 1px solid #00bcd4;
    border-left-width: 1px;
    border-right-width: 1px;
    flex-grow: 1;
    font-size: 16px;
    margin-right: 0;
    padding: 10px 0;
    text-transform: none;
}
join-role-selector-buttons .button-group .button:first-child {
    border-right-width: 0;
}
join-role-selector-buttons .button-group .button:last-child {
    border-left-width: 0;
}
join-role-selector-buttons .button-group .button:hover {
    color: #fefefe;
    background-color: #0096aa;
    border-color: #0096aa;
}
join-role-selector-buttons .button-group .button:hover .tooltip {
    display: block;
}
join-role-selector-buttons .button-group .button .tooltip {
    display: none;
}
.classroom-gradient-green {
    background: #ffcd4b;
    background: -moz-linear-gradient(45deg,#ffcd4b 0,#4ca960 100%);
    background: -webkit-linear-gradient(45deg,#ffcd4b,#4ca960);
    background: linear-gradient(45deg,#ffcd4b,#4ca960);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd4b",endColorstr="#4ca960",GradientType=1);
}
.classroom-gradient-purple {
    background: #9078c6;
    background: -moz-linear-gradient(45deg,#9078c6 0,#2d5ea3 100%);
    background: -webkit-linear-gradient(45deg,#9078c6,#2d5ea3);
    background: linear-gradient(45deg,#9078c6,#2d5ea3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#997abc",endColorstr="#2d5ea3",GradientType=1);
}
.classroom-gradient-orange {
    background: #ffaa31;
    background: -moz-linear-gradient(45deg,#ffcd4b 0,#ffaa31 100%);
    background: -webkit-linear-gradient(45deg,#ffcd4b,#ffaa31);
    background: linear-gradient(45deg,#ffcd4b,#ffaa31);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd4b",endColorstr="#FFA64D",GradientType=1);
}
.classroom-gradient-red {
    background: #bb1c1c;
    background: -moz-linear-gradient(45deg,#bb1c1c 0,#e0439c 100%);
    background: -webkit-linear-gradient(45deg,#bb1c1c,#e0439c);
    background: linear-gradient(45deg,#bb1c1c,#e0439c);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3929",endColorstr="#e0439c",GradientType=1);
}
.bg-default {
    background-color: #f5f6f7;
}
.bg-accent {
    background-color: #f4f9fa;
}
.bg-black {
    background-color: #000;
}
.bg-white {
    background-color: #fff;
}
.bg-blue {
    background-color: #36a1d8;
}
.bg-light-blue {
    background-color: #7fd5ef;
}
.bg-dark-blue {
    background-color: #3192c4;
}
.bg-green {
    background-color: #5cbe5a;
}
.bg-teal {
    background-color: #1fb5ad;
}
.bg-yellow {
    background-color: #fed233;
}
.bg-orange {
    background-color: #ffaa31;
}
.bg-purple {
    background-color: #9078c6;
}
.bg-vaz-light-purple {
    background-color: #40568c;
}
.bg-gray0 {
    background-color: #fefefe;
}
.bg-gray1 {
    background-color: #f5f6f7;
}
.bg-gray2 {
    background-color: #eee;
}
.bg-gray3 {
    background-color: #e8e8e8;
}
.bg-gray4 {
    background-color: #e1e1e1;
}
.bg-gray5 {
    background-color: #d7d7d7;
}
.bg-gray6 {
    background-color: #a9b0b4;
}
.bg-rule {
    background-color: #dae1e1;
}
.bg-gradient-blue {
    background-image: radial-gradient(farthest-corner at 600px 600px,#03b9ff 0,#077fbd 100%);
}
.bg-gradient-purple {
    background-image: radial-gradient(52% 72%,#40568c 0,#1a2834 100%);
}
.bg-gradient-purple-cyan {
    background-image: linear-gradient(90deg,#6b55b5 15%,#4dc4d9 85%);
}
.text-capitalize {
    text-transform: capitalize;
}
.cursor-pointer {
    cursor: pointer;
}
.modal-sign-in-2 {
    height: auto!important;
    overflow: visible!important;
}
.modal-sign-in-2.reveal {
    border: none;
    border-radius: 12px;
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .modal-sign-in-2.reveal {
        min-width: 28.125rem;
        max-width: 37.5rem;
    }
}
@media print,screen and (min-width:64em) {
    .modal-sign-in-2.reveal {
        width: 75%;
    }
}
@media screen and (min-width:90em) {
    .modal-sign-in-2.reveal {
        width: 60%;
    }
}
.modal-sign-in-2.reveal .close-reveal-modal {
    background-color: #444852;
    border-radius: 50%;
    box-sizing: content-box;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 0.9;
    padding: 0.125rem;
    width: 1em;
    height: 1em;
    top: 0;
    right: 0;
    text-align: center;
    transform: translate(-25%,25%);
}
.modal-sign-in-2.reveal .close-reveal-modal:hover {
    color: #fff;
}
@media print,screen and (min-width:40em) {
    .modal-sign-in-2.reveal .close-reveal-modal {
        transform: translate(50%,-50%);
    }
}
.modal-sign-in-2 .header {
    margin-top: 1.25rem;
}
@media print,screen and (min-width:40em) {
    .modal-sign-in-2 .header {
        margin-top: 0;
    }
}
.modal-sign-in-2 .alert,
.modal-sign-in-2 .alert > input,
.modal-sign-in-2 .alert > label,
.modal-sign-in-2 .alert > label > input {
    color: #dd4b39;
}
.modal-sign-in-2 form label {
    margin-bottom: 15px;
    font-weight: 400;
    position: relative;
}
.modal-sign-in-2 form label input[type=email],
.modal-sign-in-2 form label input[type=number],
.modal-sign-in-2 form label input[type=password],
.modal-sign-in-2 form label input[type=text] {
    display: block;
    margin-bottom: 0;
    width: 100%;
    height: 50px;
    border: 1px solid #e4e4e4;
    line-height: 50px;
}
.modal-sign-in-2 form label .warning {
    font-size: 13px;
    font-style: italic;
}
.modal-sign-in-2 form label .show-password {
    position: absolute;
    bottom: 17px;
    right: 7px;
}
.modal-sign-in-2 form label.show-password {
    color: gray;
}
.modal-sign-in-2 form .terms .text,
.modal-sign-in-2 form .terms label {
    transition: color 0.25s ease-in-out;
}
.modal-sign-in-2 form .terms label {
    margin-bottom: 0;
}
.modal-sign-in-2 form .terms.terms-invalid .text,
.modal-sign-in-2 form .terms.terms-invalid label {
    color: #dc3929;
}
.modal-sign-in-2 form .forgot-password {
    color: inherit;
    display: block;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}
@media print,screen and (min-width:64em) {
    .modal-sign-in-2 form .forgot-password {
        margin-bottom: 2rem;
    }
}
.modal-sign-in-2 form .button-submit {
    width: 100%;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.8;
}
.modal-sign-in-2 a {
    font-size: inherit;
}
.modal-sign-in-2 .signup-signin {
    margin-bottom: 0;
}
.modal-sign-in-2 .signup-signin .signin,
.modal-sign-in-2 .signup-signin .signup {
    display: inline-block;
    margin-right: 25px;
    font-size: 1rem;
    font-weight: 400;
}
.modal-sign-in-2 .terms {
    margin-bottom: 35px;
}
.modal-sign-in-2 .terms .text {
    color: gray;
    font-size: 13px;
    font-weight: 300;
}
.modal-sign-in-2 .terms .text a {
    color: gray;
    font-weight: 600;
    text-decoration: underline;
}
.modal-sign-in-2 .terms label {
    display: block;
    padding: 5px;
    color: gray;
    font-size: 13px;
}
.modal-sign-in-2 .terms label input {
    margin-bottom: 0;
    vertical-align: middle;
}
.modal-sign-in-2 .social-buttons-small .group {
    background-color: #f4f9fa;
    border: 1px solid #e4e4e4;
}
.modal-sign-in-2 .social-buttons-small.icon-only .label {
    display: none;
}
.modal-sign-in-2 .social-buttons-small:last-child {
    margin-bottom: 0;
}
.modal-sign-in-2 .social-buttons-small .button {
    margin-bottom: 1rem!important;
}
.modal-sign-in-2 .social-buttons-small.icon-only .button {
    display: inline-block;
    width: auto;
    min-width: 0;
    margin-right: 10px;
    vertical-align: top;
    padding: 0.85em 0 0.85em 50px;
}
.modal-sign-in-2 .social-buttons-small .button {
    position: relative;
    display: inline-block;
    border: none;
    padding: 0.85em 1em 0.85em 50px;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.8;
    vertical-align: top;
}
.modal-sign-in-2 .social-buttons-small .button .icon {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    margin: 0;
    padding-top: 0.85em;
    background-color: rgba(0,0,0,.1);
}
.modal-sign-in-2 .social-buttons-small .button.button-google {
    padding: 2px 6px 2px 0;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    min-width: auto;
    line-height: 1;
}
.modal-sign-in-2 .social-buttons-small .button.button-google span {
    float: right;
    margin-top: 9px;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #575757;
}
.modal-sign-in-2 .social-buttons-small .button.button-google:hover {
    background-color: #f0f0f0;
}
.modal-sign-in-2 .social-buttons-small .button.button-windows {
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 8px 6px;
    background-color: #fff;
    color: #575757;
    min-width: 0;
}
.modal-sign-in-2 .social-buttons-small .button.button-windows .icon.icon-windows {
    float: left;
    position: relative;
    width: auto;
    padding-top: 0;
    background-color: transparent;
    color: #75d0f3;
}
.modal-sign-in-2 .social-buttons-small .button.button-windows span.label {
    padding-left: 14px;
    padding-top: 1px;
    text-transform: uppercase;
    font-size: 12px;
}
.modal-sign-in-2 .social-buttons-small .button.button-qrcode {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 4px 10px;
    width: auto;
    text-transform: uppercase;
}
.modal-sign-in-2 .social-buttons-small .button.button-qrcode svg {
    width: auto;
    height: 1em;
    vertical-align: middle;
    fill: #575757;
}
.modal-sign-in-2 .social-buttons-small .button.button-qrcode span {
    padding-left: 10px;
    font-size: 12px;
    color: #575757;
}
.modal-sign-in-2 .social-buttons-small .button.button-facebook {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 8px 4px;
    color: #575757;
    min-width: 0;
}
.modal-sign-in-2 .social-buttons-small .button.button-facebook .icon.icon-facebook {
    float: left;
    position: relative;
    width: auto;
    padding-top: 0;
    background-color: transparent;
    color: #40659f;
}
.modal-sign-in-2 .social-buttons-small .button.button-facebook span.label {
    padding-left: 14px;
    padding-top: 1px;
    text-transform: uppercase;
    font-size: 12px;
}
.modal-sign-in-2 p {
    font-size: 0.875rem;
}
.modal-sign-in-2 .panel-benefits,
.modal-sign-in-2 .panel-left {
    position: relative;
    padding: 1rem;
}
@media print,screen and (min-width:64em) {
    .modal-sign-in-2 .panel-benefits,
    .modal-sign-in-2 .panel-left {
        padding: 1.25rem;
    }
}
.modal-sign-in-2 .panel-benefits .back,
.modal-sign-in-2 .panel-left .back {
    position: absolute;
    left: 25px;
    top: 25px;
    color: #b9c4e1;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.modal-sign-in-2 .panel-benefits a,
.modal-sign-in-2 .panel-left a {
    text-decoration: underline;
}
.modal-sign-in-2 .panel-benefits h2,
.modal-sign-in-2 .panel-left h2 {
    font-weight: 500;
}
.modal-sign-in-2 .panel-benefits ul li,
.modal-sign-in-2 .panel-left ul li {
    line-height: 2em;
}
.modal-sign-in-2 .panel-benefits .languages,
.modal-sign-in-2 .panel-left .languages {
    display: block;
    margin: auto;
}
.modal-sign-in-2 .panel-benefits {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
}
.modal-sign-in-2 .panel-benefits h2,
.modal-sign-in-2 .panel-benefits label,
.modal-sign-in-2 .panel-benefits p {
    color: inherit;
}
@media print,screen and (min-width:40em) {
    .modal-sign-in-2 .panel-benefits .title {
        font-size: 1.5rem;
    }
}
.modal-sign-in-2 .panel-benefits .signup {
    font-size: 1rem;
}
.modal-sign-in-2 .panel-benefits .signup a {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.modal-sign-in-2 .panel-benefits .privacy {
    font-size: 0.875rem;
}
.modal-sign-in-2 .panel-benefits .privacy a {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}
@media print,screen and (min-width:40em) {
    .modal-sign-in-2 .panel-left.panel-qrcode {
        text-align: initial;
    }
}
.modal-sign-in-2 .panel-left.panel-qrcode h2 {
    margin-bottom: inherit;
}
.modal-sign-in-2 .panel-left.panel-qrcode .icon-badge {
    margin-bottom: 15px;
    max-width: 50px;
}
.modal-sign-in-2 .panel-left.panel-qrcode .instructions {
    text-align: initial;
    list-style-position: inside;
    font-size: 14px;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame {
    position: relative;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .webcam {
    display: block;
    max-width: 100%;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .label {
    text-align: center;
    height: 2em;
    line-height: 2em;
    font-size: 13px;
    font-weight: 500;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .label.validate {
    background-color: #b8c5ff;
    color: #fff;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .label.login {
    background-color: #5cbe5a;
    color: #fff;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .label.error {
    background-color: #dc3929;
    color: #fff;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .overlay {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    object-fit: contain;
    opacity: 0.3;
}
.modal-sign-in-2 .panel-left.panel-qrcode .video-frame .button-toggle-camera {
    position: absolute;
    top: 15px;
    right: 15px;
}
.modal-sign-in-2 .panel-left.panel-qrcode .signup {
    margin-top: 100px;
}
.modal-sign-in-2 .modal-footer {
    padding: 0 25px 40px;
    color: #6d6d6d;
    font-weight: 400;
}
.modal-sign-in-2 .modal-footer .back {
    text-align: left;
}
.modal-sign-in-2 .modal-footer .back a {
    color: #6d6d6d;
    font-weight: 400;
}
.modal-sign-in-2 .modal-footer .signin {
    text-align: right;
}
.modal-sign-in-2 .modal-footer .signin a {
    white-space: nowrap;
    font-weight: 400;
}
.modal-sign-in-2 .divider-horizontal {
    position: relative;
    display: block;
    min-height: 1px;
    background: #dae1e1;
    margin: 30px 0;
}
.modal-sign-in-2 .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
.modal-sign-in-2 .sign-in-role-selector-buttons {
    font-size: 1rem;
}
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group {
    display: flex;
    margin-top: 0.5rem;
}
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group .button {
    background-color: transparent;
    border: 1px solid #00bcd4;
    border-right-width: 1px;
    border-left-width: 1px;
    color: #00bcd4;
    flex-grow: 1;
    font-size: 1rem;
    margin-right: 0;
    padding: 0.625rem 0;
    text-transform: none;
}
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group .button:first-child {
    border-right-width: 0;
}
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group .button:last-child {
    border-left-width: 0;
}
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group .button:focus,
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group .button:hover {
    background-color: rgba(0,188,212,.25);
    border-color: transparent;
}
.modal-sign-in-2 .sign-in-role-selector-buttons .button-group .button.is-active {
    background-color: #00bcd4;
    color: #fff;
}
@media screen and (max-height:769px) {
    .modal-sign-in-2 .hide-for-short {
        display: none;
    }
}
@media screen and (min-height:768px) {
    .modal-sign-in-2 .show-for-short {
        display: none;
    }
}
.modal-sign-in-2.\--orange .sign-in-role-selector-buttons .button-group .button {
    border-color: #fff;
    color: #fff;
}
.modal-sign-in-2.\--orange .sign-in-role-selector-buttons .button-group .button:focus,
.modal-sign-in-2.\--orange .sign-in-role-selector-buttons .button-group .button:hover {
    background-color: hsla(0,0%,100%,.25);
    border-color: transparent;
}
.modal-sign-in-2.\--orange .sign-in-role-selector-buttons .button-group .button.is-active {
    background-color: #fff;
    color: #00bcd4;
}
.modal-sign-in-2.\--orange .panel-benefits {
    background-color: #6b55b5;
    background-image: linear-gradient(135deg,#e64211 15%,#efa808 85%);
    color: #fff;
}
.modal-sign-in-2.\--orange .panel-benefits .privacy a,
.modal-sign-in-2.\--orange .panel-benefits .signup a {
    color: inherit;
}
.modal-reject-reasons .title {
    padding-bottom: 0;
    margin-bottom: 0;
}
.modal-reject-reasons button {
    margin-bottom: 0;
    margin-left: 10px;
}
.modal-reject-reasons .category {
    margin-bottom: 20px;
}
.modal-reject-reasons .category.reject .icon {
    background-color: #fce6e2;
}
.modal-reject-reasons .category.reject .icon .indicator {
    background-image: url("../image/dashboard/student/community/icon-notice.svg");
}
.modal-reject-reasons .category.reject label {
    color: #d01031;
}
.modal-reject-reasons .category .icon {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    padding: 10px;
    border-radius: 50%;
    background-color: #d4faff;
}
.modal-reject-reasons .category .icon .indicator {
    display: inline-block;
    position: absolute;
    left: -20px;
    bottom: 0;
    background-image: url("../image/dashboard/student/community/icon-check.svg");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.modal-reject-reasons .category label {
    font-weight: 700;
    color: #03bcd5;
}
.modal-reject-reasons .info {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.modal-quote-request-success.reveal a {
    font-size: 16px;
}
project-shares .project-shares__no-results {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    height: 200px;
}
project-share-card .project-share-card {
    min-height: 210px;
}
.modal-add-course-to-classroom hr {
    border: none;
    border-top: 1px solid #e8e8e8;
    margin: 5px 20px;
}
.modal-add-course-to-classroom .modal-header {
    text-align: center;
}
.modal-add-course-to-classroom .step-title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 30px;
    font-weight: 300;
}
.modal-add-course-to-classroom .title-spacer {
    margin-bottom: 20px;
}
.modal-add-course-to-classroom .course-title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 5px;
}
.modal-add-course-to-classroom .course-image {
    max-width: 100%;
}
.modal-add-course-to-classroom .lesson-title {
    color: #25293a;
    font-size: 16px;
    font-weight: 400;
}
.modal-add-course-to-classroom .lesson-description {
    color: #25293a;
    font-size: 12px;
}
.modal-add-course-to-classroom .lesson-image {
    max-width: 85%;
}
.modal-add-course-to-classroom .image-column {
    text-align: right;
}
.modal-add-course-to-classroom .lesson-selection-option {
    display: inline-block;
    margin-right: 25px;
    font-size: 16px;
    font-weight: 400;
}
.modal-add-course-to-classroom .assignment-description {
    font-size: 18px;
    font-weight: 400;
    color: #707070;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.modal-add-course-to-classroom .modal-footer {
    margin-top: 10px;
    text-align: right;
}
.modal-add-course-to-classroom .button-submit {
    margin-left: 15px;
}
.modal-add-course-to-classroom .header-control {
    text-align: left;
}
.modal-add-course-to-classroom .back {
    text-align: left;
    color: #25293a;
    font-size: 12px;
    font-weight: 700;
}
.modal-add-course-to-classroom .class-title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #25293a;
}
.modal-add-course-to-classroom .class-description {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #25293a;
}
.modal-add-course-to-classroom .class-lessons {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #25293a;
}
.modal-add-course-to-classroom .class-no-lessons {
    color: #ad2e27!important;
}
.body-bbc-redeem .cookie-settings p {
    color: #25293a;
}
.cookie-settings,
.hifive .cookie-settings {
    background: #fff;
    bottom: 10px;
    box-shadow: 2px 1px 17px #0000005e;
    border-radius: 6px;
    overflow-y: hidden;
    width: 295px;
    left: 10px;
    position: fixed;
    z-index: 2147483646;
    padding: 1rem;
    transition: max-height 1s ease-in;
}
.cookie-settings.\--basic,
.hifive .cookie-settings.\--basic {
    max-height: 180px;
}
.cookie-settings.\--advanced,
.hifive .cookie-settings.\--advanced {
    max-height: 365px;
}
.cookie-settings a,
.cookie-settings p,
.hifive .cookie-settings a,
.hifive .cookie-settings p {
    font-size: 14px;
}
.cookie-settings p,
.hifive .cookie-settings p {
    margin-bottom: 8px;
}
.cookie-settings p.heading,
.hifive .cookie-settings p.heading {
    font-weight: 700;
    margin-bottom: 2px;
}
.cookie-settings .cookie-settings__actions,
.cookie-settings .hifive .cookie-settings__actions,
.hifive .cookie-settings .cookie-settings__actions,
.hifive .cookie-settings .hifive .cookie-settings__actions {
    display: flex;
    justify-content: space-between;
}
.cookie-settings .cookie-settings__actions .button,
.cookie-settings .hifive .cookie-settings__actions .button,
.hifive .cookie-settings .cookie-settings__actions .button,
.hifive .cookie-settings .hifive .cookie-settings__actions .button {
    margin-bottom: 0;
}
.cookie-settings .cookie-settings__close,
.cookie-settings .hifive .cookie-settings__close,
.hifive .cookie-settings .cookie-settings__close,
.hifive .cookie-settings .hifive .cookie-settings__close {
    color: #a8a8a8;
    font-size: 22px;
    position: absolute;
    padding: 4px 8px;
    right: 0;
    top: 0;
}
.cookie-settings .cookie-settings__options,
.cookie-settings .hifive .cookie-settings__options,
.hifive .cookie-settings .cookie-settings__options,
.hifive .cookie-settings .hifive .cookie-settings__options {
    font-size: 12px;
    margin-bottom: 8px;
}
.cookie-settings .cookie-settings__options li,
.cookie-settings .hifive .cookie-settings__options li,
.hifive .cookie-settings .cookie-settings__options li,
.hifive .cookie-settings .hifive .cookie-settings__options li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2px;
    padding-top: 2px;
}
.cookie-settings .cookie-settings__options li .option-label,
.cookie-settings .hifive .cookie-settings__options li .option-label,
.hifive .cookie-settings .cookie-settings__options li .option-label,
.hifive .cookie-settings .hifive .cookie-settings__options li .option-label {
    display: block;
    font-weight: 700;
}
.cookie-settings .cookie-settings__options li .switch-label.\--disabled,
.cookie-settings .hifive .cookie-settings__options li .switch-label.\--disabled,
.hifive .cookie-settings .cookie-settings__options li .switch-label.\--disabled,
.hifive .cookie-settings .hifive .cookie-settings__options li .switch-label.\--disabled {
    color: #b5b5b5;
}
.cookie-settings .cookie-settings__options li .switch-label-icon,
.cookie-settings .hifive .cookie-settings__options li .switch-label-icon,
.hifive .cookie-settings .cookie-settings__options li .switch-label-icon,
.hifive .cookie-settings .hifive .cookie-settings__options li .switch-label-icon {
    background-color: #b5b5b5;
    border-radius: 15px;
    color: #555;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    padding-left: 5px;
    width: 15px;
}
@media print {
    .cookie-settings {
        display: none;
    }
}
.course-unit {
    padding: 10px;
    background-color: #fff;
    color: #25293a;
}
.course-unit img {
    border-radius: 5px;
    height: 66px;
    width: 99px;
}
.course-unit .image,
.course-unit .number {
    display: inline-block;
    vertical-align: top;
}
.course-unit .number {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #00bcd4;
}
.course-unit .info {
    display: inline-block;
}
.course-unit .info .name {
    font-size: 16px;
    font-weight: 700;
}
.course-unit .info .description {
    margin-top: 5px;
    font-size: 13px;
}
.course-unit-sections {
    padding: 10px;
    background-color: #fff;
    color: #25293a;
}
.course-unit-sections .sections {
    margin-top: 10px;
}
.course-unit-sections .section-control {
    margin-left: 10px;
    color: #7bb2cc;
}
.course-unit-sections .section {
    overflow: hidden;
}
.course-unit-sections .section a {
    font-size: 14px;
    color: #25293a;
    white-space: nowrap;
    margin-right: 20px;
}
.off-canvas-content.has-sidebar-toggle {
    position: relative;
}
.off-canvas-content.has-sidebar-toggle .dashboard-sidebar-toggle {
    background-color: #25293a;
    background-image: url("../image/dashboard/navigation/icon-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.5rem;
    position: absolute;
    left: 0;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 1;
    display: none;
}
@media print,screen and (min-width:40em) {
    .off-canvas-content.has-sidebar-toggle .dashboard-sidebar-toggle {
        display: block;
        transform: none;
    }
    .off-canvas-content.has-sidebar-toggle .dashboard-sidebar-toggle.is-toggled {
        transform: rotate(180deg);
    }
}
@media screen and (min-width:75em) {
    .off-canvas-content.has-sidebar-toggle .dashboard-sidebar-toggle {
        transform: rotate(180deg);
    }
    .off-canvas-content.has-sidebar-toggle .dashboard-sidebar-toggle.is-toggled {
        transform: none;
    }
}
@font-face {
    font-family: exo;
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
    src: url("/static/exo-bold.2db750e3.woff2") format("woff2"),url(/static/exo-bold.162099ce.woff) format("woff");
}
@font-face {
    font-family: exo;
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
    src: url("/static/exo-regular.5f2ce2bc.woff2") format("woff2"),url(/static/exo-regular.4e2a5fbe.woff) format("woff");
}
.modal-play-project {
    display: flex!important;
    flex-direction: column!important;
    padding: 10px 0!important !important;
    border-radius: 5px!important;
    border: none!important;
    overflow: visible!important;
    max-width: 1150px!important;
    user-select: none!important;
}
.modal-play-project * {
    font-family: exo!important;
}
.modal-play-project .close-button {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    outline: none;
}
.modal-play-project .close-button svg {
    display: block;
    margin: auto;
    width: 50px;
    height: 50px;
    fill: #fff;
}
.modal-play-project .close-button svg .icon-close__bgd {
    fill: #444852;
}
.modal-play-project .close-button:hover {
    cursor: pointer;
}
.modal-play-project .close-button:hover svg {
    fill: #02bcd5;
}
.modal-play-project .close-button:hover svg .icon-close__bgd {
    fill: #fff;
}
.modal-play-project .button.primary {
    pointer-events: all;
    font-weight: 700;
    user-select: none;
    display: inline-block;
    outline: none;
    text-transform: uppercase;
    border-radius: 5px;
    color: #fff;
    border: none;
    min-width: 50px;
    background-color: #ff8c1a;
    box-shadow: 0 2px #db6b00;
    text-align: center;
    font-size: 14px;
    padding: 10px 20px;
    overflow: hidden;
}
.modal-play-project .button.primary:hover {
    cursor: pointer;
    transition: background-color 0.25s ease-in;
}
.modal-play-project .button.primary:active {
    transform: translateY(1px);
}
.modal-play-project__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}
.modal-play-project__header__left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.modal-play-project__header__right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.modal-play-project__header__actions {
    display: flex;
    flex-direction: row;
}
.modal-play-project__header__actions .actions__action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    font-weight: 700;
    color: #00bcd4;
}
.modal-play-project__header__actions .actions__action:hover {
    cursor: pointer;
}
.modal-play-project__body {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 40px;
}
.modal-play-project__body__left {
    flex: 1;
    display: flex;
    justify-content: center;
}
.modal-play-project__body__right {
    flex: 0;
}
.modal-play-project__footer {
    border-top: 1px solid #e7e4e4;
}
.modal-play-project__title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
}
.modal-play-project__title__remix {
    margin-left: 15px;
}
.modal-play-project__player {
    width: 100%;
    max-width: 695px;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.modal-play-project__player::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.modal-play-project__player::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.modal-play-project__player::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.modal-play-project__player::-webkit-scrollbar-thumb:hover {
    background-color: #b3b3b3;
}
.modal-play-project__player::-webkit-scrollbar-thumb:active {
    background-color: #999;
}
.modal-play-project__player::-webkit-scrollbar-track {
    border-radius: 0;
}
.modal-play-project__player::-webkit-scrollbar-corner {
    background: 0 0;
}
.modal-play-project__player stage .stage {
    background-color: #343434!important;
}
.modal-play-project__project-information {
    width: 300px;
    margin-left: 50px;
    max-height: 425px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    padding-right: 10px;
}
.modal-play-project__project-information::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.modal-play-project__project-information::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.modal-play-project__project-information::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.modal-play-project__project-information::-webkit-scrollbar-thumb:hover {
    background-color: #b3b3b3;
}
.modal-play-project__project-information::-webkit-scrollbar-thumb:active {
    background-color: #999;
}
.modal-play-project__project-information::-webkit-scrollbar-track {
    border-radius: 0;
}
.modal-play-project__project-information::-webkit-scrollbar-corner {
    background: 0 0;
}
.modal-play-project__project-information .project-information__section {
    font-size: 16px;
    margin-bottom: 15px;
}
.modal-play-project__project-information .project-information__section .section__title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
}
.modal-play-project__project-information .project-information__section .section__subsection {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}
.modal-play-project__project-information .project-information__section .section__subsection__right {
    flex: 1;
}
.modal-play-project__project-information .project-information__section a {
    font-size: 16px;
}
.modal-play-project__project-information .project-information__screenshot {
    width: 70px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.modal-play-project__project-information .project-information__thanks {
    margin-left: 10px;
}
.modal-play-project__footer-toolbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 0;
}
.modal-play-project__footer-toolbar .footer_toolbar__center {
    flex: 1;
    display: flex;
    flex-direction: row;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
    margin-right: 25px;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action .action__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: icomoon!important;
    font-size: 20px;
    font-weight: 400;
    color: #707070;
    background-color: #ededed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    border: 2px solid transparent;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action .action__label {
    font-weight: 700;
    margin-top: 5px;
    font-size: 12px;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action .action__sublabel {
    visibility: hidden;
    font-weight: 400;
    margin-top: 0;
    font-size: 8px;
    height: 10px;
    text-transform: uppercase;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--clickable:hover {
    cursor: pointer;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--clickable:hover .action__icon {
    color: #000;
    border-color: #000;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--likes .action__icon--not-liked {
    display: flex;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--likes .action__icon--liked {
    display: none;
    color: #e2635a;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--likes--liked .action__icon--not-liked {
    display: none;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--likes--liked .action__icon--liked {
    display: flex;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--likes:hover {
    cursor: pointer;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--likes:hover .action__icon {
    color: #e2635a;
    border-color: #e2635a;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--share .action__icon {
    padding-left: 1px;
    line-height: 35px;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action--remix .action__icon {
    line-height: 38px;
}
.modal-play-project__footer-toolbar .footer-toolbar__actions .actions__action:hover .action__sublabel {
    visibility: visible;
}
.modal-play-project .player-actions a:hover {
    cursor: pointer;
    background-color: #000;
    color: #fff;
}
.modal-play-project .player-border {
    border: none;
    background-color: red;
}
@media(max-width:800px) {
    .modal-play-project__body {
        flex-direction: column;
    }
    .modal-play-project__project-information {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }
}
.modal-presentation-preview .slide-gallery {
    padding: 30px 20px;
}
.modal-presentation-preview .lesson-title {
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 20px;
    color: #47c4dc;
}
.modal-select h1 {
    font-size: 18px;
    font-weight: 700;
}
.modal-select ul li {
    border: 1px solid #ccc;
    padding: 16px;
    border-bottom: none;
    cursor: pointer;
    font-weight: 700;
}
.modal-select ul li input {
    margin: 0;
}
.modal-select ul li span {
    margin-left: 10px;
}
.modal-select ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.modal-select ul li:last-child {
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination-simple {
    font-size: 16px;
    font-weight: 700;
}
@media print,screen and (min-width:64em) {
    .pagination-simple {
        font-size: 14px;
    }
}
.pagination-simple a {
    font-family: icomoon;
    font-size: 16px;
    font-weight: 700;
}
@media print,screen and (min-width:64em) {
    .pagination-simple a {
        font-size: 14px;
    }
}
.pagination-simple input {
    display: inline-block;
    width: 40px;
}
.pagination-simple input[type=number] {
    -moz-appearance: textfield;
}
.pagination-simple input::-webkit-inner-spin-button,
.pagination-simple input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.show-presentation .base-view {
    text-align: center;
    height: 95vh;
}
.show-presentation .base-view-small {
    text-align: center;
    height: 500px;
    min-width: 1200px;
}
.show-presentation .base-view-preview {
    text-align: center;
    height: 500px;
    min-width: 900px;
}
.show-presentation .dark-background {
    background: transparent linear-gradient(119deg,#272c4a,#141b2e) 0 0 no-repeat padding-box;
    opacity: 1;
    color: #fff;
}
.show-presentation .slide-view {
    width: 100%;
}
.show-presentation .slide-box-container {
    margin: auto;
    width: fit-content;
}
.show-presentation .slide-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    min-width: 800px;
}
.show-presentation .main-slide {
    max-width: 100%;
    max-height: 85vh;
    border: 1px solid #000;
}
.show-presentation .main-slide-preview,
.show-presentation .main-slide-small {
    max-width: 100%;
    max-height: 400px;
    border: 1px solid #000;
}
.show-presentation .slide-control {
    margin: 0;
    padding: 10px;
    font-size: 60px;
    font-weight: lighter;
    color: #fff;
    cursor: pointer;
}
.show-presentation .slide-control-disabled {
    color: #555;
}
.show-presentation .slide-control-box {
    width: 80px;
    display: flex;
    align-items: center;
}
.show-presentation .slide-number {
    text-align: left;
    padding: 5px 80px;
    font-size: 20px;
}
.show-presentation .slides {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
    text-align: left;
    height: 100%;
    padding: 10px 0;
}
.show-presentation .slides-nav {
    isolation: isolate;
    overflow-y: auto;
    position: relative;
    text-align: left;
    width: 0;
    max-width: 15rem;
    padding: 3rem 0;
    height: 100%;
}
.show-presentation .slides-nav.is-active {
    background-color: #000;
    min-width: 250px;
}
.show-presentation .slides-nav-list {
    padding: 3rem 0;
}
.show-presentation .slides-nav > ol > li {
    padding: 0.75rem 1.5rem;
}
.show-presentation .slides-nav > ol > li > a {
    display: block;
}
.show-presentation .slides-nav-control {
    background-color: rgba(0,0,0,.25);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    padding: 0.75rem;
    position: absolute;
    left: 0.5rem;
    z-index: 2;
    height: 40px;
    width: 40px;
}
.show-presentation .slides-nav-thumbnail {
    display: block;
    border: 4px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.125s ease-in-out;
}
.show-presentation .slides-nav-thumbnail:hover {
    opacity: 1;
}
.show-presentation .slides-nav-thumbnail.is-selected {
    border-color: #47c4dc;
    opacity: 1;
}
.switch {
    border: 1px solid #9c9c9c;
    border-radius: 50px;
    height: 22px;
    padding-left: 4px;
    padding-top: 2px;
    padding-right: 4px;
    width: 42px;
}
.switch .switch__thumb {
    border-radius: 16px;
    height: 16px;
    width: 16px;
}
.switch.\--on {
    border-color: #00bcd4;
}
.switch.\--on .switch__thumb {
    background-color: #00bcd4;
    float: right;
}
.switch.\--off .switch__thumb {
    background-color: #9c9c9c;
    float: left;
}
.unit-preview {
    background: fixed url("../image/lessons/ap-preview-bg.svg),linear-gradient(170deg,#5fb3db 15%,#66d1b1 85%");
    background-attachment: fixed;
}
.unit-preview .header {
    padding-top: 10px;
}
.unit-preview .header.header-links {
    padding-bottom: 10px;
}
.unit-preview .header.header-nav {
    padding-top: 30px;
}
.unit-preview .header.header-nav .dashboard-nav {
    display: inline-block;
    width: auto;
}
.unit-preview .header.header-nav .right {
    float: right;
}
.unit-preview .header.header-nav .right .assign-unassign {
    display: inline-block;
}
.unit-preview .header.header-nav .right .assign-unassign .button {
    margin-top: -5px;
    margin-bottom: 0;
}
.unit-preview .header.header-nav .right .run-lesson {
    display: inline-block;
}
.unit-preview .header.header-nav .right .run-lesson .button {
    margin-top: -5px;
    margin-bottom: 0;
    background-color: #ff8d1a;
    border: 1px solid #ff8d1a;
}
.unit-preview .lesson-hero {
    position: relative;
    width: 100%;
    padding: 10px 0 30px;
}
.unit-preview .lesson-hero .row {
    width: 1000px;
}
.unit-preview .lesson-hero h1 {
    position: relative;
    z-index: 1;
    font-size: 40px;
    margin: 0 0 5px;
    color: #fff;
}
.unit-preview .lesson-hero p.subtitle {
    text-align: center;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
}
.unit-preview .lesson-hero .course-char-image {
    text-align: center;
}
.unit-preview .lesson-hero .course-char-image img {
    max-height: 300px;
}
.unit-preview .course-nav {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 4px;
}
.unit-preview .course-nav:before {
    content: "\E09C";
    font-family: IcoMoon;
    font-size: 10px;
    margin-right: 5px;
}
.unit-preview .course-nav:hover {
    color: orange;
}
.unit-preview .course-nav:empty {
    display: none;
}
.unit-preview .course-title {
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.unit-preview .unit-control {
    text-align: right;
}
.unit-preview .unit-select {
    border: none;
    border-bottom: dotted #ccc;
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    width: 100px;
    padding-bottom: 4px;
}
.unit-preview .unit-select:focus {
    box-shadow: none;
}
.unit-preview .unit-select option {
    color: #000;
}
.unit-preview h2 {
    font-size: 36px;
    color: #a9a9a9;
}
.unit-preview .present-modules {
    height: 100vh;
    padding-top: 30px;
}
.unit-preview .unit-container {
    position: relative;
    white-space: nowrap;
    width: 100%;
    min-width: 900px;
    overflow: hidden;
}
.unit-preview .unit-container .unit {
    width: 95%;
    margin: auto;
}
.unit-preview .unit-container .scrollctrl {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
}
.unit-preview .unit-container .scrollctrl.scroll-left {
    left: 0;
}
.unit-preview .unit-container .scrollctrl.scroll-right {
    right: 0;
}
.unit-preview .lessons-list {
    margin-left: 0!important;
    margin-bottom: 15px;
    text-align: left;
}
.unit-preview .lessons-list li {
    display: inline-block;
    margin-right: 15px;
}
.unit-preview .lessons-list li a {
    display: inline-block;
    width: 35px;
    height: 25px;
    border-radius: 15px;
    background-color: rgba(0,0,0,.1);
    color: #666767;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
}
.unit-preview .lessons-list li a.active,
.unit-preview .lessons-list li a:focus,
.unit-preview .lessons-list li a:hover {
    background-color: #00bcd4;
    color: #fff;
    outline: none;
}
.unit-preview .teacher-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 22px;
    color: #fff;
    padding: 10px;
    text-align: center;
    background-color: rgba(128,0,128,.8);
    z-index: 20;
}
.unit-preview .teacher-preview .row {
    padding: 0;
}
.unit-preview .teacher-preview a.return-class {
    color: #fff;
    float: left;
    margin-top: 5px;
    font-size: 16px;
}
.unit-preview .teacher-preview a.return-class:before {
    content: "\E09C";
    font-family: IcoMoon;
    font-size: 14px;
    margin-right: 5px;
}
.unit-preview .teacher-preview a.return-class:hover {
    color: orange;
}
.unit-preview .teacher-image {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}
.unit-preview .tab-content-container {
    min-height: 100vh;
}
.unit-preview .classroom.lesson .lesson-badge.completed .description:before {
    content: " ";
}
.unit-preview .teacher .lesson-badge .cover-image {
    filter:none
}
.unit-preview .teacher .lesson-badge .badge-name {
    background-color: green;
}
.unit-preview .teacher-guide {
    padding-top: 40px;
    background-color: #fff;
}
.unit-preview .teacher-guide h2 {
    font-size: 36px;
}
.unit-preview .teacher-guide h3 {
    font-size: 24px;
    margin-top: 1.5em;
}
.unit-preview .teacher-guide hr {
    border: none;
    border-top: 1px solid gray;
}
.unit-preview .teacher-guide ul {
    list-style: disc outside;
    margin-left: 28px;
}
.unit-preview .teacher-guide code {
    border: none;
    background: 0 0;
}
.unit-preview .teacher-guide .module {
    margin: 10px 0;
}
.unit-preview .teacher-guide .module img {
    border-radius: 5px;
    height: 66px;
    width: 99px;
}
.unit-preview .teacher-guide .module .image {
    display: inline-block;
    vertical-align: top;
}
.unit-preview .teacher-guide .module .number {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #00bcd4;
}
.unit-preview .teacher-guide .module .info {
    display: inline-block;
}
.unit-preview .teacher-guide .module .info .name {
    font-size: 16px;
    font-weight: 700;
}
.unit-preview .teacher-guide .module .info .description {
    margin-top: 5px;
    font-size: 13px;
}
.unit-preview .answer-keys {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
}
.unit-preview .answer-keys .answer-key {
    margin-bottom: 40px;
}
@media print {
    .unit-preview body > .content {
        display: block!important;
    }
    .unit-preview #print-area,
    .unit-preview .lesson-hero .chapters,
    .unit-preview .lesson-hero .course-nav,
    .unit-preview .sub-navigation {
        display: none!important;
    }
    .unit-preview .course-catalog > li,
    .unit-preview .course-catalog > li span {
        -webkit-print-color-adjust: exact;
        -webkit-filter:opacity(1);
    }
    .unit-preview .course-catalog > li a[href]:after {
        content: none;
    }
}
.unit-preview body.site-app.lesson-preview-hs .filter-tabs .button {
    padding: 10px 20px;
    border: none;
    border-radius: 50px;
    background-color: rgba(0,0,0,.1);
    color: #fff;
    font-weight: 500;
    text-transform: none;
}
.unit-preview body.site-app.lesson-preview-hs .filter-tabs .button.active,
.unit-preview body.site-app.lesson-preview-hs .filter-tabs .button:focus,
.unit-preview body.site-app.lesson-preview-hs .filter-tabs .button:hover {
    background-color: #fff;
    color: #00bcd4;
}
version {
    font-size: 9pt;
}
.bfs-form .country-code-mobile {
    display: flex;
}
.bfs-form .country-code-mobile__country-code {
    width: 90px;
}
.bfs-form .country-code-mobile__country-code select {
    font-family: monospace;
    padding-left: 1rem;
    padding-right: 1rem;
}
.bfs-form .country-code-mobile__mobile {
    flex-grow: 1;
    padding-left: 1rem;
}
.bfs-schedule-trial-slot .bfs-form .loading-indicator {
    margin-bottom: 0;
    margin-top: 0;
}
.bfs-form-modal {
    font-size: rem-12px;
    text-align: center;
    height: auto;
    max-width: 480px;
    min-height: auto;
}
.bfs-form-modal a {
    font-size: inherit!important;
}
.bfs-form-modal p {
    color: #5b7385;
    font-size: inherit;
}
.bfs-form-modal__phone-number {
    display: block;
    font-weight: 700;
}
.bfs-form-modal__resend-link {
    color: color(orange);
}
.bfs-form-modal__resend-link:focus,
.bfs-form-modal__resend-link:hover {
    color: color(orange,darker);
}
.bfs-form-modal a.resend-link {
    font-weight: 700;
}
user-avatar {
    position: relative;
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 5px;
    text-transform: uppercase;
}
user-avatar .user-avatar__image {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
user-avatar .user-avatar__tooltip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
user-avatar .user-avatar__online-indicator {
    width: 10px;
    height: 10px;
    background-color: #63b763;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border: 1px solid rgba(0,0,0,.25);
}
loading-mask .loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #000;
    user-select: none;
}
loading-mask .loading-mask,
loading-mask .loading-mask__animation {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
loading-mask .loading-mask__animation--circle .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    width: 40px;
    height: 40px;
}
loading-mask .loading-mask__animation--circle .double-bounce1,
loading-mask .loading-mask__animation--circle .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}
loading-mask .loading-mask__animation--circle .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
    0%,
    to {
        -webkit-transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
    }
}
@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: auto;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
loading-mask .loading-mask__animation--cube-grid .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    to {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1);
    }
    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1);
    }
}
@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    to {
        -webkit-transform: scale3D(1,1,1);
        transform: scale3D(1,1,1);
    }
    35% {
        -webkit-transform: scale3D(0,0,1);
        transform: scale3D(0,0,1);
    }
}
loading-mask .loading-mask__animation--horizontal-dots {
    display: flex;
}
loading-mask .loading-mask__animation--horizontal-dots .spinner {
    width: 70px;
    text-align: center;
}
loading-mask .loading-mask__animation--horizontal-dots .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
loading-mask .loading-mask__animation--horizontal-dots .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
loading-mask .loading-mask__animation--horizontal-dots .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}
@keyframes sk-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
loading-mask .loading-mask__message {
    color: #fff;
    font-weight: 600;
    margin-top: 15px;
}
user-display-name {
    display: flex;
    min-width: 1px;
    min-height: 1px;
}
coach-compose-button .coach-compose-button__button {
    position: fixed;
    right: 0;
    bottom: 138px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #0000004d;
}
coach-compose-button .coach-compose-button__button user-avatar {
    width: 40px;
    height: 40px;
}
coach-compose-button .coach-compose-button__button:hover {
    cursor: pointer;
}
coach-compose-button .coach-compose-button__panel {
    position: fixed;
    right: 0;
    bottom: 95px;
    z-index: 20;
    width: 368px;
    height: 235px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #2e3347;
    box-shadow: 0 3px 20px #00000082;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
coach-compose-button .coach-compose-button__panel .panel__header {
    flex: 0 0 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    color: #fff;
    background-color: #00bcd4;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
coach-compose-button .coach-compose-button__panel .panel__header__left {
    flex: 1;
}
coach-compose-button .coach-compose-button__panel .panel__header__right {
    flex: 0;
}
coach-compose-button .coach-compose-button__panel .panel__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 0;
}
coach-compose-button .coach-compose-button__panel .panel__body__top {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
coach-compose-button .coach-compose-button__panel .panel__body__bottom {
    flex: 0 0 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
coach-compose-button .coach-compose-button__panel .panel__body__bottom__left {
    flex: 1;
}
coach-compose-button .coach-compose-button__panel .panel__body__bottom__right {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
coach-compose-button .coach-compose-button__panel .panel__text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #ccc;
    font-size: 13px;
    font-weight: 500;
    user-select: none;
}
coach-compose-button .coach-compose-button__panel .panel__text__link {
    color: #00bcd4;
    user-select: none;
}
coach-compose-button .coach-compose-button__panel .panel__text__link:hover {
    cursor: pointer;
}
coach-compose-button .coach-compose-button__panel .panel__textarea {
    border: none;
    width: 100%;
    height: 125px;
    resize: none;
    margin: 0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
    padding: 14px;
    overflow-y: hidden;
}
coach-compose-button .coach-compose-button__panel .panel__send-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    width: 72px;
    height: 34px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    background-color: #00bcd4;
    margin-left: 10px;
}
coach-compose-button .coach-compose-button__panel .panel__send-button:hover {
    cursor: pointer;
}
coach-compose-button .coach-compose-button__panel .panel__send-button--disabled {
    cursor: auto;
    pointer-events: none;
    background-color: gray;
}
coach-compose-button .coach-compose-button__panel .panel__cancel-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    width: 72px;
    height: 34px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
    color: #ccc;
}
coach-compose-button .coach-compose-button__panel .panel__cancel-button:hover {
    cursor: pointer;
}
coach-compose-button .coach-compose-button__panel .panel__close-button {
    width: 35px;
    height: 35px;
}
coach-compose-button .coach-compose-button__panel .panel__close-button svg circle {
    fill: #00bcd4;
}
coach-compose-button .coach-compose-button__panel .panel__close-button svg path {
    fill: #fff;
}
coach-compose-button .coach-compose-button__panel .panel__close-button:hover {
    cursor: pointer;
}
coach-compose-button .coach-compose-button__panel .panel__close-button:hover svg circle {
    fill: #fff;
}
coach-compose-button .coach-compose-button__panel .panel__close-button:hover svg path {
    fill: #00bcd4;
}
toolbar-feeds-button .toolbar-feeds-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 0;
    text-align: center;
}
toolbar-feeds-button .toolbar-feeds-button svg {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    fill: #7d7e82;
}
toolbar-feeds-button .toolbar-feeds-button__container {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
toolbar-feeds-button .toolbar-feeds-button__container--notifications {
    padding-top: 2px;
}
toolbar-feeds-button .toolbar-feeds-button__container--notifications .toolbar-feeds-button__icon {
    height: 25px;
    padding: 0;
}
toolbar-feeds-button .toolbar-feeds-button__container--notifications .toolbar-feeds-button__counter {
    top: 2px;
    right: 5px;
    left: inherit;
    bottom: inherit;
}
toolbar-feeds-button .toolbar-feeds-button__container--stream {
    padding-top: 2px;
}
toolbar-feeds-button .toolbar-feeds-button__container--stream .toolbar-feeds-button__icon {
    height: 20px;
    padding: 0;
    margin-top: -5px;
}
toolbar-feeds-button .toolbar-feeds-button__container--stream .toolbar-feeds-button__counter {
    top: 1px;
    right: 5px;
    left: inherit;
    bottom: inherit;
}
toolbar-feeds-button .toolbar-feeds-button__icon {
    width: 100%;
    height: 100%;
}
toolbar-feeds-button .toolbar-feeds-button__label {
    display: none;
    width: 100%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 7px;
}
toolbar-feeds-button .toolbar-feeds-button__counter {
    position: absolute;
    font-size: 10px;
    font-weight: 700;
    bottom: -5px;
    left: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    color: #fff;
    background-color: #d01031;
}
toolbar-feeds-button .toolbar-feeds-button--selected,
toolbar-feeds-button .toolbar-feeds-button:hover {
    cursor: pointer;
}
toolbar-feeds-button .toolbar-feeds-button--selected svg,
toolbar-feeds-button .toolbar-feeds-button:hover svg {
    fill: #fff;
}
toolbar-feeds-button .toolbar-feeds-button--selected .toolbar-feeds-button__label,
toolbar-feeds-button .toolbar-feeds-button:hover .toolbar-feeds-button__label {
    color: #fff;
}
toolbar-feeds-button .toolbar-feeds-button--avatar .toolbar-feeds-button__container--avatar,
toolbar-feeds-button .toolbar-feeds-button--notifications .toolbar-feeds-button__container--notifications,
toolbar-feeds-button .toolbar-feeds-button--stream .toolbar-feeds-button__container--stream {
    display: flex;
}
toolbar-feeds-button .toolbar-feeds-button--avatar .toolbar-feeds-button__container--avatar user-avatar {
    width: 40px;
    height: 40px;
}
toolbar-feeds-button .toolbar-feeds-button--context-ide,
toolbar-feeds-button .toolbar-feeds-button--context-ide-bramble,
toolbar-feeds-button .toolbar-feeds-button--context-ide-coaching,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard-inbox {
    padding: 0;
}
toolbar-feeds-button .toolbar-feeds-button--context-ide .toolbar-feeds-button__counter,
toolbar-feeds-button .toolbar-feeds-button--context-ide-bramble .toolbar-feeds-button__counter,
toolbar-feeds-button .toolbar-feeds-button--context-ide-coaching .toolbar-feeds-button__counter,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard-inbox .toolbar-feeds-button__counter {
    top: 5px;
    right: 5px;
    bottom: auto;
    left: auto;
}
toolbar-feeds-button .toolbar-feeds-button--context-ide .toolbar-feeds-button__container--stream .toolbar-feeds-button__icon,
toolbar-feeds-button .toolbar-feeds-button--context-ide-bramble .toolbar-feeds-button__container--stream .toolbar-feeds-button__icon,
toolbar-feeds-button .toolbar-feeds-button--context-ide-coaching .toolbar-feeds-button__container--stream .toolbar-feeds-button__icon,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard-inbox .toolbar-feeds-button__container--stream .toolbar-feeds-button__icon {
    display: flex;
    width: 25px;
    height: 25px;
}
toolbar-feeds-button .toolbar-feeds-button--context-ide-bramble.toolbar-feeds-button--selected .toolbar-feeds-button__label,
toolbar-feeds-button .toolbar-feeds-button--context-ide-coaching.toolbar-feeds-button--selected .toolbar-feeds-button__label,
toolbar-feeds-button .toolbar-feeds-button--context-ide.toolbar-feeds-button--selected .toolbar-feeds-button__label,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard-inbox.toolbar-feeds-button--selected .toolbar-feeds-button__label {
    color: #fff;
}
toolbar-feeds-button .toolbar-feeds-button--context-ide-bramble.toolbar-feeds-button--avatar,
toolbar-feeds-button .toolbar-feeds-button--context-ide-coaching.toolbar-feeds-button--avatar {
    position: fixed;
    right: 0;
    bottom: 138px;
    z-index: 30000;
    background-color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    height: 50px;
    width: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #0000004d;
}
toolbar-feeds-button .toolbar-feeds-button--context-ide-bramble.toolbar-feeds-button--avatar:hover,
toolbar-feeds-button .toolbar-feeds-button--context-ide-coaching.toolbar-feeds-button--avatar:hover {
    cursor: pointer;
}
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard,
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard-basic,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard {
    position: fixed;
    top: 0;
    right: 15px;
    background-color: #000;
    border-radius: 50%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 40px;
    width: 40px;
    z-index: 40!important;
    transition: transform 0.1s ease-in-out;
}
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard svg,
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard-basic svg,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard svg {
    width: 100%;
    height: 100%;
}
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard svg path,
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard-basic svg path,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard svg path {
    fill: #fff;
}
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard .toolbar-feeds-button__label,
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard-basic .toolbar-feeds-button__label,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard .toolbar-feeds-button__label {
    display: block;
}
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard-basic:hover,
toolbar-feeds-button .toolbar-feeds-button--context-student-dashboard:hover,
toolbar-feeds-button .toolbar-feeds-button--context-teacher-dashboard:hover {
    cursor: pointer;
    transform: scale(1.012);
    box-shadow: 4px 4px 8px rgba(0,0,0,.4);
}
toolbar-feeds-button .toolbar-feeds-button--hs-dashboard {
    position: absolute;
    top: 1rem;
    right: 15px;
    background-color: #fff;
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    z-index: 40!important;
    transition: transform 0.1s ease-in-out;
}
toolbar-feeds-button .toolbar-feeds-button--hs-dashboard svg {
    width: 100%;
    height: 100%;
}
toolbar-feeds-button .toolbar-feeds-button--hs-dashboard svg path {
    fill: #477690;
}
toolbar-feeds-button .toolbar-feeds-button--hs-dashboard:hover {
    cursor: pointer;
    transform: scale(1.012);
    box-shadow: 4px 4px 8px rgba(0,0,0,.4);
}
.toolbar-feeds-panel {
    display: flex;
    position: relative;
    border-radius: 0;
    padding: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,.8);
    height: 100%;
}
.toolbar-feeds-panel__close-button {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: -20px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #2e3347!important;
}
.toolbar-feeds-panel__close-button svg {
    width: 100%;
    height: 100%;
    margin-top: 1px;
}
.toolbar-feeds-panel__close-button svg path {
    fill: #fff;
}
.toolbar-feeds-panel__close-button svg circle {
    fill: #444852;
}
.toolbar-feeds-panel__close-button:hover {
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
    transform: scale(1.02);
}
.toolbar-feeds-panel iframe {
    width: 100%;
    height: 100%;
}
.toolbar-feeds-panel--visible {
    width: 350px!important;
}
.toolbar-feeds-panel--visible .toolbar-feeds-panel__close-button {
    z-index: 200;
    display: flex;
}
.toolbar-feeds-panel--context-ide,
.toolbar-feeds-panel--context-ide-bramble,
.toolbar-feeds-panel--context-ide-coaching,
.toolbar-feeds-panel--context-teacher-dashboard-inbox {
    display: none;
}
.toolbar-feeds-panel--context-ide-bramble.toolbar-feeds-panel--visible,
.toolbar-feeds-panel--context-ide-coaching.toolbar-feeds-panel--visible,
.toolbar-feeds-panel--context-ide.toolbar-feeds-panel--visible,
.toolbar-feeds-panel--context-teacher-dashboard-inbox.toolbar-feeds-panel--visible {
    display: flex;
}
.toolbar-feeds-panel--context-ide .toolbar-feeds-panel__close-button,
.toolbar-feeds-panel--context-ide-bramble .toolbar-feeds-panel__close-button,
.toolbar-feeds-panel--context-ide-coaching .toolbar-feeds-panel__close-button,
.toolbar-feeds-panel--context-teacher-dashboard-inbox .toolbar-feeds-panel__close-button {
    background-color: #2a2b30!important;
}
.toolbar-feeds-panel--context-student-dashboard,
.toolbar-feeds-panel--context-student-dashboard-basic,
.toolbar-feeds-panel--context-teacher-dashboard {
    position: fixed;
    top: 0!important;
    right: 9999px!important;
    bottom: 0!important;
    z-index: 900!important;
}
.toolbar-feeds-panel--context-student-dashboard-basic.toolbar-feeds-panel--visible,
.toolbar-feeds-panel--context-student-dashboard.toolbar-feeds-panel--visible,
.toolbar-feeds-panel--context-teacher-dashboard.toolbar-feeds-panel--visible {
    right: 0!important;
}
.toolbar-feeds-panel--context-ide-bramble {
    z-index: 40000;
}
.toolbar-feeds-panel feeds {
    width: 100%;
}
.ng-tooltip {
    position: absolute;
    font-size: 14px;
    text-align: center;
    color: #f8f8f2;
    padding: 3px 8px;
    background: #0a0a0a;
    border-radius: 4px;
    z-index: 99999;
    opacity: 0;
    line-height: normal;
}
.ng-tooltip:after {
    content: "";
    position: absolute;
    border-style: solid;
}
.ng-tooltip-top:after {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: #0a0a0a transparent transparent;
}
.ng-tooltip-bottom:after {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: transparent transparent #0a0a0a;
}
.ng-tooltip-left:after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent #0a0a0a;
}
.ng-tooltip-right:after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent #0a0a0a transparent transparent;
}
.ng-tooltip-show {
    opacity: 1;
    transition: opacity 0.5s;
}
.pagination .pagination-form {
    display: inline-block;
    white-space: nowrap;
}
.pagination .pagination-form input {
    height: 28px;
    padding: 6px;
    width: 116px;
}
.pagination .pagination-form button {
    color: #00bcd4;
    font-size: 16px;
    font-weight: 700;
}
.pagination .pagination-page a.next,
.pagination .pagination-page a.prev {
    font-family: icomoon;
    font-size: 12px;
    font-weight: 400;
}
.help-button {
    cursor: pointer;
    bottom: 100px;
    right: 0;
    position: fixed;
    z-index: 60;
    height: 50px;
    width: 50px;
}
.help-panel {
    position: fixed;
    display: flex;
    border-radius: 0;
    padding: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,.8);
    height: 100%;
    z-index: 100;
    background-color: #2a2b30;
    top: 0;
    right: 0;
    bottom: 0;
    width: 350px;
    flex-direction: column;
}
.help-panel .content {
    position: relative;
    flex: 1;
}
.help-panel .content .empty-state {
    padding: 20px;
    text-align: center;
}
.help-panel .content .empty-state h3,
.help-panel .content .empty-state p {
    color: #fff;
}
.help-panel .content .messages {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
}
.help-panel .content .messages::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.help-panel .content .messages::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.help-panel .content .messages::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.help-panel .content .messages::-webkit-scrollbar-thumb:hover {
    background-color: #b3b3b3;
}
.help-panel .content .messages::-webkit-scrollbar-thumb:active {
    background-color: #999;
}
.help-panel .content .messages::-webkit-scrollbar-track {
    border-radius: 0;
}
.help-panel .content .messages::-webkit-scrollbar-corner {
    background: 0 0;
}
.help-panel .content .messages .entry {
    overflow: hidden;
    margin: 10px;
    font-size: 0.9em;
    line-height: 1.4em;
}
.help-panel .content .messages .entry .message {
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029;
    padding: 10px 12px;
    text-align: left;
    max-width: 90%;
}
.help-panel .content .messages .entry .message.collapsed .results {
    display: none;
}
.help-panel .content .messages .entry .message.collapsed .show {
    display: block;
}
.help-panel .content .messages .entry .message .show {
    display: none;
}
.help-panel .content .messages .entry .message.markdown {
    font-size: 14px;
}
.help-panel .content .messages .entry .message.markdown h1 {
    font-size: 18px;
}
.help-panel .content .messages .entry .message.markdown h2 {
    font-size: 16px;
}
.help-panel .content .messages .entry .message.markdown a,
.help-panel .content .messages .entry .message.markdown h3,
.help-panel .content .messages .entry .message.markdown h4,
.help-panel .content .messages .entry .message.markdown h5,
.help-panel .content .messages .entry .message.markdown ol,
.help-panel .content .messages .entry .message.markdown p,
.help-panel .content .messages .entry .message.markdown ul {
    font-size: 14px;
}
.help-panel .content .messages .entry .message.markdown a.button {
    color: #fff;
    padding: 0 16px;
}
.help-panel .content .messages .entry .message.markdown a.button.tiny {
    font-weight: 400;
    font-size: 11px;
    padding: 0 11px;
    line-height: 18px;
}
.help-panel .content .messages .entry .message.markdown iframe {
    height: 150px;
}
.help-panel .content .messages .entry .message .additional-hidden {
    display: block;
    margin-top: 10px;
}
.help-panel .content .messages .entry .message .helpful {
    display: block;
    text-align: right;
    font-size: 11px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.help-panel .content .messages .entry .message .helpful a {
    font-size: 11px;
}
.help-panel .content .messages .entry.query {
    text-align: right;
}
.help-panel .content .messages .entry.query .message {
    border-top-right-radius: 0;
}
.help-panel .content .messages .entry.response .message {
    border-top-left-radius: 0;
}
.help-panel .query-prompt {
    flex: 0 0;
    padding: 10px;
    box-shadow: 4px 0 10px;
}
.help-panel .query-prompt form {
    display: flex;
    align-items: center;
}
.help-panel .query-prompt form input {
    flex: 1;
    margin: 0;
    border-radius: 4px;
    vertical-align: middle;
}
.help-panel .query-prompt form a {
    flex: 0;
    margin-left: 10px;
    margin-bottom: 0;
    color: #fff;
}
.help-panel__close-button {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: -20px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #2e3347!important;
}
.help-panel__close-button svg {
    width: 100%;
    height: 100%;
    margin-top: 1px;
}
.help-panel__close-button svg path {
    fill: #fff;
}
.help-panel__close-button svg circle {
    fill: #444852;
}
.help-panel__close-button:hover {
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
    transform: scale(1.02);
}
.help-panel--visible {
    width: 350px!important;
}
.help-panel--visible .help-panel__close-button {
    z-index: 20;
    display: flex;
}
.help-panel--context-ide {
    display: none;
}
.help-panel--context-ide.help-panel--visible {
    display: flex;
}
.help-panel--context-ide .help-panel__close-button {
    background-color: #2a2b30!important;
}
.help-panel--context-student-dashboard,
.help-panel--context-teacher-dashboard {
    position: fixed;
    top: 0!important;
    right: 9999px!important;
    bottom: 0!important;
    z-index: 900!important;
}
.help-panel--context-student-dashboard.help-panel--visible,
.help-panel--context-teacher-dashboard.help-panel--visible {
    right: 0!important;
}
@media screen and (max-width:600px) {
    .help-panel {
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .help-panel__close-button {
        top: 4px;
        left: 4px;
    }
    .help-panel--visible {
        width: 100%!important;
    }
}
.body .header {
    text-align: right;
}
.body.markdown {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.body.markdown h1,
.body.markdown h2,
.body.markdown h3,
.body.markdown h4,
.body.markdown h5 {
    color: #111;
    font-weight: 400;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 12px;
}
.body.markdown h1 {
    font-size: 32px;
}
.body.markdown h2 {
    font-size: 28px;
}
.body.markdown h3 {
    font-size: 24px;
}
.body.markdown h4 {
    font-size: 21px;
}
.body.markdown h5 {
    font-size: 18px;
}
.body.markdown a {
    color: #09f;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.body.markdown a,
.body.markdown ol,
.body.markdown p,
.body.markdown ul {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin-bottom: 12px;
}
.body.markdown a.button {
    color: #fff;
    padding: 0 16px;
}
.body.markdown a.button.tiny {
    font-size: 12px;
    padding: 0 12px;
}
.body.markdown a.copyable {
    display: none;
}
.body.markdown a.project {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
}
.body.markdown a.project .play-icon {
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
}
.body.markdown a.project .play-icon em {
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    border-top: 25px solid transparent;
    display: block;
    height: 0;
    width: 0;
    margin-left: 25px;
    margin-top: 15px;
}
.body.markdown ul {
    list-style-type: disc;
}
.body.markdown ul.block-reference {
    list-style-type: none;
}
.body.markdown ul.block-reference li {
    margin-left: 0;
    margin-bottom: 10px;
}
.body.markdown li {
    line-height: 24px;
    margin-left: 24px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.body.markdown li ul {
    margin-left: 24px;
}
.body.markdown pre {
    white-space: pre-wrap;
}
.body.markdown pre.language-block {
    background: 0 0;
}
.body.markdown pre.language-block span {
    display: inline-block;
}
.body.markdown pre.language-block span img {
    width: 50%;
}
.body.markdown code {
    font-family: Consolas,Monaco,Andale Mono,monospace;
    line-height: 1.5;
    font-size: 13px;
}
.body.markdown blockquote {
    margin: 1em 2em;
    max-width: 80%;
}
.body.markdown blockquote p {
    color: #666;
    max-width: 80%;
}
.body.markdown hr {
    max-width: 540px;
    text-align: left;
    margin: 0 auto 0 0;
    color: #999;
}
.body.markdown table {
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.body.markdown table thead {
    background-color: #eee;
}
.body.markdown table thead td {
    color: #666;
}
.body.markdown table td {
    padding: 0.5em 1em;
    border: 1px solid #ccc;
}
.body.markdown iframe {
    width: 100%;
    height: 70vh;
    border: none;
}
.body.markdown .grid {
    text-align: center;
}
.body.markdown .grid li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 10px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    text-align: center;
    min-height: 250px;
    line-height: 1rem;
}
.body.markdown .grid li strong {
    display: block;
}
.body.markdown .grid li a {
    color: #111;
    line-height: 1rem;
}
.modal-help-v2 {
    height: 90%;
    border-radius: 4px;
    border: 0!important;
    padding: 0!important !important;
    overflow: visible!important;
    display: flex!important;
    flex-direction: column;
}
.modal-help-v2.reveal a {
    font-size: inherit;
}
.modal-help-v2.style--index {
    background-color: #eee;
}
.modal-help-v2.style--index .header.nav {
    display: none;
}
.modal-help-v2.style--index .header.root {
    display: block;
}
.modal-help-v2.style--block-reference {
    background-color: #eee;
}
.modal-help-v2 .header.nav,
.modal-help-v2.style--block-reference .container .docnav {
    display: block;
}
.modal-help-v2 .header.root {
    display: none;
}
.modal-help-v2 .header {
    flex: 0;
    background-image: url("../image/dashboard/help/header-support.png");
    background-position: 50%;
    background-size: cover;
    padding: 20px;
}
.modal-help-v2 .header h2 {
    color: #fff;
}
.modal-help-v2 .header.nav {
    padding: 10px;
}
.modal-help-v2 .header.nav a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    vertical-align: top;
}
.modal-help-v2 .header.nav .back {
    white-space: nowrap;
}
.modal-help-v2 .header.nav .back svg {
    width: 10px;
    height: 10px;
    fill: #fff;
}
.modal-help-v2 .header.nav .home {
    font-size: 16px;
    margin-left: 10px;
}
.modal-help-v2 .header.nav input {
    margin: 0;
}
.modal-help-v2 .container {
    flex: 1;
    display: flex;
}
.modal-help-v2 .container .docnav {
    display: none;
    flex: 0 0 200px;
    width: 200px;
    position: relative;
}
.modal-help-v2 .container .docnav .nav {
    position: absolute;
    top: 20px;
    right: 0;
    left: 20px;
    bottom: 20px;
    overflow-y: auto;
}
.modal-help-v2 .container .docview {
    flex: 1;
    position: relative;
}
.modal-help-v2 .container .docview .body {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
    overflow-y: auto;
}
.modal-help-v2 .container .docview .body iframe {
    border: none;
    width: 100%;
    height: 100%;
}
.modal-help-v2 .container .docview .body a {
    color: #00f;
}
.modal-help-v2 .container .docview .body a.button {
    color: #fff;
}
.modal-help-v2 .container .docview .body > .response {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.modal-help-v2 .container .docview .body > .response:first-child {
    border-top: none;
    padding-top: auto;
    margin-top: auto;
}
.modal-help-v2__close-button {
    position: absolute;
    z-index: 10;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.modal-help-v2__close-button svg {
    width: 100%;
    height: 100%;
    margin-top: 1px;
}
.modal-help-v2__close-button svg path {
    fill: #fff;
}
.modal-help-v2__close-button svg circle {
    fill: #444852;
}
.modal-help-v2__close-button:hover {
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
    transform: scale(1.02);
}
@media screen and (max-width:600px) {
    .modal-help-v2__close-button {
        top: 4px;
        right: 4px;
    }
}
.modal-help-forward {
    border-radius: 4px!important;
    border: 0!important;
    overflow: visible!important;
}
.modal-help-forward input.disabled {
    background-color: #e6e6e6;
    box-shadow: none;
}
.modal-help-forward input.disabled:focus {
    background-color: #e6e6e6;
    box-shadow: none;
    border: 1px solid #cacaca;
}
.modal-help-forward__close-button {
    position: absolute;
    z-index: 10;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.modal-help-forward__close-button svg {
    width: 100%;
    height: 100%;
    margin-top: 1px;
}
.modal-help-forward__close-button svg path {
    fill: #fff;
}
.modal-help-forward__close-button svg circle {
    fill: #444852;
}
.modal-help-forward__close-button:hover {
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
    transform: scale(1.02);
}
@media screen and (max-width:600px) {
    .modal-help-forward__close-button {
        top: 4px;
        right: 4px;
    }
}
.oauth-onboarding {
    background: #8b75d6;
    background: linear-gradient(130deg,#8b75d6,#5e5eb7 45%,#48adc1 90%);
}
.oauth-onboarding .global-header {
    padding: 10px 40px;
}
.oauth-onboarding .global-header .logo a {
    display: inline-block;
    width: 122px;
    height: 30px;
    background-image: url("../image/tynker-logo-white.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.oauth-onboarding .modal-create {
    min-height: 250px;
}
.oauth-onboarding .panel {
    background: #fefefe;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: block;
    border-radius: 5px;
    padding: 20px 40px;
}
.oauth-onboarding a,
.oauth-onboarding label {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
}
.oauth-onboarding h1 {
    font-size: 1.5rem;
    text-align: center;
}
.oauth-onboarding p {
    font-size: 16px;
}
.oauth-onboarding p .hilight {
    color: #00bcd4;
}
.oauth-onboarding .error {
    color: red;
    font-weight: 700;
}
.oauth-onboarding .radio-labels-main {
    padding-top: 50px;
    padding-bottom: 70px;
}
.oauth-onboarding .radio-labels-main label {
    font-size: 18px;
}
.oauth-onboarding .radio-labels-teacher {
    padding-top: 20px;
    padding-bottom: 20px;
}
.oauth-onboarding .radio-labels-teacher label {
    font-size: 14px;
}
.oauth-onboarding .terms {
    margin-bottom: 35px;
}
.oauth-onboarding .terms .text {
    color: gray;
    font-size: 12px;
}
.oauth-onboarding .terms .text a {
    color: gray;
    font-weight: 700;
    text-decoration: underline;
    font-size: 12px;
}
.oauth-onboarding .terms label {
    display: block;
    padding: 5px;
    color: gray;
    font-size: 12px;
    margin-left: 18px;
}
.oauth-onboarding .terms label input {
    margin-bottom: 0;
    vertical-align: middle;
    margin-left: -23px;
}
.oauth-onboarding .different-account-link a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}
.oauth-onboarding .bottom-links {
    padding-right: 0;
}
.oauth-onboarding .bottom-links a {
    color: #fff;
}
.oauth-onboarding .top-links {
    padding-left: 0;
}
.oauth-onboarding .top-links a {
    color: #fff;
    font-weight: 700;
}
.modal-browse {
    height: 90%;
    border-radius: 4px;
    border: 0!important;
    padding: 0!important !important;
    overflow: visible!important;
    display: flex!important;
    flex-direction: column;
}
.modal-browse.reveal a {
    font-size: inherit;
}
.modal-browse .header {
    flex: 0;
    background-image: url("../image/dashboard/help/header-support.png");
    background-position: 50%;
    background-size: cover;
    padding: 20px;
}
.modal-browse .header h2 {
    color: #fff;
    margin-bottom: 0;
}
.modal-browse .header.nav {
    padding: 10px;
}
.modal-browse .header.nav a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    vertical-align: top;
}
.modal-browse .header.nav .back {
    white-space: nowrap;
}
.modal-browse .header.nav .back svg {
    width: 10px;
    height: 10px;
    fill: #fff;
}
.modal-browse .header.nav .home {
    font-size: 16px;
    margin-left: 10px;
}
.modal-browse .header.nav input {
    margin: 0;
}
.modal-browse .container {
    flex: 1;
    display: flex;
}
.modal-browse .container iframe {
    border: none;
    width: 100%;
    height: 100%;
}
.modal-browse__close-button {
    position: absolute;
    z-index: 10;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.modal-browse__close-button svg {
    width: 100%;
    height: 100%;
    margin-top: 1px;
}
.modal-browse__close-button svg path {
    fill: #fff;
}
.modal-browse__close-button svg circle {
    fill: #444852;
}
.modal-browse__close-button:hover {
    cursor: pointer;
    transition: transform 0.25s ease-in-out;
    transform: scale(1.02);
}
@media screen and (max-width:600px) {
    .modal-help-v2__close-button {
        top: 4px;
        right: 4px;
    }
}
block {
    display: inline-block;
}
block img {
    width: 50%;
}
.modal-minecraft-download-help {
    border: 0;
    border-radius: 5px;
    max-width: 500px;
    font-size: 15px;
    z-index: 9999;
    min-height: 512px;
}
.modal-minecraft-download-help h1 {
    font-size: 28px;
    text-align: center;
}
.modal-minecraft-download-help a {
    font-size: 15px;
    outline: none;
}
.modal-minecraft-download-help .tabs {
    border: 0;
    text-align: center;
}
.modal-minecraft-download-help .tabs .tabs-title {
    float: none;
    display: inline-block;
}
.modal-minecraft-download-help .tabs .tabs-title a {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.modal-minecraft-download-help .tabs .tabs-title > a:focus,
.modal-minecraft-download-help .tabs .tabs-title > a[aria-selected=true] {
    color: #00bcd4;
    background-color: transparent;
}
.modal-minecraft-download-help .tabs-content {
    border: 0;
    height: 450px;
    overflow: auto;
}
.modal-minecraft-download-help .tabs-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.modal-minecraft-download-help .tabs-content::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
}
.modal-minecraft-download-help .tabs-content::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 0;
}
.modal-minecraft-download-help .tabs-content img.icon {
    display: inline-block;
    width: 40px;
}
.modal-minecraft-download-help .tabs-content img.icon.icon-inline {
    width: 30px;
    vertical-align: middle;
}
.modal-minecraft-download-help .tabs-content img.screenshot {
    border: 1px solid #eee;
    border-radius: 5px;
    width: 500px;
}
.modal-minecraft-download-help .tabs-content img.screenshot.screenshot-small {
    width: 200px;
}
.modal-minecraft-download-help .tabs-content ol,
.modal-minecraft-download-help .tabs-content ul {
    padding-left: 0;
}
.modal-minecraft-download-help .tabs-content ol li,
.modal-minecraft-download-help .tabs-content ul li {
    font-size: 15px;
}
.modal-minecraft-download-help .tabs-content ol li img.screenshot,
.modal-minecraft-download-help .tabs-content ul li img.screenshot {
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
}
.modal-minecraft-download-help .tabs-panel-download,
.modal-minecraft-download-help .tabs-panel-download .download-button-container {
    text-align: center;
}
.modal-minecraft-download-help .tabs-panel-download .or-separator {
    position: relative;
    height: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.modal-minecraft-download-help .tabs-panel-download .or-separator .or-separator-line {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #bbb;
}
.modal-minecraft-download-help .tabs-panel-download .or-separator .or-separator-label {
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    font-weight: 600;
}
.modal-minecraft-download-help .tabs-panel-download .code {
    text-align: center;
    border: 1px solid #e6e6e6;
    padding: 10px;
    font-weight: 500;
    margin-bottom: 20px;
}
.modal-minecraft-download-help .button-download {
    outline: none;
    margin: 0;
}
.modal-minecraft-download-help .dont-show-again {
    color: #54b9cf;
    display: block;
    text-align: center;
    font-weight: 500;
    padding: 10px;
}
.modal-minecraft-download-help .dont-show-again:hover {
    color: #4cbfd8;
    text-decoration: underline;
}
.StripeElement,
stripe-card-element {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    display: block;
    height: 46px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    padding-top: 14px;
    padding-left: 6px;
    width: 100%;
}
.modal-unlock-subscribe {
    overflow: visible;
    padding: 4rem 0!important !important;
    border: 0!important;
    background: #ff0090;
    background: linear-gradient(90deg,#ff0090,#720a79);
}
.modal-unlock-subscribe.reveal h2 {
    color: #fefefe;
}
.modal-unlock-subscribe h2 {
    margin-top: 1rem;
}
.modal-unlock-subscribe h3 {
    text-transform: uppercase;
    color: #fefefe;
}
.modal-unlock-subscribe p,
.modal-unlock-subscribe ul {
    color: #fefefe;
    font-weight: 500;
}
.modal-unlock-subscribe input[type=email],
.modal-unlock-subscribe input[type=text] {
    border-radius: 5px;
    height: 40px;
}
.modal-unlock-subscribe .close-reveal-modal {
    color: #fff!important;
    font-size: 40px!important;
    position: absolute;
    right: 10px;
    top: 5px;
}
.modal-unlock-subscribe .close-reveal-modal:hover {
    text-shadow: 2px 2px 5px #000;
}
.modal-unlock-subscribe-form {
    background-color: #fefefe;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
}
.modal-unlock-subscribe-form h3 {
    color: #0a0a0a;
    font-size: 18px;
}
.modal-unlock-subscribe-form p {
    color: #0a0a0a;
}
.modal-unlock-subscribe-form .pricing-card-banner-container {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: -16px;
}
.modal-unlock-subscribe-form p.form-price {
    color: #01bcd5;
    font-size: 26px;
    font-weight: 800;
    position: relative;
}
.modal-unlock-subscribe-form p.form-price span.form-previous-price {
    color: #969696;
    font-size: 14px;
    left: 6px;
    top: 16px;
    position: absolute;
    text-decoration: line-through;
}
.modal-unlock-subscribe-form p.form-price span.form-price-interval {
    font-size: 16px;
}
.modal-unlock-subscribe-footnote {
    color: #fefefe;
}
.modal-unlock-subscribe-footnote a {
    color: #fefefe;
    font-weight: 700;
}
.modal-unlock-subscribe-footnote a:hover {
    color: #fefefe;
    text-decoration: underline;
}
.modal-unlock-subscribe .parents-modal {
    background-color: #fefefe;
}
.modal-unlock-subscribe .modal-unlock-content {
    padding: 20px;
    background-color: #fefefe;
}
.modal-unlock-subscribe .modal-unlock-gallery .active-thumbnail {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}
@media print,screen and (min-width:40em) {
    .modal-unlock-subscribe .modal-unlock-gallery .active-thumbnail {
        height: 140px;
    }
}
@media print,screen and (min-width:64em) {
    .modal-unlock-subscribe .modal-unlock-gallery .active-thumbnail {
        height: 322px;
    }
}
@media screen and (min-width:75em) {
    .modal-unlock-subscribe .modal-unlock-gallery .active-thumbnail {
        height: 382px;
    }
}
@media screen and (min-width:90em) {
    .modal-unlock-subscribe .modal-unlock-gallery .active-thumbnail {
        height: 428px;
    }
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-thumbnail-description {
    background-color: #2e3347;
    padding: 10px;
    margin-top: -7px;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-thumbnail-description span {
    font-size: 14px;
    color: #fff;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-thumbnail-description ul {
    margin-bottom: 0;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-thumbnail-description li {
    padding-top: 10px;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails li {
    display: inline-block;
    width: 20%;
    height: 80px;
    margin-top: 20px;
    margin-right: 10px;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .selected-thumbnail {
    width: 100%;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .selected-thumbnail img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border: 4px solid #58dcda;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .thumbnail {
    cursor: pointer;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .thumbnail img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.modal-unlock-subscribe .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .thumbnail-description {
    text-align: center;
    font-size: 12px;
    color: #888;
    padding-top: 5px;
}
.modal-unlock-subscribe .modal-unlock-sidebar {
    height: 100%;
    background-color: #2e3347;
    color: #fff;
    padding: 20px;
}
.modal-unlock-subscribe .modal-unlock-sidebar h4 {
    padding-bottom: 0;
}
.modal-unlock-subscribe .modal-unlock-sidebar h4,
.modal-unlock-subscribe .modal-unlock-sidebar p {
    color: #fff;
}
.modal-unlock-subscribe .modal-unlock-sidebar ul li {
    margin: 10px 0;
    font-size: 15px;
}
.modal-unlock-subscribe .modal-unlock-sidebar ul li .checkmark {
    height: 25px;
    width: 25px;
    background-color: #58dcda;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
}
.modal-unlock-subscribe .modal-unlock-sidebar input::placeholder {
    color: #9c9c9c;
}
.modal-unlock-subscribe .modal-unlock-sidebar [type=color],
.modal-unlock-subscribe .modal-unlock-sidebar [type=date],
.modal-unlock-subscribe .modal-unlock-sidebar [type=datetime-local],
.modal-unlock-subscribe .modal-unlock-sidebar [type=datetime],
.modal-unlock-subscribe .modal-unlock-sidebar [type=email],
.modal-unlock-subscribe .modal-unlock-sidebar [type=month],
.modal-unlock-subscribe .modal-unlock-sidebar [type=number],
.modal-unlock-subscribe .modal-unlock-sidebar [type=password],
.modal-unlock-subscribe .modal-unlock-sidebar [type=search],
.modal-unlock-subscribe .modal-unlock-sidebar [type=tel],
.modal-unlock-subscribe .modal-unlock-sidebar [type=text],
.modal-unlock-subscribe .modal-unlock-sidebar [type=time],
.modal-unlock-subscribe .modal-unlock-sidebar [type=url],
.modal-unlock-subscribe .modal-unlock-sidebar [type=week] {
    border-radius: 5px;
    height: 40px;
}
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper {
    background-color: #fefefe;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
}
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper p {
    color: #2e3347;
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper .subtitle {
    color: #2e3347;
    font-weight: 600;
    font-size: 17px;
}
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper .parent-subscription-request-form {
    margin-top: 1rem;
}
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask {
    background-color: rgba(12,12,19,.42);
}
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask .subtitle,
.modal-unlock-subscribe .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask label {
    color: #fff;
}
.modal-unlock-subscribe .modal-unlock-badges {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-unlock-subscribe .modal-unlock-badges h6 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
}
.modal-unlock-subscribe .modal-unlock-badges .course-badge {
    height: 60px;
}
.modal-unlock-subscribe .modal-unlock-details {
    text-align: right;
    margin-top: 20px;
}
.modal-unlock-subscribe .course-details-link {
    color: #00bcd4;
    font-weight: 600;
    font-size: 14px;
}
.modal-unlock-subscribe .course-details-link:hover {
    text-decoration: underline;
}
.modal-unlock-subscribe .loading-indicator-container {
    height: 700px;
    padding-top: 230px;
}
.modal-unlock.modal-unlock-parent .modal-unlock-sidebar .upgrade-cta-wrapper .price-action {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}
.modal-unlock.modal-unlock-parent .modal-unlock-sidebar .upgrade-cta-wrapper .price-action .button {
    margin-bottom: 10px;
    margin-top: 10px;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.025);
    }
    to {
        transform: scale(1);
    }
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px,0,0);
    }
    20%,
    80% {
        transform: translate3d(2px,0,0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px,0,0);
    }
    40%,
    60% {
        transform: translate3d(4px,0,0);
    }
}
.animation-pulsate {
    animation: pulsate 1.25s ease-in-out;
    animation-iteration-count: infinite;
}
.animation-shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.hour-of-code-gallery.hour-of-code-competitions .activities {
    background-color: transparent;
}
.hour-of-code-gallery.hour-of-code-competitions .activities h2 {
    color: #000;
}
.hour-of-code-gallery.hour-of-code-competitions .activities .info {
    display: inline-block;
}
.hour-of-code-gallery.hour-of-code-competitions .activities .info img {
    width: 100px;
}
.hour-of-code-gallery.hour-of-code-competitions .activities .tabs .tabs-title .tab-button {
    color: #fff;
}
.hour-of-code-gallery.hour-of-code-competitions .activities .tabs .tabs-title.is-active .tab-button {
    color: #00bcd4;
}
.hour-of-code-gallery.hour-of-code-competitions .activities .filter-button-group {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-gallery.hour-of-code-competitions .activities .filter-button-group {
        text-align: left;
    }
}
.hour-of-code-gallery.hour-of-code-competitions .activities .filter-button-group .filter-button {
    margin-right: 5px;
}
.hour-of-code-gallery.hour-of-code-competitions .activities .filter-button {
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 100px;
    color: #fff;
    display: inline-block;
    border-radius: 15%;
    background-color: #3a3a3a;
    border-radius: 50px;
    font-weight: 600;
    outline: none;
    margin-bottom: 15px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-gallery.hour-of-code-competitions .activities .filter-button {
        padding: 10px;
    }
}
.hour-of-code-gallery.hour-of-code-competitions .activities .filter-button.filter-button-selected,
.hour-of-code-gallery.hour-of-code-competitions .activities .filter-button:hover {
    background-color: #00afcc;
}
.dashboard-modal-hackathon-rules {
    overflow-y: scroll;
    max-height: 95vh;
    padding: 20px;
}
.dashboard-modal-hackathon-rules h2 {
    font-size: 36px;
}
.dashboard-modal-hackathon-rules p.red {
    color: #dc0c0c;
}
.dashboard-modal-hackathon-rules ol li ol {
    list-style-type: lower-alpha;
}
.dashboard-modal-hackathon-rules ul {
    list-style-type: square;
}
.dashboard-modal-hackathon-rules ol,
.dashboard-modal-hackathon-rules ul {
    font-size: 16px;
    line-height: 1.5;
}
.dashboard-modal-hackathon-rules ol li,
.dashboard-modal-hackathon-rules ul li {
    margin-left: 30px;
    margin-bottom: 10px;
}
.dashboard-modal-hackathon-rules ol ul,
.dashboard-modal-hackathon-rules ul ul {
    padding-top: 5px;
}
.dashboard-modal-hackathon-rules ol ul li,
.dashboard-modal-hackathon-rules ul ul li {
    margin-bottom: 0;
    list-style-type: disc;
}
.dashboard-modal-hackathon-rules .close-reveal-modal {
    right: 30px;
    top: 20px;
    color: #000;
}
.dashboard-modal-hackathon-rules .rules-header {
    background-color: #00bcd4;
    margin: auto;
    text-align: center;
}
.dashboard-modal-hackathon-rules .close-reveal-modal.nasa-modal {
    color: hsla(0,0%,100%,.6);
}
.modal-compare-plans.reveal {
    font-size: 18px;
    width: 822px;
    overflow: visible;
}
.modal-compare-plans.reveal .close-reveal-modal {
    background-color: #444852;
    border-radius: 50%;
    box-sizing: content-box;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 0.9;
    padding: 0.125rem;
    width: 1em;
    height: 1em;
    top: 0;
    right: 0;
    text-align: center;
    transform: translate(50%,-50%);
}
.modal-compare-plans table thead {
    background: 0 0;
    border: none;
}
.modal-compare-plans table thead th {
    text-align: center;
}
.modal-compare-plans table tbody {
    border: none;
}
.modal-compare-plans table tbody td {
    text-align: center;
}
.modal-compare-plans table tbody td:first-child {
    text-align: left;
}
.modal-compare-plans table tbody td .icon-checkmark {
    color: #76b853;
}
.modal-compare-plans table tbody tr:not(first-child) {
    border-bottom: 1px solid #d4edf0;
}
.modal-compare-plans table tbody tr:nth-child(2n) {
    border-bottom: 1px solid #d4edf0;
    background-color: transparent;
}
.modal-guest-offer {
    overflow: visible;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer {
        height: 45vh;
    }
}
.modal-guest-offer.reveal {
    border-radius: 8px;
}
@media screen and (max-width:39.9375em) {
    .modal-guest-offer.reveal .close-reveal-modal {
        color: #fff;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .modal-guest-offer.reveal .close-reveal-modal {
        color: #fff;
    }
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer.reveal {
        height: auto;
        width: 860px;
    }
}
.modal-guest-offer .modal-guest-offer__flex-container {
    display: flex;
    flex-direction: column;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer .modal-guest-offer__flex-container {
        flex-direction: row;
    }
    .modal-guest-offer .modal-guest-offer__flex-container .modal-guest-offer__action,
    .modal-guest-offer .modal-guest-offer__flex-container .modal-guest-offer__benefits {
        width: 50%;
    }
}
.modal-guest-offer .modal-guest-offer__benefits {
    padding: 30px 30px 0;
}
@media print,screen and (min-width:40em) {
    .modal-guest-offer .modal-guest-offer__benefits {
        padding: 30px 30px 15px;
    }
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer .modal-guest-offer__benefits {
        padding: 40px 60px;
    }
}
.modal-guest-offer .modal-guest-offer__benefits h2 {
    font-size: 24px;
}
.modal-guest-offer .modal-guest-offer__benefits ul {
    list-style: disc inside;
}
.modal-guest-offer .modal-guest-offer__benefits ul li {
    font-size: 16px;
    line-height: 32px;
}
.modal-guest-offer .modal-guest-offer__action {
    padding: 1.5rem 1rem;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer .modal-guest-offer__action {
        padding: 2.5rem;
    }
}
.modal-guest-offer .modal-guest-offer__action h2 {
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.modal-guest-offer .modal-guest-offer__action__discount {
    color: #ff8d1a;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0;
}
.modal-guest-offer .modal-guest-offer__action__discount-details {
    font-size: 18px;
    font-weight: 700;
}
@media screen and (max-width:39.9375em) {
    .modal-guest-offer .modal-guest-offer__action__discount-details {
        margin-bottom: 0.5rem;
    }
}
.modal-guest-offer .modal-guest-offer__action__body {
    font-size: 22px;
}
.modal-guest-offer .modal-guest-offer__action__cta > .button {
    margin-bottom: 0;
}
.modal-guest-offer.reveal {
    border: none;
    padding: 0;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer--space {
        background: transparent url("/static/space_bg.9e165496.png");
        background-size: contain;
    }
}
.modal-guest-offer--space .modal-guest-offer__benefits {
    background: transparent url("/static/space_bg.9e165496.png");
    background-size: cover;
    color: #fefefe;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer--space .modal-guest-offer__benefits {
        background: 0 0;
    }
}
.modal-guest-offer--space .modal-guest-offer__benefits h2,
.modal-guest-offer--space .modal-guest-offer__benefits p {
    color: #fefefe;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer--space .modal-guest-offer__benefits:after {
        background-image: url("/static/space_characters.968cd93b.png");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 162px;
    }
}
.modal-guest-offer--space .modal-guest-offer__action {
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer--space .modal-guest-offer__action {
        background-color: #fefefe;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }
}
.modal-guest-offer .close-reveal-modal.reveal {
    background-color: #fefefe;
    border-radius: 50%;
    box-sizing: content-box;
    color: #444852;
    font-size: 2rem;
    font-weight: 700;
    line-height: 0.9;
    padding: 0.125rem;
    width: 1em;
    height: 1em;
    top: 0;
    right: 0;
    text-align: center;
    transform: translate(-25%,25%);
}
@media print,screen and (min-width:64em) {
    .modal-guest-offer .close-reveal-modal.reveal {
        background-color: #444852;
        color: #fefefe;
        transform: translate(50%,-50%);
    }
}
.modal-highlight {
    position: relative;
    width: 100%;
    height: auto!important;
    min-height: auto!important;
    max-width: 45rem;
    max-height: none!important;
}
.modal-highlight h2,
.modal-highlight p {
    color: inherit;
}
.modal-highlight__close {
    color: inherit!important;
}
.modal-highlight__description {
    margin-bottom: 2rem;
}
.modal-highlight__description a {
    font-size: 16px;
}
.modal-highlight__flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.modal-highlight__flex > * {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
}
.modal-highlight__hero {
    margin-left: 1rem;
    width: 60rem;
    max-width: 40%;
}
.modal-highlight__logo {
    height: 1.6rem;
    margin-bottom: 1rem;
}
.modal-highlight__logo.\--square {
    height: 2.4rem;
    margin-bottom: 0.6rem;
}
.modal-highlight__title {
    margin-bottom: 2rem;
}
body.site .modal-highlight h2+p {
    font-size: 16px;
}
@charset "UTF-8";
.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none!important;
}
[ng-cloak].cloak-splash {
    display: block!important;
}
.cloak-splash {
    font-style: italic;
    display: none;
    padding: 5px;
    text-align: center;
}
input.ng-invalid.ng-dirty {
    border-color: #dd4b39;
    color: #dd4b39;
}
[data-preload-resource] {
    display: none!important;
}
.animate-fade.ng-enter {
    animation: fade-in 0.5s linear;
}
.animate-fade.ng-leave {
    animation: fade-out 0.5s linear;
}
/*!* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }
    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }
    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }
    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }
    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }
    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }
    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }
    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }
    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }
    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }
    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }
    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }
    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }
    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }
    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }
    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    to {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    to {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@media print,screen and (min-width:40em) {
    .reveal,
    .reveal.large,
    .reveal.medium,
    .reveal.small,
    .reveal.small-medium,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto;
    }
}
.slide-in-down.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateY(-100%);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0);
}
.slide-in-left.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateX(-100%);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0);
}
.slide-in-up.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateY(100%);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0);
}
.slide-in-right.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateX(100%);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0);
}
.slide-out-down.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%);
}
.slide-out-right.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%);
}
.slide-out-up.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateY(0);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%);
}
.slide-out-left.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: translateX(0);
    transition-property: transform,opacity;
    backface-visibility: hidden;
}
.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%);
}
.fade-in.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity;
}
.fade-in.mui-enter.mui-enter-active {
    opacity: 1;
}
.fade-out.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity;
}
.fade-out.mui-leave.mui-leave-active {
    opacity: 0;
}
.hinge-in-from-top.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0;
}
.hinge-in-from-top.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
}
.hinge-in-from-right.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0;
}
.hinge-in-from-right.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
}
.hinge-in-from-bottom.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0;
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
}
.hinge-in-from-left.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0;
}
.hinge-in-from-left.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
}
.hinge-in-from-middle-x.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0;
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
}
.hinge-in-from-middle-y.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0;
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
    transform: perspective(2000px) rotate(0deg);
    opacity: 1;
}
.hinge-out-from-top.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform-origin: top;
    transition-property: transform,opacity;
}
.hinge-out-from-top.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
}
.hinge-out-from-right.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1;
}
.hinge-out-from-right.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
}
.hinge-out-from-bottom.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1;
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0;
}
.hinge-out-from-left.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1;
}
.hinge-out-from-left.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
}
.hinge-out-from-middle-x.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1;
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
}
.hinge-out-from-middle-y.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1;
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
}
.scale-in-up.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0;
}
.scale-in-up.mui-enter.mui-enter-active {
    transform: scale(1);
    opacity: 1;
}
.scale-in-down.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0;
}
.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
    transform: scale(1);
    opacity: 1;
}
.scale-out-up.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
}
.scale-out-up.mui-leave.mui-leave-active {
    transform: scale(1.5);
    opacity: 0;
}
.scale-out-down.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1;
}
.scale-out-down.mui-leave.mui-leave-active {
    transform: scale(.5);
    opacity: 0;
}
.spin-in.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transform: rotate(-270deg);
    transition-property: transform,opacity;
    opacity: 0;
}
.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
    transform: rotate(0);
    opacity: 1;
}
.spin-out.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
}
.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
    transform: rotate(270deg);
    opacity: 0;
}
.spin-in-ccw.mui-enter {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
}
.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
    transform: rotate(0);
    opacity: 1;
}
.spin-out-ccw.mui-leave {
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-property: transform,opacity;
}
.spin-out-ccw.mui-leave.mui-leave-active {
    transform: rotate(-270deg);
    opacity: 0;
}
.slow {
    transition-duration: 0.75s!important;
}
.fast {
    transition-duration: 0.25s!important;
}
.linear {
    transition-timing-function: linear!important;
}
.ease {
    transition-timing-function: ease!important;
}
.ease-in {
    transition-timing-function: ease-in!important;
}
.ease-out {
    transition-timing-function: ease-out!important;
}
.ease-in-out {
    transition-timing-function: ease-in-out!important;
}
.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245)!important;
}
.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845)!important;
}
.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important;
}
.short-delay {
    transition-delay: 0.3s!important;
}
.long-delay {
    transition-delay: 0.7s!important;
}
.shake {
    animation-name: shake-7;
}
@keyframes shake-7 {
    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%);
    }
    15%,
    25%,
    35%,
    45%,
    5%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%);
    }
}
.spin-ccw,
.spin-cw {
    animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.wiggle {
    animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
    40%,
    50%,
    60% {
        transform: rotate(7deg);
    }
    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg);
    }
    0%,
    30%,
    70%,
    to {
        transform: rotate(0);
    }
}
.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    animation-duration: 0.5s;
}
.infinite {
    animation-iteration-count: infinite;
}
.slow {
    animation-duration: 0.75s!important;
}
.fast {
    animation-duration: 0.25s!important;
}
.linear {
    animation-timing-function: linear!important;
}
.ease {
    animation-timing-function: ease!important;
}
.ease-in {
    animation-timing-function: ease-in!important;
}
.ease-out {
    animation-timing-function: ease-out!important;
}
.ease-in-out {
    animation-timing-function: ease-in-out!important;
}
.bounce-in {
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245)!important;
}
.bounce-out {
    animation-timing-function: cubic-bezier(.485,.155,.515,.845)!important;
}
.bounce-in-out {
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245)!important;
}
.short-delay {
    animation-delay: 0.3s!important;
}
.long-delay {
    animation-delay: 0.7s!important;
}
/*!normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss*/
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption,
figure {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    overflow: visible;
}
main {
    display: block;
}
pre {
    font-family: monospace,monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace,monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
audio,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button {
    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;
}
input {
    overflow: visible;
}
[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-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    box-sizing: border-box;
    display: table;
    padding: 0;
    color: inherit;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
details {
    display: block;
}
summary {
    display: list-item;
}
menu {
    display: block;
}
canvas {
    display: inline-block;
}
[hidden],
template {
    display: none;
}
.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
    box-sizing: border-box;
    font-size: 100%;
}
*,
:after,
:before {
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #0a0a0a;
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0;
}
select {
    box-sizing: border-box;
    width: 100%;
}
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none!important;
}
button {
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1;
    cursor: auto;
}
[data-whatinput=mouse] button {
    outline: 0;
}
pre {
    overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
}
.is-visible {
    display: block!important;
}
.is-hidden {
    display: none!important;
}
.zf-row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.zf-row:after,
.zf-row:before {
    display: table;
    content: " ";
}
.zf-row:after {
    clear: both;
}
.zf-row.collapse > .zf-column {
    padding-right: 0;
    padding-left: 0;
}
.zf-row .zf-row {
    margin-right: -.625rem;
    margin-left: -.625rem;
}
@media print,screen and (min-width:40em) {
    .zf-row .zf-row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }
}
@media print,screen and (min-width:64em) {
    .zf-row .zf-row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }
}
@media screen and (min-width:75em) {
    .zf-row .zf-row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }
}
.zf-row .zf-row.collapse {
    margin-right: 0;
    margin-left: 0;
}
.zf-row.expanded {
    max-width: none;
}
.zf-row.expanded .zf-row {
    margin-right: auto;
    margin-left: auto;
}
.zf-row:not(.expanded) .zf-row {
    max-width: none;
}
.zf-row.gutter-small > .zf-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
.zf-row.gutter-medium > .zf-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.zf-column {
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    .zf-column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
.zf-column:last-child:not(:first-child) {
    float: right;
}
.zf-column.end:last-child:last-child {
    float: left;
}
.zf-column.zf-row.zf-row {
    float: none;
}
.zf-row .zf-column.zf-row.zf-row {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.small-1 {
    width: 8.3333333333%;
}
.small-push-1 {
    position: relative;
    left: 8.3333333333%;
}
.small-pull-1 {
    position: relative;
    left: -8.3333333333%;
}
.small-offset-0 {
    margin-left: 0;
}
.small-2 {
    width: 16.6666666667%;
}
.small-push-2 {
    position: relative;
    left: 16.6666666667%;
}
.small-pull-2 {
    position: relative;
    left: -16.6666666667%;
}
.small-offset-1 {
    margin-left: 8.3333333333%;
}
.small-3 {
    width: 25%;
}
.small-push-3 {
    position: relative;
    left: 25%;
}
.small-pull-3 {
    position: relative;
    left: -25%;
}
.small-offset-2 {
    margin-left: 16.6666666667%;
}
.small-4 {
    width: 33.3333333333%;
}
.small-push-4 {
    position: relative;
    left: 33.3333333333%;
}
.small-pull-4 {
    position: relative;
    left: -33.3333333333%;
}
.small-offset-3 {
    margin-left: 25%;
}
.small-5 {
    width: 41.6666666667%;
}
.small-push-5 {
    position: relative;
    left: 41.6666666667%;
}
.small-pull-5 {
    position: relative;
    left: -41.6666666667%;
}
.small-offset-4 {
    margin-left: 33.3333333333%;
}
.small-6 {
    width: 50%;
}
.small-push-6 {
    position: relative;
    left: 50%;
}
.small-pull-6 {
    position: relative;
    left: -50%;
}
.small-offset-5 {
    margin-left: 41.6666666667%;
}
.small-7 {
    width: 58.3333333333%;
}
.small-push-7 {
    position: relative;
    left: 58.3333333333%;
}
.small-pull-7 {
    position: relative;
    left: -58.3333333333%;
}
.small-offset-6 {
    margin-left: 50%;
}
.small-8 {
    width: 66.6666666667%;
}
.small-push-8 {
    position: relative;
    left: 66.6666666667%;
}
.small-pull-8 {
    position: relative;
    left: -66.6666666667%;
}
.small-offset-7 {
    margin-left: 58.3333333333%;
}
.small-9 {
    width: 75%;
}
.small-push-9 {
    position: relative;
    left: 75%;
}
.small-pull-9 {
    position: relative;
    left: -75%;
}
.small-offset-8 {
    margin-left: 66.6666666667%;
}
.small-10 {
    width: 83.3333333333%;
}
.small-push-10 {
    position: relative;
    left: 83.3333333333%;
}
.small-pull-10 {
    position: relative;
    left: -83.3333333333%;
}
.small-offset-9 {
    margin-left: 75%;
}
.small-11 {
    width: 91.6666666667%;
}
.small-push-11 {
    position: relative;
    left: 91.6666666667%;
}
.small-pull-11 {
    position: relative;
    left: -91.6666666667%;
}
.small-offset-10 {
    margin-left: 83.3333333333%;
}
.small-12 {
    width: 100%;
}
.small-offset-11 {
    margin-left: 91.6666666667%;
}
.small-up-1 > .zf-column {
    float: left;
    width: 100%;
}
.small-up-1 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-1 > .zf-column:nth-of-type(1n+1) {
    clear: both;
}
.small-up-1 > .zf-column:last-child {
    float: left;
}
.small-up-2 > .zf-column {
    float: left;
    width: 50%;
}
.small-up-2 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-2 > .zf-column:nth-of-type(odd) {
    clear: both;
}
.small-up-2 > .zf-column:last-child {
    float: left;
}
.small-up-3 > .zf-column {
    float: left;
    width: 33.3333333333%;
}
.small-up-3 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-3 > .zf-column:nth-of-type(3n+1) {
    clear: both;
}
.small-up-3 > .zf-column:last-child {
    float: left;
}
.small-up-4 > .zf-column {
    float: left;
    width: 25%;
}
.small-up-4 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-4 > .zf-column:nth-of-type(4n+1) {
    clear: both;
}
.small-up-4 > .zf-column:last-child {
    float: left;
}
.small-up-5 > .zf-column {
    float: left;
    width: 20%;
}
.small-up-5 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-5 > .zf-column:nth-of-type(5n+1) {
    clear: both;
}
.small-up-5 > .zf-column:last-child {
    float: left;
}
.small-up-6 > .zf-column {
    float: left;
    width: 16.6666666667%;
}
.small-up-6 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-6 > .zf-column:nth-of-type(6n+1) {
    clear: both;
}
.small-up-6 > .zf-column:last-child {
    float: left;
}
.small-up-7 > .zf-column {
    float: left;
    width: 14.2857142857%;
}
.small-up-7 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-7 > .zf-column:nth-of-type(7n+1) {
    clear: both;
}
.small-up-7 > .zf-column:last-child {
    float: left;
}
.small-up-8 > .zf-column {
    float: left;
    width: 12.5%;
}
.small-up-8 > .zf-column:nth-of-type(1n) {
    clear: none;
}
.small-up-8 > .zf-column:nth-of-type(8n+1) {
    clear: both;
}
.small-up-8 > .zf-column:last-child {
    float: left;
}
.small-collapse > .zf-column {
    padding-right: 0;
    padding-left: 0;
}
.expanded.zf-row .small-collapse.zf-row,
.small-collapse .zf-row {
    margin-right: 0;
    margin-left: 0;
}
.small-uncollapse > .zf-column {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
.small-centered {
    margin-right: auto;
    margin-left: auto;
}
.small-centered,
.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
}
.small-pull-0,
.small-push-0,
.small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
}
@media print,screen and (min-width:40em) {
    .medium-1 {
        width: 8.3333333333%;
    }
    .medium-push-1 {
        position: relative;
        left: 8.3333333333%;
    }
    .medium-pull-1 {
        position: relative;
        left: -8.3333333333%;
    }
    .medium-offset-0 {
        margin-left: 0;
    }
    .medium-2 {
        width: 16.6666666667%;
    }
    .medium-push-2 {
        position: relative;
        left: 16.6666666667%;
    }
    .medium-pull-2 {
        position: relative;
        left: -16.6666666667%;
    }
    .medium-offset-1 {
        margin-left: 8.3333333333%;
    }
    .medium-3 {
        width: 25%;
    }
    .medium-push-3 {
        position: relative;
        left: 25%;
    }
    .medium-pull-3 {
        position: relative;
        left: -25%;
    }
    .medium-offset-2 {
        margin-left: 16.6666666667%;
    }
    .medium-4 {
        width: 33.3333333333%;
    }
    .medium-push-4 {
        position: relative;
        left: 33.3333333333%;
    }
    .medium-pull-4 {
        position: relative;
        left: -33.3333333333%;
    }
    .medium-offset-3 {
        margin-left: 25%;
    }
    .medium-5 {
        width: 41.6666666667%;
    }
    .medium-push-5 {
        position: relative;
        left: 41.6666666667%;
    }
    .medium-pull-5 {
        position: relative;
        left: -41.6666666667%;
    }
    .medium-offset-4 {
        margin-left: 33.3333333333%;
    }
    .medium-6 {
        width: 50%;
    }
    .medium-push-6 {
        position: relative;
        left: 50%;
    }
    .medium-pull-6 {
        position: relative;
        left: -50%;
    }
    .medium-offset-5 {
        margin-left: 41.6666666667%;
    }
    .medium-7 {
        width: 58.3333333333%;
    }
    .medium-push-7 {
        position: relative;
        left: 58.3333333333%;
    }
    .medium-pull-7 {
        position: relative;
        left: -58.3333333333%;
    }
    .medium-offset-6 {
        margin-left: 50%;
    }
    .medium-8 {
        width: 66.6666666667%;
    }
    .medium-push-8 {
        position: relative;
        left: 66.6666666667%;
    }
    .medium-pull-8 {
        position: relative;
        left: -66.6666666667%;
    }
    .medium-offset-7 {
        margin-left: 58.3333333333%;
    }
    .medium-9 {
        width: 75%;
    }
    .medium-push-9 {
        position: relative;
        left: 75%;
    }
    .medium-pull-9 {
        position: relative;
        left: -75%;
    }
    .medium-offset-8 {
        margin-left: 66.6666666667%;
    }
    .medium-10 {
        width: 83.3333333333%;
    }
    .medium-push-10 {
        position: relative;
        left: 83.3333333333%;
    }
    .medium-pull-10 {
        position: relative;
        left: -83.3333333333%;
    }
    .medium-offset-9 {
        margin-left: 75%;
    }
    .medium-11 {
        width: 91.6666666667%;
    }
    .medium-push-11 {
        position: relative;
        left: 91.6666666667%;
    }
    .medium-pull-11 {
        position: relative;
        left: -91.6666666667%;
    }
    .medium-offset-10 {
        margin-left: 83.3333333333%;
    }
    .medium-12 {
        width: 100%;
    }
    .medium-offset-11 {
        margin-left: 91.6666666667%;
    }
    .medium-up-1 > .zf-column {
        float: left;
        width: 100%;
    }
    .medium-up-1 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-1 > .zf-column:nth-of-type(1n+1) {
        clear: both;
    }
    .medium-up-1 > .zf-column:last-child {
        float: left;
    }
    .medium-up-2 > .zf-column {
        float: left;
        width: 50%;
    }
    .medium-up-2 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-2 > .zf-column:nth-of-type(odd) {
        clear: both;
    }
    .medium-up-2 > .zf-column:last-child {
        float: left;
    }
    .medium-up-3 > .zf-column {
        float: left;
        width: 33.3333333333%;
    }
    .medium-up-3 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-3 > .zf-column:nth-of-type(3n+1) {
        clear: both;
    }
    .medium-up-3 > .zf-column:last-child {
        float: left;
    }
    .medium-up-4 > .zf-column {
        float: left;
        width: 25%;
    }
    .medium-up-4 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-4 > .zf-column:nth-of-type(4n+1) {
        clear: both;
    }
    .medium-up-4 > .zf-column:last-child {
        float: left;
    }
    .medium-up-5 > .zf-column {
        float: left;
        width: 20%;
    }
    .medium-up-5 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-5 > .zf-column:nth-of-type(5n+1) {
        clear: both;
    }
    .medium-up-5 > .zf-column:last-child {
        float: left;
    }
    .medium-up-6 > .zf-column {
        float: left;
        width: 16.6666666667%;
    }
    .medium-up-6 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-6 > .zf-column:nth-of-type(6n+1) {
        clear: both;
    }
    .medium-up-6 > .zf-column:last-child {
        float: left;
    }
    .medium-up-7 > .zf-column {
        float: left;
        width: 14.2857142857%;
    }
    .medium-up-7 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-7 > .zf-column:nth-of-type(7n+1) {
        clear: both;
    }
    .medium-up-7 > .zf-column:last-child {
        float: left;
    }
    .medium-up-8 > .zf-column {
        float: left;
        width: 12.5%;
    }
    .medium-up-8 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .medium-up-8 > .zf-column:nth-of-type(8n+1) {
        clear: both;
    }
    .medium-up-8 > .zf-column:last-child {
        float: left;
    }
    .medium-collapse > .zf-column {
        padding-right: 0;
        padding-left: 0;
    }
    .expanded.zf-row .medium-collapse.zf-row,
    .medium-collapse .zf-row {
        margin-right: 0;
        margin-left: 0;
    }
    .medium-uncollapse > .zf-column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .medium-centered {
        margin-right: auto;
        margin-left: auto;
    }
    .medium-centered,
    .medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both;
    }
    .medium-pull-0,
    .medium-push-0,
    .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0;
    }
}
@media print,screen and (min-width:64em) {
    .large-1 {
        width: 8.3333333333%;
    }
    .large-push-1 {
        position: relative;
        left: 8.3333333333%;
    }
    .large-pull-1 {
        position: relative;
        left: -8.3333333333%;
    }
    .large-offset-0 {
        margin-left: 0;
    }
    .large-2 {
        width: 16.6666666667%;
    }
    .large-push-2 {
        position: relative;
        left: 16.6666666667%;
    }
    .large-pull-2 {
        position: relative;
        left: -16.6666666667%;
    }
    .large-offset-1 {
        margin-left: 8.3333333333%;
    }
    .large-3 {
        width: 25%;
    }
    .large-push-3 {
        position: relative;
        left: 25%;
    }
    .large-pull-3 {
        position: relative;
        left: -25%;
    }
    .large-offset-2 {
        margin-left: 16.6666666667%;
    }
    .large-4 {
        width: 33.3333333333%;
    }
    .large-push-4 {
        position: relative;
        left: 33.3333333333%;
    }
    .large-pull-4 {
        position: relative;
        left: -33.3333333333%;
    }
    .large-offset-3 {
        margin-left: 25%;
    }
    .large-5 {
        width: 41.6666666667%;
    }
    .large-push-5 {
        position: relative;
        left: 41.6666666667%;
    }
    .large-pull-5 {
        position: relative;
        left: -41.6666666667%;
    }
    .large-offset-4 {
        margin-left: 33.3333333333%;
    }
    .large-6 {
        width: 50%;
    }
    .large-push-6 {
        position: relative;
        left: 50%;
    }
    .large-pull-6 {
        position: relative;
        left: -50%;
    }
    .large-offset-5 {
        margin-left: 41.6666666667%;
    }
    .large-7 {
        width: 58.3333333333%;
    }
    .large-push-7 {
        position: relative;
        left: 58.3333333333%;
    }
    .large-pull-7 {
        position: relative;
        left: -58.3333333333%;
    }
    .large-offset-6 {
        margin-left: 50%;
    }
    .large-8 {
        width: 66.6666666667%;
    }
    .large-push-8 {
        position: relative;
        left: 66.6666666667%;
    }
    .large-pull-8 {
        position: relative;
        left: -66.6666666667%;
    }
    .large-offset-7 {
        margin-left: 58.3333333333%;
    }
    .large-9 {
        width: 75%;
    }
    .large-push-9 {
        position: relative;
        left: 75%;
    }
    .large-pull-9 {
        position: relative;
        left: -75%;
    }
    .large-offset-8 {
        margin-left: 66.6666666667%;
    }
    .large-10 {
        width: 83.3333333333%;
    }
    .large-push-10 {
        position: relative;
        left: 83.3333333333%;
    }
    .large-pull-10 {
        position: relative;
        left: -83.3333333333%;
    }
    .large-offset-9 {
        margin-left: 75%;
    }
    .large-11 {
        width: 91.6666666667%;
    }
    .large-push-11 {
        position: relative;
        left: 91.6666666667%;
    }
    .large-pull-11 {
        position: relative;
        left: -91.6666666667%;
    }
    .large-offset-10 {
        margin-left: 83.3333333333%;
    }
    .large-12 {
        width: 100%;
    }
    .large-offset-11 {
        margin-left: 91.6666666667%;
    }
    .large-up-1 > .zf-column {
        float: left;
        width: 100%;
    }
    .large-up-1 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-1 > .zf-column:nth-of-type(1n+1) {
        clear: both;
    }
    .large-up-1 > .zf-column:last-child {
        float: left;
    }
    .large-up-2 > .zf-column {
        float: left;
        width: 50%;
    }
    .large-up-2 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-2 > .zf-column:nth-of-type(odd) {
        clear: both;
    }
    .large-up-2 > .zf-column:last-child {
        float: left;
    }
    .large-up-3 > .zf-column {
        float: left;
        width: 33.3333333333%;
    }
    .large-up-3 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-3 > .zf-column:nth-of-type(3n+1) {
        clear: both;
    }
    .large-up-3 > .zf-column:last-child {
        float: left;
    }
    .large-up-4 > .zf-column {
        float: left;
        width: 25%;
    }
    .large-up-4 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-4 > .zf-column:nth-of-type(4n+1) {
        clear: both;
    }
    .large-up-4 > .zf-column:last-child {
        float: left;
    }
    .large-up-5 > .zf-column {
        float: left;
        width: 20%;
    }
    .large-up-5 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-5 > .zf-column:nth-of-type(5n+1) {
        clear: both;
    }
    .large-up-5 > .zf-column:last-child {
        float: left;
    }
    .large-up-6 > .zf-column {
        float: left;
        width: 16.6666666667%;
    }
    .large-up-6 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-6 > .zf-column:nth-of-type(6n+1) {
        clear: both;
    }
    .large-up-6 > .zf-column:last-child {
        float: left;
    }
    .large-up-7 > .zf-column {
        float: left;
        width: 14.2857142857%;
    }
    .large-up-7 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-7 > .zf-column:nth-of-type(7n+1) {
        clear: both;
    }
    .large-up-7 > .zf-column:last-child {
        float: left;
    }
    .large-up-8 > .zf-column {
        float: left;
        width: 12.5%;
    }
    .large-up-8 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .large-up-8 > .zf-column:nth-of-type(8n+1) {
        clear: both;
    }
    .large-up-8 > .zf-column:last-child {
        float: left;
    }
    .large-collapse > .zf-column {
        padding-right: 0;
        padding-left: 0;
    }
    .expanded.zf-row .large-collapse.zf-row,
    .large-collapse .zf-row {
        margin-right: 0;
        margin-left: 0;
    }
    .large-uncollapse > .zf-column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .large-centered {
        margin-right: auto;
        margin-left: auto;
    }
    .large-centered,
    .large-centered:last-child:not(:first-child) {
        float: none;
        clear: both;
    }
    .large-pull-0,
    .large-push-0,
    .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0;
    }
}
@media screen and (min-width:75em) {
    .xlarge-1 {
        width: 8.3333333333%;
    }
    .xlarge-push-1 {
        position: relative;
        left: 8.3333333333%;
    }
    .xlarge-pull-1 {
        position: relative;
        left: -8.3333333333%;
    }
    .xlarge-offset-0 {
        margin-left: 0;
    }
    .xlarge-2 {
        width: 16.6666666667%;
    }
    .xlarge-push-2 {
        position: relative;
        left: 16.6666666667%;
    }
    .xlarge-pull-2 {
        position: relative;
        left: -16.6666666667%;
    }
    .xlarge-offset-1 {
        margin-left: 8.3333333333%;
    }
    .xlarge-3 {
        width: 25%;
    }
    .xlarge-push-3 {
        position: relative;
        left: 25%;
    }
    .xlarge-pull-3 {
        position: relative;
        left: -25%;
    }
    .xlarge-offset-2 {
        margin-left: 16.6666666667%;
    }
    .xlarge-4 {
        width: 33.3333333333%;
    }
    .xlarge-push-4 {
        position: relative;
        left: 33.3333333333%;
    }
    .xlarge-pull-4 {
        position: relative;
        left: -33.3333333333%;
    }
    .xlarge-offset-3 {
        margin-left: 25%;
    }
    .xlarge-5 {
        width: 41.6666666667%;
    }
    .xlarge-push-5 {
        position: relative;
        left: 41.6666666667%;
    }
    .xlarge-pull-5 {
        position: relative;
        left: -41.6666666667%;
    }
    .xlarge-offset-4 {
        margin-left: 33.3333333333%;
    }
    .xlarge-6 {
        width: 50%;
    }
    .xlarge-push-6 {
        position: relative;
        left: 50%;
    }
    .xlarge-pull-6 {
        position: relative;
        left: -50%;
    }
    .xlarge-offset-5 {
        margin-left: 41.6666666667%;
    }
    .xlarge-7 {
        width: 58.3333333333%;
    }
    .xlarge-push-7 {
        position: relative;
        left: 58.3333333333%;
    }
    .xlarge-pull-7 {
        position: relative;
        left: -58.3333333333%;
    }
    .xlarge-offset-6 {
        margin-left: 50%;
    }
    .xlarge-8 {
        width: 66.6666666667%;
    }
    .xlarge-push-8 {
        position: relative;
        left: 66.6666666667%;
    }
    .xlarge-pull-8 {
        position: relative;
        left: -66.6666666667%;
    }
    .xlarge-offset-7 {
        margin-left: 58.3333333333%;
    }
    .xlarge-9 {
        width: 75%;
    }
    .xlarge-push-9 {
        position: relative;
        left: 75%;
    }
    .xlarge-pull-9 {
        position: relative;
        left: -75%;
    }
    .xlarge-offset-8 {
        margin-left: 66.6666666667%;
    }
    .xlarge-10 {
        width: 83.3333333333%;
    }
    .xlarge-push-10 {
        position: relative;
        left: 83.3333333333%;
    }
    .xlarge-pull-10 {
        position: relative;
        left: -83.3333333333%;
    }
    .xlarge-offset-9 {
        margin-left: 75%;
    }
    .xlarge-11 {
        width: 91.6666666667%;
    }
    .xlarge-push-11 {
        position: relative;
        left: 91.6666666667%;
    }
    .xlarge-pull-11 {
        position: relative;
        left: -91.6666666667%;
    }
    .xlarge-offset-10 {
        margin-left: 83.3333333333%;
    }
    .xlarge-12 {
        width: 100%;
    }
    .xlarge-offset-11 {
        margin-left: 91.6666666667%;
    }
    .xlarge-up-1 > .zf-column {
        float: left;
        width: 100%;
    }
    .xlarge-up-1 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-1 > .zf-column:nth-of-type(1n+1) {
        clear: both;
    }
    .xlarge-up-1 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-2 > .zf-column {
        float: left;
        width: 50%;
    }
    .xlarge-up-2 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-2 > .zf-column:nth-of-type(odd) {
        clear: both;
    }
    .xlarge-up-2 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-3 > .zf-column {
        float: left;
        width: 33.3333333333%;
    }
    .xlarge-up-3 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-3 > .zf-column:nth-of-type(3n+1) {
        clear: both;
    }
    .xlarge-up-3 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-4 > .zf-column {
        float: left;
        width: 25%;
    }
    .xlarge-up-4 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-4 > .zf-column:nth-of-type(4n+1) {
        clear: both;
    }
    .xlarge-up-4 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-5 > .zf-column {
        float: left;
        width: 20%;
    }
    .xlarge-up-5 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-5 > .zf-column:nth-of-type(5n+1) {
        clear: both;
    }
    .xlarge-up-5 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-6 > .zf-column {
        float: left;
        width: 16.6666666667%;
    }
    .xlarge-up-6 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-6 > .zf-column:nth-of-type(6n+1) {
        clear: both;
    }
    .xlarge-up-6 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-7 > .zf-column {
        float: left;
        width: 14.2857142857%;
    }
    .xlarge-up-7 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-7 > .zf-column:nth-of-type(7n+1) {
        clear: both;
    }
    .xlarge-up-7 > .zf-column:last-child {
        float: left;
    }
    .xlarge-up-8 > .zf-column {
        float: left;
        width: 12.5%;
    }
    .xlarge-up-8 > .zf-column:nth-of-type(1n) {
        clear: none;
    }
    .xlarge-up-8 > .zf-column:nth-of-type(8n+1) {
        clear: both;
    }
    .xlarge-up-8 > .zf-column:last-child {
        float: left;
    }
    .xlarge-collapse > .zf-column {
        padding-right: 0;
        padding-left: 0;
    }
    .expanded.zf-row .xlarge-collapse.zf-row,
    .xlarge-collapse .zf-row {
        margin-right: 0;
        margin-left: 0;
    }
    .xlarge-uncollapse > .zf-column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .xlarge-centered {
        margin-right: auto;
        margin-left: auto;
    }
    .xlarge-centered,
    .xlarge-centered:last-child:not(:first-child) {
        float: none;
        clear: both;
    }
    .xlarge-pull-0,
    .xlarge-push-0,
    .xlarge-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0;
    }
}
.zf-column-block {
    margin-bottom: 1.25rem;
}
.zf-column-block > :last-child {
    margin-bottom: 0;
}
@media print,screen and (min-width:40em) {
    .zf-column-block {
        margin-bottom: 1.875rem;
    }
    .zf-column-block > :last-child {
        margin-bottom: 0;
    }
}
.zf-row.constrain-nested-fix .zf-row {
    max-width: 75rem;
}
.zf-column.uncentered-fix,
.zf-column.uncentered-fix:not(:first-child) {
    clear: none;
    float: left;
}
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0;
}
p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}
em,
i {
    font-style: italic;
}
b,
em,
i,
strong {
    line-height: inherit;
}
b,
strong {
    font-weight: 700;
}
small {
    font-size: 80%;
    line-height: inherit;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 600;
    color: inherit;
    text-rendering: optimizeLegibility;
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #cacaca;
}
a {
    line-height: inherit;
    cursor: pointer;
}
a:focus,
a:hover {
    color: #00a2b6;
}
a img {
    border: 0;
}
hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
}
dl,
ol,
ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6;
}
li {
    font-size: inherit;
}
ul {
    list-style-type: none;
}
ol,
ul {
    margin-left: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0;
}
dl {
    margin-bottom: 1rem;
}
dl dt {
    margin-bottom: 0.3rem;
    font-weight: 700;
}
blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}
blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a;
}
cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a;
}
cite:before {
    content: "\2014 ";
}
abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none;
}
figure {
    margin: 0;
}
code {
    padding: 0.125rem 0.3125rem 0.0625rem;
    border: 1px solid #cacaca;
    font-weight: 300;
}
code,
kbd {
    background-color: #e6e6e6;
    font-family: Consolas,Liberation Mono,Courier,monospace;
    color: #0a0a0a;
}
kbd {
    margin: 0;
    padding: 0.125rem 0.25rem 0;
}
.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: 300;
    line-height: 1.4;
    color: #8a8a8a;
}
.lead {
    font-size: 125%;
    line-height: 1.6;
}
.stat {
    font-size: 2.5rem;
    line-height: 1;
}
p+.stat {
    margin-top: -1rem;
}
ol.no-bullet,
ul.no-bullet {
    margin-left: 0;
    list-style: none;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
@media print,screen and (min-width:40em) {
    .medium-text-left {
        text-align: left;
    }
    .medium-text-right {
        text-align: right;
    }
    .medium-text-center {
        text-align: center;
    }
    .medium-text-justify {
        text-align: justify;
    }
}
@media print,screen and (min-width:64em) {
    .large-text-left {
        text-align: left;
    }
    .large-text-right {
        text-align: right;
    }
    .large-text-center {
        text-align: center;
    }
    .large-text-justify {
        text-align: justify;
    }
}
@media screen and (min-width:75em) {
    .xlarge-text-left {
        text-align: left;
    }
    .xlarge-text-right {
        text-align: right;
    }
    .xlarge-text-center {
        text-align: center;
    }
    .xlarge-text-justify {
        text-align: justify;
    }
}
.show-for-print {
    display: none!important;
}
@media print {
    * {
        background: 0 0!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important;
    }
    .show-for-print {
        display: block!important;
    }
    .hide-for-print {
        display: none!important;
    }
    table.show-for-print {
        display: table!important;
    }
    thead.show-for-print {
        display: table-header-group!important;
    }
    tbody.show-for-print {
        display: table-row-group!important;
    }
    tr.show-for-print {
        display: table-row!important;
    }
    td.show-for-print,
    th.show-for-print {
        display: table-cell!important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    blockquote,
    pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    img {
        max-width: 100%!important;
    }
    @page {
        margin: 0.5cm;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .print-break-inside {
        page-break-inside: auto;
    }
}
.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: background-color 0.25s ease-out,color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #766889;
    color: #fefefe;
}
[data-whatinput=mouse] .button {
    outline: 0;
}
.button:focus,
.button:hover {
    background-color: #6a5e7b;
    color: #fefefe;
}
.button.tiny {
    font-size: 0.6rem;
}
.button.small {
    font-size: 0.75rem;
}
.button.large {
    font-size: 1.1rem;
}
.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.button.primary {
    background-color: #ff8d1a;
    color: #fefefe;
}
.button.primary:focus,
.button.primary:hover {
    background-color: #e17100;
    color: #fefefe;
}
.button.secondary {
    background-color: #00bcd4;
    color: #fefefe;
}
.button.secondary:focus,
.button.secondary:hover {
    background-color: #0096aa;
    color: #fefefe;
}
.button.success {
    background-color: #3adb76;
    color: #0a0a0a;
}
.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #0a0a0a;
}
.button.warning {
    background-color: #ffae00;
    color: #fefefe;
}
.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #fefefe;
}
.button.alert {
    background-color: #ec5840;
    color: #fefefe;
}
.button.alert:focus,
.button.alert:hover {
    background-color: #da3116;
    color: #fefefe;
}
.button.button-paypal {
    background-color: #ffa448;
    color: #fefefe;
}
.button.button-paypal:focus,
.button.button-paypal:hover {
    background-color: #ff8306;
    color: #fefefe;
}
.button.button-google {
    background-color: #dd4b39;
    color: #fefefe;
}
.button.button-google:focus,
.button.button-google:hover {
    background-color: #be3221;
    color: #fefefe;
}
.button.button-windows {
    background-color: #75d0f3;
    color: #0a0a0a;
}
.button.button-windows:focus,
.button.button-windows:hover {
    background-color: #33b9ed;
    color: #0a0a0a;
}
.button.button-facebook {
    background-color: #40659f;
    color: #fefefe;
}
.button.button-facebook:focus,
.button.button-facebook:hover {
    background-color: #33517f;
    color: #fefefe;
}
.button.light {
    background-color: #fefefe;
    color: #0a0a0a;
}
.button.light:focus,
.button.light:hover {
    background-color: #cbcbcb;
    color: #0a0a0a;
}
.button.dark {
    background-color: #9b9b9b;
    color: #fefefe;
}
.button.dark:focus,
.button.dark:hover {
    background-color: #7c7c7c;
    color: #fefefe;
}
.button.darker {
    background-color: #0a0a0a;
    color: #fefefe;
}
.button.darker:focus,
.button.darker:hover {
    background-color: #080808;
    color: #fefefe;
}
.button.disabled,
.button[disabled] {
    background-image: none;
    opacity: 0.5;
}
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #766889;
    color: #fefefe;
}
.button.disabled.primary,
.button[disabled].primary {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #ff8d1a;
    color: #fefefe;
}
.button.disabled.secondary,
.button[disabled].secondary {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #00bcd4;
    color: #fefefe;
}
.button.disabled.success,
.button[disabled].success {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #3adb76;
    color: #0a0a0a;
}
.button.disabled.warning,
.button[disabled].warning {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #fefefe;
}
.button.disabled.alert,
.button[disabled].alert {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #ec5840;
    color: #fefefe;
}
.button.disabled.button-paypal,
.button[disabled].button-paypal {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.button-paypal,
.button.disabled.button-paypal:focus,
.button.disabled.button-paypal:hover,
.button[disabled].button-paypal,
.button[disabled].button-paypal:focus,
.button[disabled].button-paypal:hover {
    background-color: #ffa448;
    color: #fefefe;
}
.button.disabled.button-google,
.button[disabled].button-google {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.button-google,
.button.disabled.button-google:focus,
.button.disabled.button-google:hover,
.button[disabled].button-google,
.button[disabled].button-google:focus,
.button[disabled].button-google:hover {
    background-color: #dd4b39;
    color: #fefefe;
}
.button.disabled.button-windows,
.button[disabled].button-windows {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.button-windows,
.button.disabled.button-windows:focus,
.button.disabled.button-windows:hover,
.button[disabled].button-windows,
.button[disabled].button-windows:focus,
.button[disabled].button-windows:hover {
    background-color: #75d0f3;
    color: #0a0a0a;
}
.button.disabled.button-facebook,
.button[disabled].button-facebook {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.button-facebook,
.button.disabled.button-facebook:focus,
.button.disabled.button-facebook:hover,
.button[disabled].button-facebook,
.button[disabled].button-facebook:focus,
.button[disabled].button-facebook:hover {
    background-color: #40659f;
    color: #fefefe;
}
.button.disabled.light,
.button[disabled].light {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.light,
.button.disabled.light:focus,
.button.disabled.light:hover,
.button[disabled].light,
.button[disabled].light:focus,
.button[disabled].light:hover {
    background-color: #fefefe;
    color: #0a0a0a;
}
.button.disabled.dark,
.button[disabled].dark {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.dark,
.button.disabled.dark:focus,
.button.disabled.dark:hover,
.button[disabled].dark,
.button[disabled].dark:focus,
.button[disabled].dark:hover {
    background-color: #9b9b9b;
    color: #fefefe;
}
.button.disabled.darker,
.button[disabled].darker {
    background-image: none;
    opacity: 0.5;
}
.button.disabled.darker,
.button.disabled.darker:focus,
.button.disabled.darker:hover,
.button[disabled].darker,
.button[disabled].darker:focus,
.button[disabled].darker:hover {
    background-color: #0a0a0a;
    color: #fefefe;
}
.button.hollow {
    border: 1px solid #ff8d1a;
    color: #ff8d1a;
}
.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    background-color: transparent;
}
.button.hollow:hover {
    background-color: #ff8d1a;
}
.button.hollow:focus {
    background-color: #8d4700;
}
.button.hollow.primary {
    border: 1px solid #ff8d1a;
    color: #ff8d1a;
}
.button.hollow.primary:hover {
    background-color: #ff8d1a;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.primary:focus {
    background-color: #8d4700;
    color: #fefefe;
}
.button.hollow.secondary {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.button.hollow.secondary:hover {
    background-color: #00bcd4;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.secondary:focus {
    background-color: #005e6a;
    color: #fefefe;
}
.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76;
}
.button.hollow.success:hover {
    background-color: #3adb76;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.success:focus {
    background-color: #157539;
    color: #fefefe;
}
.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00;
}
.button.hollow.warning:hover {
    background-color: #ffae00;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.warning:focus {
    background-color: #805700;
    color: #fefefe;
}
.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840;
}
.button.hollow.alert:hover {
    background-color: #ec5840;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.alert:focus {
    background-color: #881f0e;
    color: #fefefe;
}
.button.hollow.button-paypal {
    border: 1px solid #ffa448;
    color: #ffa448;
}
.button.hollow.button-paypal:hover {
    background-color: #ffa448;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.button-paypal:focus {
    background-color: #a35200;
    color: #fefefe;
}
.button.hollow.button-google {
    border: 1px solid #dd4b39;
    color: #dd4b39;
}
.button.hollow.button-google:hover {
    background-color: #dd4b39;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.button-google:focus {
    background-color: #771f14;
    color: #fefefe;
}
.button.hollow.button-windows {
    border: 1px solid #75d0f3;
    color: #75d0f3;
}
.button.hollow.button-windows:hover {
    background-color: #75d0f3;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.button-windows:focus {
    background-color: #0e7ca6;
    color: #fefefe;
}
.button.hollow.button-facebook {
    border: 1px solid #40659f;
    color: #40659f;
}
.button.hollow.button-facebook:hover {
    background-color: #40659f;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.button-facebook:focus {
    background-color: #203350;
    color: #fefefe;
}
.button.hollow.light {
    border: 1px solid #fefefe;
    color: #fefefe;
}
.button.hollow.light:hover {
    background-color: #fefefe;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.light:focus {
    background-color: #7f7f7f;
    color: #fefefe;
}
.button.hollow.dark {
    border: 1px solid #9b9b9b;
    color: #9b9b9b;
}
.button.hollow.dark:hover {
    background-color: #9b9b9b;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.dark:focus {
    background-color: #4e4e4e;
    color: #fefefe;
}
.button.hollow.darker {
    border: 1px solid #0a0a0a;
    color: #0a0a0a;
}
.button.hollow.darker:hover {
    background-color: #0a0a0a;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow.darker:focus {
    background-color: #050505;
    color: #fefefe;
}
.button.clear {
    border: 1px solid #ff8d1a;
    color: #ff8d1a;
}
.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    background-color: transparent;
}
.button.clear:hover {
    background-color: #ff8d1a;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear:focus {
    background-color: #8d4700;
    color: #fefefe;
}
.button.clear,
.button.clear.disabled,
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear[disabled] {
    border-color: transparent;
}
.button.clear.primary {
    border: 1px solid #ff8d1a;
    color: #ff8d1a;
}
.button.clear.primary:hover {
    background-color: #ff8d1a;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.primary:focus {
    background-color: #8d4700;
    color: #fefefe;
}
.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary[disabled] {
    border-color: transparent;
}
.button.clear.secondary {
    border: 1px solid #00bcd4;
    color: #00bcd4;
}
.button.clear.secondary:hover {
    background-color: #00bcd4;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.secondary:focus {
    background-color: #005e6a;
    color: #fefefe;
}
.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary[disabled] {
    border-color: transparent;
}
.button.clear.success {
    border: 1px solid #3adb76;
    color: #3adb76;
}
.button.clear.success:hover {
    background-color: #3adb76;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.success:focus {
    background-color: #157539;
    color: #fefefe;
}
.button.clear.success,
.button.clear.success.disabled,
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success[disabled] {
    border-color: transparent;
}
.button.clear.warning {
    border: 1px solid #ffae00;
    color: #ffae00;
}
.button.clear.warning:hover {
    background-color: #ffae00;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.warning:focus {
    background-color: #805700;
    color: #fefefe;
}
.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning[disabled] {
    border-color: transparent;
}
.button.clear.alert {
    border: 1px solid #ec5840;
    color: #ec5840;
}
.button.clear.alert:hover {
    background-color: #ec5840;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.alert:focus {
    background-color: #881f0e;
    color: #fefefe;
}
.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert[disabled] {
    border-color: transparent;
}
.button.clear.button-paypal {
    border: 1px solid #ffa448;
    color: #ffa448;
}
.button.clear.button-paypal:hover {
    background-color: #ffa448;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.button-paypal:focus {
    background-color: #a35200;
    color: #fefefe;
}
.button.clear.button-paypal,
.button.clear.button-paypal.disabled,
.button.clear.button-paypal:focus,
.button.clear.button-paypal:focus.disabled,
.button.clear.button-paypal:focus[disabled],
.button.clear.button-paypal:hover,
.button.clear.button-paypal:hover.disabled,
.button.clear.button-paypal:hover[disabled],
.button.clear.button-paypal[disabled] {
    border-color: transparent;
}
.button.clear.button-google {
    border: 1px solid #dd4b39;
    color: #dd4b39;
}
.button.clear.button-google:hover {
    background-color: #dd4b39;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.button-google:focus {
    background-color: #771f14;
    color: #fefefe;
}
.button.clear.button-google,
.button.clear.button-google.disabled,
.button.clear.button-google:focus,
.button.clear.button-google:focus.disabled,
.button.clear.button-google:focus[disabled],
.button.clear.button-google:hover,
.button.clear.button-google:hover.disabled,
.button.clear.button-google:hover[disabled],
.button.clear.button-google[disabled] {
    border-color: transparent;
}
.button.clear.button-windows {
    border: 1px solid #75d0f3;
    color: #75d0f3;
}
.button.clear.button-windows:hover {
    background-color: #75d0f3;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.button-windows:focus {
    background-color: #0e7ca6;
    color: #fefefe;
}
.button.clear.button-windows,
.button.clear.button-windows.disabled,
.button.clear.button-windows:focus,
.button.clear.button-windows:focus.disabled,
.button.clear.button-windows:focus[disabled],
.button.clear.button-windows:hover,
.button.clear.button-windows:hover.disabled,
.button.clear.button-windows:hover[disabled],
.button.clear.button-windows[disabled] {
    border-color: transparent;
}
.button.clear.button-facebook {
    border: 1px solid #40659f;
    color: #40659f;
}
.button.clear.button-facebook:hover {
    background-color: #40659f;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.button-facebook:focus {
    background-color: #203350;
    color: #fefefe;
}
.button.clear.button-facebook,
.button.clear.button-facebook.disabled,
.button.clear.button-facebook:focus,
.button.clear.button-facebook:focus.disabled,
.button.clear.button-facebook:focus[disabled],
.button.clear.button-facebook:hover,
.button.clear.button-facebook:hover.disabled,
.button.clear.button-facebook:hover[disabled],
.button.clear.button-facebook[disabled] {
    border-color: transparent;
}
.button.clear.light {
    border: 1px solid #fefefe;
    color: #fefefe;
}
.button.clear.light:hover {
    background-color: #fefefe;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.light:focus {
    background-color: #7f7f7f;
    color: #fefefe;
}
.button.clear.light,
.button.clear.light.disabled,
.button.clear.light:focus,
.button.clear.light:focus.disabled,
.button.clear.light:focus[disabled],
.button.clear.light:hover,
.button.clear.light:hover.disabled,
.button.clear.light:hover[disabled],
.button.clear.light[disabled] {
    border-color: transparent;
}
.button.clear.dark {
    border: 1px solid #9b9b9b;
    color: #9b9b9b;
}
.button.clear.dark:hover {
    background-color: #9b9b9b;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.dark:focus {
    background-color: #4e4e4e;
    color: #fefefe;
}
.button.clear.dark,
.button.clear.dark.disabled,
.button.clear.dark:focus,
.button.clear.dark:focus.disabled,
.button.clear.dark:focus[disabled],
.button.clear.dark:hover,
.button.clear.dark:hover.disabled,
.button.clear.dark:hover[disabled],
.button.clear.dark[disabled] {
    border-color: transparent;
}
.button.clear.darker {
    border: 1px solid #0a0a0a;
    color: #0a0a0a;
}
.button.clear.darker:hover {
    background-color: #0a0a0a;
    border-color: #fefefe;
    color: #fefefe;
}
.button.clear.darker:focus {
    background-color: #050505;
    color: #fefefe;
}
.button.clear.darker,
.button.clear.darker.disabled,
.button.clear.darker:focus,
.button.clear.darker:focus.disabled,
.button.clear.darker:focus[disabled],
.button.clear.darker:hover,
.button.clear.darker:hover.disabled,
.button.clear.darker:hover[disabled],
.button.clear.darker[disabled] {
    border-color: transparent;
}
.button.dropdown:after {
    display: block;
    width: 0;
    height: 0;
    border: 0.4em inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em;
}
.button.dropdown.hollow:after {
    border-top-color: #766889;
}
.button.dropdown.hollow.primary:after {
    border-top-color: #ff8d1a;
}
.button.dropdown.hollow.secondary:after {
    border-top-color: #00bcd4;
}
.button.dropdown.hollow.success:after {
    border-top-color: #3adb76;
}
.button.dropdown.hollow.warning:after {
    border-top-color: #ffae00;
}
.button.dropdown.hollow.alert:after {
    border-top-color: #ec5840;
}
.button.dropdown.hollow.button-paypal:after {
    border-top-color: #ffa448;
}
.button.dropdown.hollow.button-google:after {
    border-top-color: #dd4b39;
}
.button.dropdown.hollow.button-windows:after {
    border-top-color: #75d0f3;
}
.button.dropdown.hollow.button-facebook:after {
    border-top-color: #40659f;
}
.button.dropdown.hollow.light:after {
    border-top-color: #fefefe;
}
.button.dropdown.hollow.dark:after {
    border-top-color: #9b9b9b;
}
.button.dropdown.hollow.darker:after {
    border-top-color: #0a0a0a;
}
.button.arrow-only:after {
    top: -.1em;
    float: none;
    margin-left: 0;
}
a.button:focus,
a.button:hover {
    text-decoration: none;
}
.button {
    font-family: inherit;
    font-weight: 600;
    font-stretch: normal;
    text-transform: uppercase;
}
.button:focus {
    background-color: #66468a;
}
.button.hollow {
    border: 1px solid #766889;
    color: #766889;
}
.button.hollow:hover {
    background-color: #766889;
    border-color: #fefefe;
    color: #fefefe;
}
.button.hollow:focus {
    background-color: #3b3445;
    color: #fefefe;
}
.button.primary,
.button.primary:focus,
.button.primary:hover {
    color: #fefefe;
}
.button.primary:focus {
    background-color: #b35a00;
}
.button.primary:hover {
    background-color: #fd7f00;
}
.button.secondary:focus {
    background-color: #00626e;
}
.button.button-google {
    font-size: 12px;
    min-width: 70%;
    line-height: 1.3;
}
.button.button-google span {
    float: left;
    margin-right: 10px;
    line-height: 1.3;
}
.button.button-windows {
    font-size: 12px;
    min-width: 70%;
    line-height: 1.3;
    color: #fefefe;
}
.button.button-windows span {
    float: left;
    margin-right: 10px;
    line-height: 1.3;
}
.button.button-windows:hover {
    color: #fefefe;
}
.button.button-facebook {
    vertical-align: top;
    font-size: 12px;
    min-width: 70%;
    line-height: 1.3;
}
.button.button-facebook span {
    float: left;
    margin-right: 10px;
    line-height: 1.3;
}
.button.light,
.button.light.hollow:hover,
.button.light:hover {
    color: #00bcd4;
}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.125rem;
    margin: 0 0 0.875rem;
    padding: 0.4375rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
    appearance: none;
}
[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
textarea {
    max-width: 100%;
}
textarea[rows] {
    height: auto;
}
input::placeholder,
textarea::placeholder {
    color: #cacaca;
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: default;
}
[type=button],
[type=submit] {
    appearance: none;
    border-radius: 5px;
}
input[type=search] {
    box-sizing: border-box;
}
[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 0.875rem;
}
[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.4375rem;
    margin-right: 0.875rem;
    margin-bottom: 0;
}
[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer;
}
label > [type=checkbox],
label > [type=radio] {
    margin-right: 0.4375rem;
}
[type=file] {
    width: 100%;
}
label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.5;
    color: #0a0a0a;
}
label.middle {
    margin: 0 0 0.875rem;
    padding: 0.5rem 0;
}
.help-text {
    margin-top: -.4375rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a;
}
.input-group {
    display: table;
    width: 100%;
    margin-bottom: 0.875rem;
}
.input-group > :first-child,
.input-group > :last-child > * {
    border-radius: 0 0 0 0;
}
.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
}
.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%;
}
.input-group-label:first-child {
    border-right: 0;
}
.input-group-label:last-child {
    border-left: 0;
}
.input-group-field {
    border-radius: 0;
    height: 2.1875rem;
}
.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%;
}
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    height: 2.1875rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.875rem;
}
.input-group .input-group-button {
    display: table-cell;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
legend {
    max-width: 100%;
    margin-bottom: 0.4375rem;
}
.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca;
}
.fieldset legend {
    margin: 0 0 0 -.1875rem;
    padding: 0 0.1875rem;
}
select {
    height: 2.125rem;
    margin: 0 0 0.875rem;
    padding: 0.4375rem;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzMyJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMzIgMjQnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDMyLDAgMTYsMjQnIHN0eWxlPSdmaWxsOiByZ2IoMTM4LCAxMzgsIDEzOCknPjwvcG9seWdvbj48L3N2Zz4=");
    background-origin: content-box;
    background-position: right -.875rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.3125rem;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
}
select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s,border-color 0.25s ease-in-out;
}
select:disabled {
    background-color: #e6e6e6;
    cursor: default;
}
select::-ms-expand {
    display: none;
}
select[multiple] {
    height: auto;
    background-image: none;
}
.is-invalid-input:not(:focus) {
    border-color: #ec5840;
    background-color: #fcedeb;
}
.is-invalid-input:not(:focus)::placeholder {
    color: #ec5840;
}
.form-error,
.is-invalid-label {
    color: #ec5840;
}
.form-error {
    display: none;
    margin-top: -.4375rem;
    margin-bottom: 0.875rem;
    font-size: 0.75rem;
    font-weight: 700;
}
.form-error.is-visible {
    display: block;
}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    display: inline-block;
}
.hide {
    display: none!important;
}
.invisible {
    visibility: hidden;
}
@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none!important;
    }
}
@media screen and (max-width:0em),screen and (min-width:40em) {
    .show-for-small-only {
        display: none!important;
    }
}
@media print,screen and (min-width:40em) {
    .hide-for-medium {
        display: none!important;
    }
}
@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none!important;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none!important;
    }
}
@media screen and (max-width:39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display: none!important;
    }
}
@media print,screen and (min-width:64em) {
    .hide-for-large {
        display: none!important;
    }
}
@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none!important;
    }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none!important;
    }
}
@media screen and (max-width:63.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important;
    }
}
@media screen and (min-width:75em) {
    .hide-for-xlarge {
        display: none!important;
    }
}
@media screen and (max-width:74.9375em) {
    .show-for-xlarge {
        display: none!important;
    }
}
@media screen and (min-width:75em) and (max-width:89.9375em) {
    .hide-for-xlarge-only {
        display: none!important;
    }
}
@media screen and (max-width:74.9375em),screen and (min-width:90em) {
    .show-for-xlarge-only {
        display: none!important;
    }
}
.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}
.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none;
}
.hide-for-portrait,
.show-for-landscape {
    display: block!important;
}
@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important;
    }
}
@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important;
    }
}
.hide-for-landscape,
.show-for-portrait {
    display: none!important;
}
@media screen and (orientation:landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important;
    }
}
@media screen and (orientation:portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important;
    }
}
.float-left {
    float: left!important;
}
.float-right {
    float: right!important;
}
.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.accordion {
    margin-left: 0;
    background: #fefefe;
    list-style-type: none;
}
.accordion[disabled] .accordion-title {
    cursor: not-allowed;
}
.accordion-item:first-child > :first-child,
.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
}
.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: foreground(#fefefe,#ff8d1a);
}
:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0;
}
.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6;
}
.accordion-title:before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "+";
}
.is-active > .accordion-title:before {
    content: "\2013";
}
.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: foreground(#fefefe,#ff8d1a);
}
:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6;
}
.accordion-menu li {
    width: 100%;
}
.accordion-menu .is-accordion-submenu a,
.accordion-menu a {
    padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ff8d1a transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a:after {
    left: auto;
    right: 1rem;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a:after {
    right: auto;
    left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}
.is-accordion-submenu-parent {
    position: relative;
}
.has-submenu-toggle > a {
    margin-right: 40px;
}
.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.submenu-toggle:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ff8d1a transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto;
}
.submenu-toggle[aria-expanded=true]:after {
    transform: scaleY(-1);
    transform-origin: 50% 50%;
}
.submenu-toggle-text {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}
.breadcrumbs {
    margin: 1rem 0;
    list-style: none;
}
.breadcrumbs:after,
.breadcrumbs:before {
    display: table;
    content: " ";
}
.breadcrumbs:after {
    clear: both;
}
.breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase;
}
.breadcrumbs li:not(:last-child):after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
}
.breadcrumbs a {
    color: #00bcd4;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed;
}
.button-group {
    margin-bottom: 1rem;
    font-size: 0;
}
.button-group:after,
.button-group:before {
    display: table;
    content: " ";
}
.button-group:after {
    clear: both;
}
.button-group .button {
    margin: 0 1px 1px 0;
    font-size: 0.9rem;
}
.button-group .button:last-child {
    margin-right: 0;
}
.button-group.tiny .button {
    font-size: 0.6rem;
}
.button-group.small .button {
    font-size: 0.75rem;
}
.button-group.large .button {
    font-size: 1.1rem;
}
.button-group.expanded {
    margin-right: -1px;
}
.button-group.expanded:after,
.button-group.expanded:before {
    display: none;
}
.button-group.expanded .button:first-child:last-child {
    width: 100%;
}
.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    display: inline-block;
    width: calc(33.3333333333% - 1px);
    margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px;
}
.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
    display: inline-block;
    width: calc(16.6666666667% - 1px);
    margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px;
}
.button-group.primary .button {
    background-color: #ff8d1a;
    color: #fefefe;
}
.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #e17100;
    color: #fefefe;
}
.button-group.secondary .button {
    background-color: #00bcd4;
    color: #fefefe;
}
.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #0096aa;
    color: #fefefe;
}
.button-group.success .button {
    background-color: #3adb76;
    color: #0a0a0a;
}
.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #0a0a0a;
}
.button-group.warning .button {
    background-color: #ffae00;
    color: #fefefe;
}
.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #fefefe;
}
.button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe;
}
.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #da3116;
    color: #fefefe;
}
.button-group.button-paypal .button {
    background-color: #ffa448;
    color: #fefefe;
}
.button-group.button-paypal .button:focus,
.button-group.button-paypal .button:hover {
    background-color: #ff8306;
    color: #fefefe;
}
.button-group.button-google .button {
    background-color: #dd4b39;
    color: #fefefe;
}
.button-group.button-google .button:focus,
.button-group.button-google .button:hover {
    background-color: #be3221;
    color: #fefefe;
}
.button-group.button-windows .button {
    background-color: #75d0f3;
    color: #0a0a0a;
}
.button-group.button-windows .button:focus,
.button-group.button-windows .button:hover {
    background-color: #33b9ed;
    color: #0a0a0a;
}
.button-group.button-facebook .button {
    background-color: #40659f;
    color: #fefefe;
}
.button-group.button-facebook .button:focus,
.button-group.button-facebook .button:hover {
    background-color: #33517f;
    color: #fefefe;
}
.button-group.light .button {
    background-color: #fefefe;
    color: #0a0a0a;
}
.button-group.light .button:focus,
.button-group.light .button:hover {
    background-color: #cbcbcb;
    color: #0a0a0a;
}
.button-group.dark .button {
    background-color: #9b9b9b;
    color: #fefefe;
}
.button-group.dark .button:focus,
.button-group.dark .button:hover {
    background-color: #7c7c7c;
    color: #fefefe;
}
.button-group.darker .button {
    background-color: #0a0a0a;
    color: #fefefe;
}
.button-group.darker .button:focus,
.button-group.darker .button:hover {
    background-color: #080808;
    color: #fefefe;
}
.button-group.stacked .button,
.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button {
    width: 100%;
}
.button-group.stacked .button:last-child,
.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child {
    margin-bottom: 0;
}
@media print,screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0;
    }
}
@media print,screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0;
    }
}
@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0;
    }
}
.button-group .button {
    border-radius: 0;
    margin-right: 0;
}
.button-group .button:first-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
}
.button-group .button:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
}
.callout {
    position: relative;
    margin: 0;
    padding: 1rem;
    border: 1px solid hsla(0,0%,4%,.25);
    border-radius: 5px;
    background-color: #fff;
    color: #0a0a0a;
}
.callout > :first-child {
    margin-top: 0;
}
.callout > :last-child {
    margin-bottom: 0;
}
.callout.primary {
    background-color: #fed;
    color: #0a0a0a;
}
.callout.secondary {
    background-color: #d2faff;
    color: #0a0a0a;
}
.callout.success {
    background-color: #e1faea;
    color: #0a0a0a;
}
.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a;
}
.callout.alert {
    background-color: #fce6e2;
    color: #0a0a0a;
}
.callout.button-paypal {
    background-color: #fff1e4;
    color: #0a0a0a;
}
.callout.button-google {
    background-color: #fae4e1;
    color: #0a0a0a;
}
.callout.button-windows {
    background-color: #eaf8fd;
    color: #0a0a0a;
}
.callout.button-facebook {
    background-color: #e0e7f3;
    color: #0a0a0a;
}
.callout.light {
    background-color: #fff;
    color: #0a0a0a;
}
.callout.dark {
    background-color: #f0f0f0;
    color: #0a0a0a;
}
.callout.darker {
    background-color: #dadada;
    color: #0a0a0a;
}
.callout.small {
    padding: 0.5rem;
}
.callout.large {
    padding: 3rem;
}
.callout {
    text-align: center;
}
.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer;
}
[data-whatinput=mouse] .close-button {
    outline: 0;
}
.close-button:focus,
.close-button:hover {
    color: #0a0a0a;
}
.close-button,
.close-button.medium,
.close-button.small {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
}
.dropdown-pane {
    position: absolute;
    z-index: 10;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    display: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem;
}
.dropdown-pane.is-opening {
    display: block;
}
.dropdown-pane.is-open {
    visibility: visible;
    display: block;
}
.dropdown-pane.tiny {
    width: 100px;
}
.dropdown-pane.small {
    width: 200px;
}
.dropdown-pane.large {
    width: 400px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #00bcd4 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}
.dropdown.menu a {
    padding: 0.7rem 1rem;
}
[data-whatinput=mouse] .dropdown.menu a {
    outline: 0;
}
.dropdown.menu .is-active > a {
    background: 0 0;
    color: #ff8d1a;
}
.no-js .dropdown.menu ul {
    display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}
.dropdown.menu.vertical > li > a:after {
    right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a:after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #00bcd4 transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #00bcd4;
}
@media print,screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }
    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0;
    }
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem;
    }
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #00bcd4 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px;
    }
    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0;
    }
    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0;
    }
    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }
    .dropdown.menu.medium-vertical > li > a:after {
        right: 14px;
    }
    .dropdown.menu.medium-vertical > li.opens-left > a:after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #00bcd4 transparent transparent;
    }
    .dropdown.menu.medium-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #00bcd4;
    }
}
@media print,screen and (min-width:64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }
    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0;
    }
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem;
    }
    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #00bcd4 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px;
    }
    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0;
    }
    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0;
    }
    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }
    .dropdown.menu.large-vertical > li > a:after {
        right: 14px;
    }
    .dropdown.menu.large-vertical > li.opens-left > a:after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #00bcd4 transparent transparent;
    }
    .dropdown.menu.large-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #00bcd4;
    }
}
@media screen and (min-width:75em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }
    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0;
    }
    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem;
    }
    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #00bcd4 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px;
    }
    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0;
    }
    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
        top: 0;
    }
    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }
    .dropdown.menu.xlarge-vertical > li > a:after {
        right: 14px;
    }
    .dropdown.menu.xlarge-vertical > li.opens-left > a:after {
        right: auto;
        left: 5px;
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #00bcd4 transparent transparent;
    }
    .dropdown.menu.xlarge-vertical > li.opens-right > a:after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: "";
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #00bcd4;
    }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto;
}
.is-dropdown-menu.vertical {
    width: 100px;
}
.is-dropdown-menu.vertical.align-right {
    float: right;
}
.is-dropdown-submenu-parent {
    position: relative;
}
.is-dropdown-submenu-parent a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}
.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
    right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #00bcd4 transparent transparent;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #00bcd4;
}
.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px;
}
.is-dropdown-submenu > li {
    width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
    display: block;
}
.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
[data-whatinput=mouse] .menu li {
    outline: 0;
}
.menu .button,
.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
}
.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0;
}
.menu input,
.menu li,
.menu.horizontal li {
    display: inline-block;
}
.menu.vertical li {
    display: block;
}
.menu.expanded {
    display: table;
    width: 100%;
}
.menu.expanded > li {
    display: table-cell;
    vertical-align: middle;
}
.menu.simple li+li {
    margin-left: 1rem;
}
.menu.simple a {
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .menu.medium-horizontal li {
        display: inline-block;
    }
    .menu.medium-vertical li {
        display: block;
    }
    .menu.medium-expanded {
        display: table;
        width: 100%;
    }
    .menu.medium-expanded > li {
        display: table-cell;
        vertical-align: middle;
    }
    .menu.medium-simple {
        display: table;
        width: 100%;
    }
    .menu.medium-simple > li {
        display: table-cell;
        vertical-align: middle;
    }
}
@media print,screen and (min-width:64em) {
    .menu.large-horizontal li {
        display: inline-block;
    }
    .menu.large-vertical li {
        display: block;
    }
    .menu.large-expanded {
        display: table;
        width: 100%;
    }
    .menu.large-expanded > li {
        display: table-cell;
        vertical-align: middle;
    }
    .menu.large-simple {
        display: table;
        width: 100%;
    }
    .menu.large-simple > li {
        display: table-cell;
        vertical-align: middle;
    }
}
@media screen and (min-width:75em) {
    .menu.xlarge-horizontal li {
        display: inline-block;
    }
    .menu.xlarge-vertical li {
        display: block;
    }
    .menu.xlarge-expanded {
        display: table;
        width: 100%;
    }
    .menu.xlarge-expanded > li {
        display: table-cell;
        vertical-align: middle;
    }
    .menu.xlarge-simple {
        display: table;
        width: 100%;
    }
    .menu.xlarge-simple > li {
        display: table-cell;
        vertical-align: middle;
    }
}
.menu.nested {
    margin-right: 0;
    margin-left: 1rem;
}
.menu.icon-bottom i,
.menu.icon-bottom i+span,
.menu.icon-bottom img,
.menu.icon-bottom img+span,
.menu.icon-bottom svg,
.menu.icon-bottom svg+span,
.menu.icon-left i,
.menu.icon-left i+span,
.menu.icon-left img,
.menu.icon-left img+span,
.menu.icon-left svg,
.menu.icon-left svg+span,
.menu.icon-right i,
.menu.icon-right i+span,
.menu.icon-right img,
.menu.icon-right img+span,
.menu.icon-right svg,
.menu.icon-right svg+span,
.menu.icon-top i,
.menu.icon-top i+span,
.menu.icon-top img,
.menu.icon-top img+span,
.menu.icon-top svg,
.menu.icon-top svg+span,
.menu.icons i,
.menu.icons i+span,
.menu.icons img,
.menu.icons img+span,
.menu.icons svg,
.menu.icons svg+span {
    vertical-align: middle;
}
.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg {
    margin-right: 0.25rem;
    display: inline-block;
}
.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg {
    margin-left: 0.25rem;
    display: inline-block;
}
.menu.icon-top li a {
    text-align: center;
}
.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg {
    display: block;
    margin: 0 auto 0.25rem;
}
.menu.icon-bottom li a {
    text-align: center;
}
.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg {
    display: block;
    margin: 0.25rem auto 0;
}
.menu .active > a,
.menu .is-active > a {
    background: #ff8d1a;
    color: #fefefe;
}
.menu.align-left {
    text-align: left;
}
.menu.align-right {
    text-align: right;
}
.menu.align-right .submenu li {
    text-align: left;
}
.menu.align-right.vertical .submenu li {
    text-align: right;
}
.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0;
}
.menu.align-center {
    text-align: center;
}
.menu.align-center .submenu li {
    text-align: left;
}
.menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}
.menu-centered > .menu {
    text-align: center;
}
.menu-centered > .menu .submenu li {
    text-align: left;
}
.no-js [data-responsive-menu] ul {
    display: none;
}
.is-off-canvas-open {
    overflow: hidden;
}
.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease,visibility 0.5s ease;
    background: hsla(0,0%,100%,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}
.js-off-canvas-overlay.is-closable {
    cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed;
}
.off-canvas-wrapper {
    position: relative;
    overflow: hidden;
}
.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
    background: #25293a;
}
[data-whatinput=mouse] .off-canvas {
    outline: 0;
}
.off-canvas.is-transition-push {
    z-index: 12;
}
.off-canvas.is-closed {
    visibility: hidden;
}
.off-canvas.is-transition-overlap {
    z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px hsla(0,0%,4%,.7);
}
.off-canvas.is-open {
    transform: translate(0);
}
.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
    background: #25293a;
}
[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0;
}
.off-canvas-absolute.is-transition-push {
    z-index: 12;
}
.off-canvas-absolute.is-closed {
    visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
    z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px hsla(0,0%,4%,.7);
}
.off-canvas-absolute.is-open {
    transform: translate(0);
}
.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 200px;
}
.off-canvas-content .off-canvas.position-left,
.position-left {
    transform: translateX(-200px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
    transform: translate(0);
}
.off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(200px);
}
.position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px hsla(0,0%,4%,.25);
}
.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 200px;
}
.off-canvas-content .off-canvas.position-right,
.position-right {
    transform: translateX(200px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
    transform: translate(0);
}
.off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-200px);
}
.position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px hsla(0,0%,4%,.25);
}
.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
}
.off-canvas-content .off-canvas.position-top,
.position-top {
    transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    transform: translate(0);
}
.off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(250px);
}
.position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px hsla(0,0%,4%,.25);
}
.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
}
.off-canvas-content .off-canvas.position-bottom,
.position-bottom {
    transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
    transform: translate(0);
}
.off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px);
}
.position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px hsla(0,0%,4%,.25);
}
.off-canvas-content {
    transform: none;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
}
.off-canvas-content .off-canvas.is-open,
.off-canvas-content.has-transition-push {
    transform: translate(0);
}
@media print,screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-left.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-left.reveal-for-medium {
        transform: none;
    }
    .off-canvas-content.has-reveal-left,
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 200px;
    }
    .position-right.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-right.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-right.reveal-for-medium {
        transform: none;
    }
    .off-canvas-content.has-reveal-right,
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 200px;
    }
    .position-top.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-top.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-top.reveal-for-medium {
        transform: none;
    }
    .off-canvas-content.has-reveal-top,
    .position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 200px;
    }
    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-bottom.reveal-for-medium .close-button {
        display: none;
    }
    .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none;
    }
    .off-canvas-content.has-reveal-bottom,
    .position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 200px;
    }
}
@media print,screen and (min-width:64em) {
    .position-left.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-left.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-left.reveal-for-large {
        transform: none;
    }
    .off-canvas-content.has-reveal-left,
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 200px;
    }
    .position-right.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-right.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-right.reveal-for-large {
        transform: none;
    }
    .off-canvas-content.has-reveal-right,
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 200px;
    }
    .position-top.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-top.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-top.reveal-for-large {
        transform: none;
    }
    .off-canvas-content.has-reveal-top,
    .position-top.reveal-for-large~.off-canvas-content {
        margin-top: 200px;
    }
    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-bottom.reveal-for-large .close-button {
        display: none;
    }
    .off-canvas-content .position-bottom.reveal-for-large {
        transform: none;
    }
    .off-canvas-content.has-reveal-bottom,
    .position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 200px;
    }
}
@media screen and (min-width:75em) {
    .position-left.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-left.reveal-for-xlarge .close-button {
        display: none;
    }
    .off-canvas-content .position-left.reveal-for-xlarge {
        transform: none;
    }
    .off-canvas-content.has-reveal-left,
    .position-left.reveal-for-xlarge~.off-canvas-content {
        margin-left: 200px;
    }
    .position-right.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-right.reveal-for-xlarge .close-button {
        display: none;
    }
    .off-canvas-content .position-right.reveal-for-xlarge {
        transform: none;
    }
    .off-canvas-content.has-reveal-right,
    .position-right.reveal-for-xlarge~.off-canvas-content {
        margin-right: 200px;
    }
    .position-top.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-top.reveal-for-xlarge .close-button {
        display: none;
    }
    .off-canvas-content .position-top.reveal-for-xlarge {
        transform: none;
    }
    .off-canvas-content.has-reveal-top,
    .position-top.reveal-for-xlarge~.off-canvas-content {
        margin-top: 200px;
    }
    .position-bottom.reveal-for-xlarge {
        transform: none;
        z-index: 12;
        transition: none;
        visibility: visible;
    }
    .position-bottom.reveal-for-xlarge .close-button {
        display: none;
    }
    .off-canvas-content .position-bottom.reveal-for-xlarge {
        transform: none;
    }
    .off-canvas-content.has-reveal-bottom,
    .position-bottom.reveal-for-xlarge~.off-canvas-content {
        margin-bottom: 200px;
    }
}
@media print,screen and (min-width:40em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit;
    }
    .off-canvas.in-canvas-for-medium.position-bottom,
    .off-canvas.in-canvas-for-medium.position-left,
    .off-canvas.in-canvas-for-medium.position-right,
    .off-canvas.in-canvas-for-medium.position-top {
        box-shadow: none;
        transform: none;
    }
    .off-canvas.in-canvas-for-medium .close-button {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit;
    }
    .off-canvas.in-canvas-for-large.position-bottom,
    .off-canvas.in-canvas-for-large.position-left,
    .off-canvas.in-canvas-for-large.position-right,
    .off-canvas.in-canvas-for-large.position-top {
        box-shadow: none;
        transform: none;
    }
    .off-canvas.in-canvas-for-large .close-button {
        display: none;
    }
}
@media screen and (min-width:75em) {
    .off-canvas.in-canvas-for-xlarge {
        visibility: visible;
        height: auto;
        position: static;
        background: inherit;
        width: inherit;
        overflow: inherit;
        transition: inherit;
    }
    .off-canvas.in-canvas-for-xlarge.position-bottom,
    .off-canvas.in-canvas-for-xlarge.position-left,
    .off-canvas.in-canvas-for-xlarge.position-right,
    .off-canvas.in-canvas-for-xlarge.position-top {
        box-shadow: none;
        transform: none;
    }
    .off-canvas.in-canvas-for-xlarge .close-button {
        display: none;
    }
}
.orbit,
.orbit-container {
    position: relative;
}
.orbit-container {
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}
.orbit-slide {
    width: 100%;
}
.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0;
}
.orbit-figure {
    margin: 0;
}
.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: hsla(0,0%,4%,.5);
}
.orbit-caption,
.orbit-next,
.orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe;
}
.orbit-next,
.orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0;
}
.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: hsla(0,0%,4%,.5);
}
.orbit-previous {
    left: 0;
}
.orbit-next {
    left: auto;
    right: 0;
}
.orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
}
[data-whatinput=mouse] .orbit-bullets {
    outline: 0;
}
.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca;
}
.orbit-bullets button.is-active,
.orbit-bullets button:hover {
    background-color: #8a8a8a;
}
.progress {
    height: 10px;
    margin-bottom: 5px;
    border-radius: 8px;
    background-color: #c1f1ff;
}
.progress.primary .progress-meter {
    background-color: #ff8d1a;
}
.progress.secondary .progress-meter {
    background-color: #00bcd4;
}
.progress.success .progress-meter {
    background-color: #3adb76;
}
.progress.warning .progress-meter {
    background-color: #ffae00;
}
.progress.alert .progress-meter {
    background-color: #ec5840;
}
.progress.button-paypal .progress-meter {
    background-color: #ffa448;
}
.progress.button-google .progress-meter {
    background-color: #dd4b39;
}
.progress.button-windows .progress-meter {
    background-color: #75d0f3;
}
.progress.button-facebook .progress-meter {
    background-color: #40659f;
}
.progress.light .progress-meter {
    background-color: #fefefe;
}
.progress.dark .progress-meter {
    background-color: #9b9b9b;
}
.progress.darker .progress-meter {
    background-color: #0a0a0a;
}
.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #01bcf3;
    border-radius: 0;
}
.progress-meter-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap;
    border-radius: 8px;
}
.progress {
    margin-top: 5px;
}
.progress-meter {
    border-radius: 8px;
}
.sticky,
.sticky-container {
    position: relative;
}
.sticky {
    z-index: 0;
    transform: translateZ(0);
}
.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%;
}
.sticky.is-stuck.is-at-top {
    top: 0;
}
.sticky.is-stuck.is-at-bottom {
    bottom: 0;
}
.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto;
}
.sticky.is-anchored.is-at-bottom {
    bottom: 0;
}
body.is-reveal-open {
    overflow: hidden;
}
html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    user-select: none;
}
.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(0,0,0,.75);
    overflow-y: scroll;
}
.reveal {
    z-index: 1006;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
    outline: 0;
}
@media print,screen and (min-width:40em) {
    .reveal {
        min-height: 0;
    }
}
.reveal .column {
    min-width: 0;
}
.reveal > :last-child {
    margin-bottom: 0;
}
@media print,screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 75rem;
    }
}
.reveal.collapse {
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 75rem;
    }
}
@media print,screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 75rem;
    }
}
@media print,screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 75rem;
    }
}
.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}
@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}
html.is-reveal-open,
html.is-reveal-open body {
    left: 0;
    right: 0;
}
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}
tbody,
tfoot,
thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}
caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700;
}
thead {
    background: #f8f8f8;
}
tfoot,
thead {
    color: #0a0a0a;
}
tfoot {
    background: #f1f1f1;
}
tfoot tr,
thead tr {
    background: 0 0;
}
tfoot td,
tfoot th,
thead td,
thead th {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700;
    text-align: left;
}
tbody td,
tbody th {
    padding: 0.5rem 0.625rem 0.625rem;
}
tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #f1f1f1;
}
table.unstriped tbody {
    background-color: #fefefe;
}
table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe;
}
@media screen and (max-width:63.9375em) {
    table.stack tfoot,
    table.stack thead {
        display: none;
    }
    table.stack td,
    table.stack th,
    table.stack tr {
        display: block;
    }
    table.stack td {
        border-top: 0;
    }
}
table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}
table.hover thead tr:hover {
    background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
    background-color: #ececec;
}
table.hover tbody tr:hover {
    background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
    background-color: #ececec;
}
.table-scroll {
    overflow-x: auto;
}
.table-scroll table {
    width: auto;
}
.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none;
}
.tabs:after,
.tabs:before {
    display: table;
    content: " ";
}
.tabs:after {
    clear: both;
}
.tabs.vertical > li {
    display: block;
    float: none;
    width: auto;
}
.tabs.simple > li > a {
    padding: 0;
}
.tabs.simple > li > a:hover {
    background: 0 0;
}
.tabs.primary {
    background: #ff8d1a;
}
.tabs.primary > li > a {
    color: #fefefe;
}
.tabs.primary > li > a:focus,
.tabs.primary > li > a:hover {
    background: #ff860c;
}
.tabs-title {
    float: left;
}
.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #ff8d1a;
}
.tabs-title > a:hover {
    background: #fefefe;
    color: #f27900;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected=true] {
    background: #e6e6e6;
    color: #ff8d1a;
}
.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: foreground(#fefefe,#ff8d1a);
    transition: all 0.5s ease;
}
.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0;
}
.tabs-panel {
    display: none;
    padding: 1rem;
}
.tabs-panel.is-active {
    display: block;
}
.title-bar {
    padding: 0.5rem;
    background: #0a0a0a;
    color: #fefefe;
}
.title-bar:after,
.title-bar:before {
    display: table;
    content: " ";
}
.title-bar:after {
    clear: both;
}
.title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.title-bar-left {
    float: left;
}
.title-bar-right {
    float: right;
    text-align: right;
}
.title-bar-title {
    vertical-align: middle;
}
.has-tip,
.title-bar-title {
    display: inline-block;
    font-weight: 700;
}
.has-tip {
    position: relative;
    border-bottom: 1px dotted #8a8a8a;
    cursor: auto;
}
.tooltip {
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fefefe;
}
.tooltip,
.tooltip:before {
    position: absolute;
}
.tooltip.bottom:before {
    display: block;
    width: 0;
    height: 0;
    border: 0.75rem inset;
    content: "";
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%;
}
.tooltip.bottom.align-center:before {
    left: 50%;
    transform: translateX(-50%);
}
.tooltip.top:before {
    display: block;
    width: 0;
    height: 0;
    border: 0.75rem inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto;
}
.tooltip.top.align-center:before {
    left: 50%;
    transform: translateX(-50%);
}
.tooltip.left:before {
    display: block;
    width: 0;
    height: 0;
    border: 0.75rem inset;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%;
}
.tooltip.left.align-center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}
.tooltip.right:before {
    display: block;
    width: 0;
    height: 0;
    border: 0.75rem inset;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto;
}
.tooltip.right.align-center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}
.tooltip.align-top:before {
    bottom: auto;
    top: 10%;
}
.tooltip.align-bottom:before {
    bottom: 10%;
    top: auto;
}
.tooltip.align-left:before {
    left: 10%;
    right: auto;
}
.tooltip.align-right:before {
    left: auto;
    right: 10%;
}
.top-bar {
    padding: 0.5rem;
}
.top-bar:after,
.top-bar:before {
    display: table;
    content: " ";
}
.top-bar:after {
    clear: both;
}
.top-bar,
.top-bar ul {
    background-color: #e6e6e6;
}
.top-bar input {
    max-width: 200px;
    margin-right: 1rem;
}
.top-bar .input-group-field {
    width: 100%;
    margin-right: 0;
}
.top-bar input.button {
    width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
    width: 100%;
}
@media print,screen and (min-width:40em) {
    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        width: auto;
    }
}
@media screen and (max-width:63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        width: 100%;
    }
}
@media screen and (max-width:74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        width: 100%;
    }
}
@media screen and (max-width:89.9375em) {
    .top-bar.stacked-for-xlarge .top-bar-left,
    .top-bar.stacked-for-xlarge .top-bar-right {
        width: 100%;
    }
}
.top-bar-title {
    display: inline-block;
    float: left;
    padding: 1rem;
}
.top-bar-title .menu-icon {
    bottom: 2px;
}
.top-bar-left {
    float: left;
}
.top-bar-right {
    float: right;
}
/*!* angular-loading-bar v0.9.0
* https://chieffancypants.github.io/angular-loading-bar
* Copyright (c) 2016 Wes Cruver
* License: MIT*/
#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: all 0.35s linear;
    -moz-transition: 0.35s linear all;
    -o-transition: 0.35s linear all;
    transition: all 0.35s linear;
}
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active,
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active {
    opacity: 0;
}
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave,
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave {
    opacity: 1;
}
#loading-bar .bar {
    -webkit-transition: width 0.35s;
    -moz-transition: width 0.35s;
    -o-transition: width 0.35s;
    transition: width 0.35s;
    background: #00bcd4;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}
#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: 0.45;
    -moz-box-shadow: #00bcd4 1px 0 6px 1px;
    -ms-box-shadow: #00bcd4 1px 0 6px 1px;
    -webkit-box-shadow: #00bcd4 1px 0 6px 1px;
    box-shadow: 1px 0 6px 1px #00bcd4;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px;
}
#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #00bcd4;
    border-left-color: #00bcd4;
    border-radius: 50%;
    -webkit-animation: loading-bar-spinner 0.4s linear infinite;
    -moz-animation: loading-bar-spinner 0.4s linear infinite;
    -ms-animation: loading-bar-spinner 0.4s linear infinite;
    -o-animation: loading-bar-spinner 0.4s linear infinite;
    animation: loading-bar-spinner 0.4s linear infinite;
}
@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-moz-keyframes loading-bar-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-o-keyframes loading-bar-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-ms-keyframes loading-bar-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
    position: relative;
    display: block;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir=rtl] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: #fff url("/imgs/ajax-loader.gif") 50% no-repeat;
}
@font-face {
    font-family: slick;
    src: url("/fonts/slick.eot");
    src: url("/fonts/slick.eot?#iefix") format("embedded-opentype"),url(/fonts/slick.woff) format("woff"),url(/fonts/slick.ttf) format("truetype"),url(/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal;
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: 0 0;
    color: transparent;
    outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -25px;
}
[dir=rtl] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "\2190";
}
[dir=rtl] .slick-prev:before {
    content: "\2192";
}
.slick-next {
    right: -25px;
}
[dir=rtl] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "\2192";
}
[dir=rtl] .slick-next:before {
    content: "\2190";
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: 0.75;
}
@media screen {
    #print-area {
        display: none!important;
    }
}
@media print {
    #print-area {
        display: block;
    }
}
@media print {
    @page {
        size: auto;
        margin: 10mm;
    }
    .main-content,
    body > .content,
    body > .reveal-overlay,
    footer,
    header {
        display: none!important;
    }
    #print-area {
        padding: 0 40px;
    }
    #print-area .print-body {
        margin-top: 20px;
    }
    .printable-link {
        text-decoration: underline;
    }
}
.classroom-gradient-green {
    background: #ffcd4b;
    background: -moz-linear-gradient(45deg,#ffcd4b 0,#4ca960 100%);
    background: -webkit-linear-gradient(45deg,#ffcd4b,#4ca960);
    background: linear-gradient(45deg,#ffcd4b,#4ca960);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd4b",endColorstr="#4ca960",GradientType=1);
}
.classroom-gradient-purple {
    background: #9078c6;
    background: -moz-linear-gradient(45deg,#9078c6 0,#2d5ea3 100%);
    background: -webkit-linear-gradient(45deg,#9078c6,#2d5ea3);
    background: linear-gradient(45deg,#9078c6,#2d5ea3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#997abc",endColorstr="#2d5ea3",GradientType=1);
}
.classroom-gradient-orange {
    background: #ffaa31;
    background: -moz-linear-gradient(45deg,#ffcd4b 0,#ffaa31 100%);
    background: -webkit-linear-gradient(45deg,#ffcd4b,#ffaa31);
    background: linear-gradient(45deg,#ffcd4b,#ffaa31);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcd4b",endColorstr="#FFA64D",GradientType=1);
}
.classroom-gradient-red {
    background: #bb1c1c;
    background: -moz-linear-gradient(45deg,#bb1c1c 0,#e0439c 100%);
    background: -webkit-linear-gradient(45deg,#bb1c1c,#e0439c);
    background: linear-gradient(45deg,#bb1c1c,#e0439c);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3929",endColorstr="#e0439c",GradientType=1);
}
.bg-default {
    background-color: #f5f6f7;
}
.bg-accent {
    background-color: #f4f9fa;
}
.bg-black {
    background-color: #000;
}
.bg-white {
    background-color: #fff;
}
.bg-blue {
    background-color: #36a1d8;
}
.bg-light-blue {
    background-color: #7fd5ef;
}
.bg-dark-blue {
    background-color: #3192c4;
}
.bg-green {
    background-color: #5cbe5a;
}
.bg-teal {
    background-color: #1fb5ad;
}
.bg-yellow {
    background-color: #fed233;
}
.bg-orange {
    background-color: #ffaa31;
}
.bg-purple {
    background-color: #9078c6;
}
.bg-vaz-light-purple {
    background-color: #40568c;
}
.bg-gray0 {
    background-color: #fefefe;
}
.bg-gray1 {
    background-color: #f5f6f7;
}
.bg-gray2 {
    background-color: #eee;
}
.bg-gray3 {
    background-color: #e8e8e8;
}
.bg-gray4 {
    background-color: #e1e1e1;
}
.bg-gray5 {
    background-color: #d7d7d7;
}
.bg-gray6 {
    background-color: #a9b0b4;
}
.bg-rule {
    background-color: #dae1e1;
}
.bg-gradient-blue {
    background-image: radial-gradient(farthest-corner at 600px 600px,#03b9ff 0,#077fbd 100%);
}
.bg-gradient-purple {
    background-image: radial-gradient(52% 72%,#40568c 0,#1a2834 100%);
}
.bg-gradient-purple-cyan {
    background-image: linear-gradient(90deg,#6b55b5 15%,#4dc4d9 85%);
}
.text-capitalize {
    text-transform: capitalize;
}
.cursor-pointer {
    cursor: pointer;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.025);
    }
    to {
        transform: scale(1);
    }
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px,0,0);
    }
    20%,
    80% {
        transform: translate3d(2px,0,0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px,0,0);
    }
    40%,
    60% {
        transform: translate3d(4px,0,0);
    }
}
.animation-pulsate {
    animation: pulsate 1.25s ease-in-out;
    animation-iteration-count: infinite;
}
.animation-shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}
@font-face {
    font-family: Open Sans;
    src: url("/global/fonts/open-sans/opensans-regular.eot");
    src: url("/global/fonts/open-sans/opensans-regular.eot?#iefix") format("embedded-opentype"),url(/global/fonts/open-sans/opensans-regular.woff) format("woff"),url(/global/fonts/open-sans/opensans-regular.ttf) format("truetype"),url(/global/fonts/open-sans/opensans-regular.svg#open_sansregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Open Sans;
    src: url("/global/fonts/open-sans/opensans-bold.eot");
    src: url("/global/fonts/open-sans/opensans-bold.eot?#iefix") format("embedded-opentype"),url(/global/fonts/open-sans/opensans-bold.woff) format("woff"),url(/global/fonts/open-sans/opensans-bold.ttf) format("truetype"),url(/global/fonts/open-sans/opensans-bold.svg#open_sansbold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Open Sans;
    src: url("/global/fonts/open-sans/opensans-semibold.eot");
    src: url("/global/fonts/open-sans/opensans-semibold.eot?#iefix") format("embedded-opentype"),url(/global/fonts/open-sans/opensans-semibold.woff) format("woff"),url(/global/fonts/open-sans/opensans-semibold.ttf) format("truetype"),url(/global/fonts/open-sans/opensans-semibold.svg#open_sanssemibold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url("/global/fonts/montserrat/montserrat-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url("/global/fonts/montserrat/montserrat-bold.ttf") format("truetype");
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}
@font-face {
    font-family: icomoon;
    src: url("/global/fonts/icomoon/icomoon.eot");
    src: url("/global/fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"),url(/global/fonts/icomoon/icomoon.woff) format("woff"),url(/global/fonts/icomoon/icomoon.ttf) format("truetype"),url(/global/fonts/icomoon/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[data-icon]:before {
    font-family: icomoon;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-IE,
.icon-android,
.icon-announcement,
.icon-apple,
.icon-apple-fruit,
.icon-arrow-cursor,
.icon-arrow-down,
.icon-arrow-down-2,
.icon-arrow-down-3,
.icon-arrow-down-4,
.icon-arrow-down-5,
.icon-arrow-down-left,
.icon-arrow-down-right,
.icon-arrow-first,
.icon-arrow-last,
.icon-arrow-left,
.icon-arrow-left-2,
.icon-arrow-left-3,
.icon-arrow-left-4,
.icon-arrow-left-5,
.icon-arrow-right,
.icon-arrow-right-2,
.icon-arrow-right-3,
.icon-arrow-right-4,
.icon-arrow-right-5,
.icon-arrow-tri-left,
.icon-arrow-tri-right,
.icon-arrow-up,
.icon-arrow-up-2,
.icon-arrow-up-3,
.icon-arrow-up-4,
.icon-arrow-up-5,
.icon-arrow-up-left,
.icon-arrow-up-right,
.icon-atom,
.icon-attachment,
.icon-backpack,
.icon-backpack-2,
.icon-backspace,
.icon-balloon,
.icon-blocked,
.icon-bomb,
.icon-book,
.icon-book-2,
.icon-bookmark,
.icon-bookmark-2,
.icon-books,
.icon-brush,
.icon-bug,
.icon-busy,
.icon-calculate,
.icon-calendar,
.icon-camera,
.icon-camera-2,
.icon-camera-3,
.icon-cancel,
.icon-cancel-2,
.icon-cart,
.icon-checkbox,
.icon-checkbox-checked,
.icon-checkbox-partial,
.icon-checkbox-unchecked,
.icon-checkbox-unchecked-2,
.icon-checkmark,
.icon-checkmark-2,
.icon-chrome,
.icon-clock,
.icon-clock-2,
.icon-code,
.icon-cog,
.icon-cog-2,
.icon-cog-3,
.icon-collapse,
.icon-color-palette,
.icon-command,
.icon-comments,
.icon-comments-2,
.icon-comments-3,
.icon-comments-4,
.icon-console,
.icon-contract,
.icon-contract-2,
.icon-contrast,
.icon-copy,
.icon-copy-2,
.icon-copy-2-2,
.icon-crop,
.icon-crown,
.icon-diamond,
.icon-disk,
.icon-document-2,
.icon-download,
.icon-droplet,
.icon-end-user,
.icon-enter,
.icon-enter-2,
.icon-equalizer,
.icon-exit,
.icon-expand,
.icon-expand-2,
.icon-expand-3,
.icon-eye,
.icon-eye-blocked,
.icon-eye-blocked-2,
.icon-eyedropper,
.icon-facebook,
.icon-facebook-2,
.icon-file,
.icon-file-pdf,
.icon-file-xml,
.icon-film,
.icon-filter,
.icon-finder,
.icon-fire,
.icon-firefox,
.icon-first,
.icon-flag,
.icon-flag-2,
.icon-folder,
.icon-folder-2,
.icon-folder-3,
.icon-folder-4,
.icon-folder-add,
.icon-folder-remove,
.icon-full-screen,
.icon-functions,
.icon-gamepad,
.icon-gamepad-2,
.icon-gamepad-3,
.icon-gift,
.icon-google,
.icon-google-plus,
.icon-google-plus-2,
.icon-graduation,
.icon-grid-2,
.icon-grid-view,
.icon-health,
.icon-heart,
.icon-heart-2,
.icon-help,
.icon-home,
.icon-info,
.icon-info-2,
.icon-instagram,
.icon-key,
.icon-keyboard,
.icon-king,
.icon-lamp,
.icon-lamp-2,
.icon-last,
.icon-lesson-plan,
.icon-lessons,
.icon-license,
.icon-lightning,
.icon-link,
.icon-linkedin,
.icon-linkedin-text,
.icon-list,
.icon-list-2,
.icon-list-title,
.icon-location,
.icon-lock,
.icon-lock-2,
.icon-locked,
.icon-loop,
.icon-loop-2,
.icon-loop-3,
.icon-mail,
.icon-mail-2,
.icon-mail-3,
.icon-marker,
.icon-math,
.icon-menu,
.icon-menu-2,
.icon-menu-down,
.icon-mic,
.icon-mic-2,
.icon-minus,
.icon-minus-2,
.icon-monitor-2,
.icon-motion,
.icon-move,
.icon-movie,
.icon-music,
.icon-music-2,
.icon-mute,
.icon-network,
.icon-neutral,
.icon-new-tab,
.icon-next,
.icon-notification,
.icon-notification-2,
.icon-notification-3,
.icon-notification-4,
.icon-opera,
.icon-pause,
.icon-pencil,
.icon-pencil-2,
.icon-pencil-2-2,
.icon-phone,
.icon-physics,
.icon-piano,
.icon-picture,
.icon-pictures,
.icon-pie,
.icon-pin,
.icon-pinterest,
.icon-pinterest-icon,
.icon-play,
.icon-play-2,
.icon-play-2-2,
.icon-plus,
.icon-plus-2,
.icon-podcast,
.icon-point-down,
.icon-point-left,
.icon-point-right,
.icon-point-up,
.icon-popout,
.icon-previous,
.icon-printer,
.icon-profile,
.icon-projects,
.icon-puzzle,
.icon-puzzle-2,
.icon-queen,
.icon-quote,
.icon-quote-2,
.icon-radio-checked,
.icon-radio-unchecked,
.icon-reddit,
.icon-redo,
.icon-redo-2,
.icon-refresh,
.icon-remix,
.icon-remove,
.icon-report,
.icon-rocket,
.icon-rotate,
.icon-rotate-2,
.icon-rotate-left,
.icon-rotate-right,
.icon-rulers,
.icon-sad,
.icon-safari,
.icon-scissors,
.icon-screen,
.icon-search,
.icon-share,
.icon-share-2,
.icon-slider-down,
.icon-slider-left,
.icon-slider-right,
.icon-slider-up,
.icon-smiley,
.icon-sounds,
.icon-star,
.icon-star-2,
.icon-star-3,
.icon-stem,
.icon-stop,
.icon-stop-2,
.icon-stop-2-2,
.icon-stopwatch,
.icon-stumbleupon,
.icon-tab,
.icon-tag,
.icon-target,
.icon-target-2,
.icon-thumbs-up,
.icon-time,
.icon-tools,
.icon-tree,
.icon-trophy,
.icon-twitter,
.icon-twitter-2,
.icon-undo,
.icon-undo-2,
.icon-unlocked,
.icon-upload,
.icon-user,
.icon-user-add,
.icon-user-remove,
.icon-users,
.icon-vector,
.icon-vimeo,
.icon-vimeo-2,
.icon-volume,
.icon-volume-decrease,
.icon-volume-high,
.icon-volume-increase,
.icon-wand,
.icon-wand-2,
.icon-warning,
.icon-warning-2,
.icon-windows,
.icon-wrench,
.icon-youtube,
.icon-youtube-2,
.icon-zoom-in,
.icon-zoom-out {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
}
.icon-home:before {
    content: "\E000";
}
.icon-pencil:before {
    content: "\E001";
}
.icon-pencil-2:before {
    content: "\E002";
}
.icon-marker:before {
    content: "\E003";
}
.icon-brush:before {
    content: "\E004";
}
.icon-color-palette:before {
    content: "\E005";
}
.icon-eyedropper:before {
    content: "\E006";
}
.icon-droplet:before {
    content: "\E007";
}
.icon-pictures:before {
    content: "\E008";
}
.icon-camera:before {
    content: "\E009";
}
.icon-music:before {
    content: "\E00A";
}
.icon-music-2:before {
    content: "\E00B";
}
.icon-piano:before {
    content: "\E00C";
}
.icon-play:before {
    content: "\E00D";
}
.icon-movie:before {
    content: "\E00E";
}
.icon-film:before {
    content: "\E00F";
}
.icon-camera-2:before {
    content: "\E010";
}
.icon-camera-3:before {
    content: "\E011";
}
.icon-gamepad:before {
    content: "\E012";
}
.icon-king:before {
    content: "\E013";
}
.icon-queen:before {
    content: "\E014";
}
.icon-announcement:before {
    content: "\E015";
}
.icon-podcast:before {
    content: "\E016";
}
.icon-mic:before {
    content: "\E017";
}
.icon-mic-2:before {
    content: "\E018";
}
.icon-book:before {
    content: "\E019";
}
.icon-book-2:before {
    content: "\E01A";
}
.icon-books:before {
    content: "\E01B";
}
.icon-graduation:before {
    content: "\E01C";
}
.icon-list:before {
    content: "\E01D";
}
.icon-profile:before {
    content: "\E01E";
}
.icon-copy:before {
    content: "\E01F";
}
.icon-folder:before {
    content: "\E020";
}
.icon-folder-2:before {
    content: "\E021";
}
.icon-folder-3:before {
    content: "\E022";
}
.icon-license:before {
    content: "\E023";
}
.icon-tag:before {
    content: "\E024";
}
.icon-cart:before {
    content: "\E025";
}
.icon-calculate:before {
    content: "\E026";
}
.icon-phone:before {
    content: "\E027";
}
.icon-mail:before {
    content: "\E028";
}
.icon-mail-2:before {
    content: "\E029";
}
.icon-mail-3:before {
    content: "\E02A";
}
.icon-location:before {
    content: "\E02B";
}
.icon-clock:before {
    content: "\E02C";
}
.icon-clock-2:before {
    content: "\E02D";
}
.icon-stopwatch:before {
    content: "\E02E";
}
.icon-calendar:before {
    content: "\E02F";
}
.icon-printer:before {
    content: "\E030";
}
.icon-screen:before {
    content: "\E031";
}
.icon-download:before {
    content: "\E032";
}
.icon-upload:before {
    content: "\E033";
}
.icon-disk:before {
    content: "\E034";
}
.icon-undo:before {
    content: "\E035";
}
.icon-redo:before {
    content: "\E036";
}
.icon-rotate:before {
    content: "\E037";
}
.icon-rotate-2:before {
    content: "\E038";
}
.icon-undo-2:before {
    content: "\E039";
}
.icon-redo-2:before {
    content: "\E03A";
}
.icon-refresh:before {
    content: "\E03B";
}
.icon-comments:before {
    content: "\E03C";
}
.icon-comments-2:before {
    content: "\E03D";
}
.icon-comments-3:before {
    content: "\E03E";
}
.icon-comments-4:before {
    content: "\E03F";
}
.icon-user:before {
    content: "\E040";
}
.icon-user-add:before {
    content: "\E041";
}
.icon-user-remove:before {
    content: "\E042";
}
.icon-users:before {
    content: "\E043";
}
.icon-busy:before {
    content: "\E044";
}
.icon-search:before {
    content: "\E045";
}
.icon-zoom-in:before {
    content: "\E046";
}
.icon-zoom-out:before {
    content: "\E047";
}
.icon-expand:before {
    content: "\E048";
}
.icon-full-screen:before {
    content: "\E049";
}
.icon-key:before {
    content: "\E04A";
}
.icon-locked:before {
    content: "\E04B";
}
.icon-wrench:before {
    content: "\E04C";
}
.icon-equalizer:before {
    content: "\E04D";
}
.icon-cog:before {
    content: "\E04E";
}
.icon-cog-2:before {
    content: "\E04F";
}
.icon-cog-3:before {
    content: "\E050";
}
.icon-wand:before {
    content: "\E051";
}
.icon-wand-2:before {
    content: "\E052";
}
.icon-health:before {
    content: "\E053";
}
.icon-bug:before {
    content: "\E054";
}
.icon-pie:before {
    content: "\E055";
}
.icon-gift:before {
    content: "\E056";
}
.icon-balloon:before {
    content: "\E057";
}
.icon-crown:before {
    content: "\E058";
}
.icon-trophy:before {
    content: "\E059";
}
.icon-diamond:before {
    content: "\E05A";
}
.icon-apple-fruit:before {
    content: "\E05B";
}
.icon-tree:before {
    content: "\E05C";
}
.icon-rocket:before {
    content: "\E05D";
}
.icon-bomb:before {
    content: "\E05E";
}
.icon-fire:before {
    content: "\E05F";
}
.icon-lamp:before {
    content: "\E060";
}
.icon-remove:before {
    content: "\E061";
}
.icon-pin:before {
    content: "\E062";
}
.icon-puzzle:before {
    content: "\E063";
}
.icon-puzzle-2:before {
    content: "\E064";
}
.icon-target:before {
    content: "\E065";
}
.icon-target-2:before {
    content: "\E066";
}
.icon-lightning:before {
    content: "\E067";
}
.icon-list-2:before {
    content: "\E068";
}
.icon-grid-view:before {
    content: "\E069";
}
.icon-menu:before {
    content: "\E06A";
}
.icon-link:before {
    content: "\E06B";
}
.icon-flag:before {
    content: "\E06C";
}
.icon-flag-2:before {
    content: "\E06D";
}
.icon-attachment:before {
    content: "\E06E";
}
.icon-eye:before {
    content: "\E06F";
}
.icon-eye-blocked:before {
    content: "\E070";
}
.icon-bookmark:before {
    content: "\E071";
}
.icon-bookmark-2:before {
    content: "\E072";
}
.icon-contrast:before {
    content: "\E073";
}
.icon-star:before {
    content: "\E074";
}
.icon-star-2:before {
    content: "\E075";
}
.icon-star-3:before {
    content: "\E076";
}
.icon-heart:before {
    content: "\E077";
}
.icon-heart-2:before {
    content: "\E078";
}
.icon-move:before {
    content: "\E079";
}
.icon-warning:before {
    content: "\E07A";
}
.icon-warning-2:before {
    content: "\E07B";
}
.icon-notification:before {
    content: "\E07C";
}
.icon-notification-2:before {
    content: "\E07D";
}
.icon-notification-3:before {
    content: "\E07E";
}
.icon-notification-4:before {
    content: "\E07F";
}
.icon-plus:before {
    content: "\E080";
}
.icon-minus:before {
    content: "\E081";
}
.icon-help:before {
    content: "\E082";
}
.icon-info:before {
    content: "\E083";
}
.icon-blocked:before {
    content: "\E084";
}
.icon-cancel:before {
    content: "\E085";
}
.icon-cancel-2:before {
    content: "\E086";
}
.icon-checkmark:before {
    content: "\E087";
}
.icon-minus-2:before {
    content: "\E088";
}
.icon-plus-2:before {
    content: "\E089";
}
.icon-play-2:before {
    content: "\E08A";
}
.icon-pause:before {
    content: "\E08B";
}
.icon-stop:before {
    content: "\E08C";
}
.icon-volume-high:before {
    content: "\E08D";
}
.icon-volume-increase:before {
    content: "\E08E";
}
.icon-volume-decrease:before {
    content: "\E08F";
}
.icon-volume:before {
    content: "\E090";
}
.icon-mute:before {
    content: "\E091";
}
.icon-next:before {
    content: "\E092";
}
.icon-previous:before {
    content: "\E093";
}
.icon-first:before {
    content: "\E094";
}
.icon-last:before {
    content: "\E095";
}
.icon-loop:before {
    content: "\E096";
}
.icon-arrow-first:before {
    content: "\E097";
}
.icon-arrow-last:before {
    content: "\E098";
}
.icon-arrow-up:before {
    content: "\E099";
}
.icon-arrow-right:before {
    content: "\E09A";
}
.icon-arrow-down:before {
    content: "\E09B";
}
.icon-arrow-left:before {
    content: "\E09C";
}
.icon-arrow-up-left:before {
    content: "\E09D";
}
.icon-arrow-up-2:before {
    content: "\E09E";
}
.icon-arrow-up-right:before {
    content: "\E09F";
}
.icon-arrow-right-2:before {
    content: "\E0A0";
}
.icon-arrow-down-right:before {
    content: "\E0A1";
}
.icon-arrow-down-2:before {
    content: "\E0A2";
}
.icon-arrow-down-left:before {
    content: "\E0A3";
}
.icon-arrow-left-2:before {
    content: "\E0A4";
}
.icon-arrow-up-3:before {
    content: "\E0A5";
}
.icon-arrow-right-3:before {
    content: "\E0A6";
}
.icon-arrow-down-3:before {
    content: "\E0A7";
}
.icon-arrow-left-3:before {
    content: "\E0A8";
}
.icon-arrow-up-4:before {
    content: "\E0A9";
}
.icon-arrow-right-4:before {
    content: "\E0AA";
}
.icon-arrow-down-4:before {
    content: "\E0AB";
}
.icon-arrow-left-4:before {
    content: "\E0AC";
}
.icon-arrow-up-5:before {
    content: "\E0AD";
}
.icon-arrow-right-5:before {
    content: "\E0AE";
}
.icon-arrow-down-5:before {
    content: "\E0AF";
}
.icon-arrow-left-5:before {
    content: "\E0B0";
}
.icon-menu-2:before {
    content: "\E0B1";
}
.icon-enter:before {
    content: "\E0B2";
}
.icon-backspace:before {
    content: "\E0B3";
}
.icon-tab:before {
    content: "\E0B4";
}
.icon-command:before {
    content: "\E0B5";
}
.icon-checkbox-checked:before {
    content: "\E0B6";
}
.icon-checkbox-unchecked:before {
    content: "\E0B7";
}
.icon-radio-checked:before {
    content: "\E0B8";
}
.icon-radio-unchecked:before {
    content: "\E0B9";
}
.icon-rulers:before {
    content: "\E0BA";
}
.icon-scissors:before {
    content: "\E0BB";
}
.icon-filter:before {
    content: "\E0BC";
}
.icon-share:before {
    content: "\E0BD";
}
.icon-new-tab:before {
    content: "\E0BE";
}
.icon-code:before {
    content: "\E0BF";
}
.icon-google-plus:before {
    content: "\EA8B";
}
.icon-google-plus-2:before {
    content: "\EA8C";
    content: "\E0C1";
}
.icon-facebook:before {
    content: "\EA90";
}
.icon-facebook-2:before {
    content: "\EA91";
}
.icon-twitter:before {
    content: "\EA96";
}
.icon-twitter-2:before {
    content: "\E0C5";
}
.icon-youtube:before {
    content: "\E0C6";
}
.icon-youtube-2:before {
    content: "\E0C7";
}
.icon-vimeo:before {
    content: "\E0C8";
}
.icon-vimeo-2:before {
    content: "\E0C9";
}
.icon-instagram:before {
    content: "\EA92";
}
.icon-apple:before {
    content: "\E0CA";
}
.icon-finder:before {
    content: "\E0CB";
}
.icon-android:before {
    content: "\E0CC";
}
.icon-windows:before {
    content: "\E0CD";
}
.icon-reddit:before {
    content: "\E0CE";
}
.icon-linkedin:before {
    content: "\E0CF";
}
.icon-stumbleupon:before {
    content: "\E0D0";
}
.icon-pinterest:before {
    content: "\E0D1";
}
.icon-linkedin-text:before {
    content: "\E0D2";
}
.icon-pinterest-icon:before {
    content: "\E0D3";
}
.icon-menu-down:before {
    content: "\E0D4";
}
.icon-list-title:before {
    content: "\E0D5";
}
.icon-arrow-tri-right:before {
    content: "\E0D6";
}
.icon-arrow-tri-left:before {
    content: "\E0D7";
}
.icon-stop-2:before {
    content: "\E0D8";
}
.icon-backpack:before {
    content: "\E0D9";
}
.icon-lock:before {
    content: "\E0DA";
}
.icon-info-2:before {
    content: "\E0DB";
}
.icon-google:before {
    content: "\EA88";
}
.icon-chrome:before {
    content: "\E0DD";
}
.icon-firefox:before {
    content: "\E0DE";
}
.icon-IE:before {
    content: "\E0DF";
}
.icon-opera:before {
    content: "\E0E0";
}
.icon-safari:before {
    content: "\E0E1";
}
.icon-checkmark-2:before {
    content: "\E0E2";
}
.icon-thumbs-up:before {
    content: "\E0E3";
}
.icon-point-down:before {
    content: "\E0E4";
}
.icon-point-left:before {
    content: "\E0E5";
}
.icon-point-right:before {
    content: "\E0E6";
}
.icon-point-up:before {
    content: "\E0E7";
}
.icon-expand-2:before {
    content: "\E0E8";
}
.icon-collapse:before {
    content: "\E0E9";
}
.icon-lessons:before {
    content: "\E0EA";
}
.icon-projects:before {
    content: "\E0EB";
}
.icon-stem:before {
    content: "\E0EC";
}
.icon-slider-right:before {
    content: "\E0ED";
}
.icon-slider-left:before {
    content: "\E0EE";
}
.icon-remix:before {
    content: "\E0EF";
}
.icon-time:before {
    content: "\E0F0";
}
.icon-quote:before {
    content: "\E0F1";
}
.icon-quote-2:before {
    content: "\E0F2";
}
.icon-smiley:before {
    content: "\E0F3";
}
.icon-neutral:before {
    content: "\E0F4";
}
.icon-sad:before {
    content: "\E0F5";
}
.icon-enter-2:before {
    content: "\E0F6";
}
.icon-exit:before {
    content: "\E0F7";
}
.icon-loop-2:before {
    content: "\E0F8";
}
.icon-checkbox:before {
    content: "\E0F9";
}
.icon-checkbox-unchecked-2:before {
    content: "\E0FA";
}
.icon-checkbox-partial:before {
    content: "\E0FB";
}
.icon-popout:before {
    content: "\E0FC";
}
.icon-share-2:before {
    content: "\E0FD";
}
.icon-slider-up:before {
    content: "\E0FE";
}
.icon-slider-down:before {
    content: "\E0FF";
}
.icon-keyboard:before {
    content: "\E100";
}
.icon-gamepad-2:before {
    content: "\E101";
}
.icon-gamepad-3:before {
    content: "\E102";
}
.icon-picture:before {
    content: "\E103";
}
.icon-folder-4:before {
    content: "\E104";
}
.icon-folder-add:before {
    content: "\E105";
}
.icon-folder-remove:before {
    content: "\E106";
}
.icon-copy-2:before {
    content: "\E107";
}
.icon-file:before {
    content: "\E108";
}
.icon-expand-3:before {
    content: "\E109";
}
.icon-contract:before {
    content: "\E10A";
}
.icon-contract-2:before {
    content: "\E10B";
}
.icon-network:before {
    content: "\E10C";
}
.icon-eye-blocked-2:before {
    content: "\E10D";
}
.icon-loop-3:before {
    content: "\E10E";
}
.icon-file-xml:before {
    content: "\E10F";
}
.icon-file-pdf:before {
    content: "\E110";
}
.icon-vector:before {
    content: "\E111";
}
.icon-crop:before {
    content: "\E112";
}
.icon-backpack-2:before {
    content: "\E113";
}
.icon-console:before {
    content: "\E114";
}
.icon-copy-2-2:before {
    content: "\E115";
}
.icon-functions:before {
    content: "\E116";
}
.icon-lesson-plan:before {
    content: "\E117";
}
.icon-lock-2:before {
    content: "\E118";
}
.icon-math:before {
    content: "\E119";
}
.icon-monitor-2:before {
    content: "\E11A";
}
.icon-motion:before {
    content: "\E11B";
}
.icon-pencil-2-2:before {
    content: "\E11C";
}
.icon-physics:before {
    content: "\E11D";
}
.icon-play-2-2:before {
    content: "\E11E";
}
.icon-report:before {
    content: "\E11F";
}
.icon-document-2:before {
    content: "\E120";
}
.icon-stop-2-2:before {
    content: "\E121";
}
.icon-rotate-left:before {
    content: "\E122";
}
.icon-rotate-right:before {
    content: "\E123";
}
.icon-sounds:before {
    content: "\E124";
}
.icon-unlocked:before {
    content: "\E125";
}
.icon-end-user:before {
    content: "\E126";
}
.icon-tools:before {
    content: "\E127";
}
.icon-atom:before {
    content: "\E128";
}
.icon-lamp-2:before {
    content: "\E129";
}
.icon-grid-2:before {
    content: "\E130";
}
.icon-arrow-cursor:before {
    content: "\E131";
}
.icon-more {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    speak: none;
}
.icon-more:before {
    content: "\B7\B7\B7";
    letter-spacing: -4px;
}
footer {
    background: #293037;
    color: #999;
    display: block;
    letter-spacing: 0.5px;
    position: relative;
    width: 100%;
}
footer .footer-top {
    padding-bottom: 14px;
    padding-top: 14px;
}
footer .footer-top h2 {
    font-size: 14px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    line-height: 20px;
    width: 42px;
    white-space: nowrap;
}
footer .footer-top p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
}
footer .footer-top a {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
}
footer .footer-top a:hover {
    text-decoration: underline;
}
footer .footer-top ul.social-links li {
    background-color: #1f1f1f;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    margin-top: 4px;
    text-align: center;
    width: 40px;
}
footer .footer-top ul.social-links li a {
    text-decoration: none;
    display: table;
    color: #fff;
    width: 100%;
    height: 100%;
}
footer .footer-top ul.social-links li a:hover {
    color: #0691d9;
}
footer .footer-top ul.social-links li a span {
    display: table-cell;
}
footer .footer-top .kid-safe-seal {
    position: absolute;
    right: 14px;
    top: 4px;
    width: 100px;
}
footer .footer-top .footer-links ul {
    list-style: none outside;
}
footer .footer-top .footer-mobile-apps ul {
    margin-top: 20px;
}
footer .footer-top .footer-mobile-apps ul li {
    float: left;
    margin-right: 10px;
}
footer .footer-top .footer-mobile-apps ul li img {
    height: 40px;
    width: 135px;
}
footer .footer-top .subscribe-form {
    font-size: 0;
}
footer .footer-top .subscribe-form input[type=text] {
    background-color: #1f1f1f;
    color: #4d4e53;
    display: inline-block;
    vertical-align: top;
    width: 75%;
}
footer .footer-top .subscribe-form input[type=text]:focus {
    color: #fff;
}
footer .footer-top .subscribe-form input[type=submit] {
    border-radius: 0;
    padding: 8px;
    width: 25%;
    display: inline-block;
}
footer .footer-bottom {
    border-top: 1px solid #353e46;
    color: #999;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: left;
}
footer .footer-bottom a {
    border-right: 1px solid #999;
    color: #999;
    font-size: 11px;
    padding: 0 10px;
}
footer .footer-bottom a:first-of-type,
footer .footer-bottom a:last-of-type {
    border-right: none;
}
footer .footer-bottom a:hover {
    color: #36a1d8;
    text-decoration: underline;
}
footer .footer-bottom a.privacy-policy {
    color: #fff;
    text-transform: uppercase;
}
footer .footer-content {
    position: relative;
    display: block;
    padding: 0 10px;
}
footer .options {
    position: relative;
    display: block;
    padding: 18px 0;
    margin: 0;
}
@media screen and (min-width:75em) {
    footer .options {
        padding-bottom: 0;
    }
}
footer .options h4 {
    font-size: 18px;
    line-height: 22px;
}
@media print,screen and (min-width:64em) {
    footer .options h4 {
        margin: 0 0 10px;
    }
}
footer .options h4,
footer .options h5 {
    color: #888e92;
}
footer .options ul {
    list-style: none outside;
}
footer .options a,
footer .options li {
    text-decoration: none;
}
footer .options a,
footer .options li,
footer .options p {
    color: #888e92;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}
footer .options p {
    padding: 0 40px 6px 0;
}
footer .options p.footer__about-tynker {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0;
}
footer .options a:hover {
    color: #36a1d8;
    text-decoration: underline;
}
footer .options .btn-round {
    color: #fff;
    margin: 6px 0 12px;
}
footer .options .btn-round:hover {
    color: #fff;
    text-decoration: none;
}
footer .mobile-bugs {
    position: relative;
    display: none;
    margin: 16px 0 0;
}
footer .mobile-bugs a {
    margin-right: 14px;
}
footer .mobile-bugs a img {
    max-height: 38px;
}
@media(min-width:960px) {
    footer .mobile-bugs {
        display: block;
    }
}
footer .social {
    position: relative;
    display: block;
}
footer .social h6 {
    color: #706f6a;
    font-size: 15px;
    line-height: 16px;
    margin: 2px 0 4px;
}
footer .social img {
    height: 20px;
    vertical-align: middle;
}
footer .social .icon {
    float: left;
    width: 39px;
    height: 39px;
    color: #fff;
    font-size: 21px;
    line-height: 23px;
    font-family: icomoon;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    padding: 9px 0 0 9px;
    margin: 0 8px 0 0;
}
footer .social .icon:hover {
    color: #fff;
    text-decoration: none;
}
footer .social .icn-facebook {
    background-color: #888e92;
}
footer .social .icn-facebook:hover {
    background-color: #3b5e93;
}
footer .social .icn-twitter {
    background-color: #888e92;
}
footer .social .icn-twitter:hover {
    background-color: #52b3d5;
}
footer .social .icn-google {
    font-size: 23px;
    line-height: 23px;
    background-color: #888e92;
}
footer .social .icn-google:hover {
    background-color: #bb462e;
}
footer .social .icn-mail {
    background-color: #888e92;
}
footer .social .icn-mail:hover {
    background-color: #ffa300;
}
footer .social .icn-youtube {
    background-color: #888e92;
}
footer .social .icn-youtube:hover {
    background-color: #b31217;
}
footer .copyright {
    text-align: left;
    position: relative;
    display: block;
    height: 26px;
    margin-top: 0;
}
footer .copyright,
footer .copyright a {
    color: #a9b0b4;
    font-size: 11px;
    line-height: 24px;
    font-weight: 300;
}
footer .copyright a {
    text-decoration: none;
    padding: 0 10px;
    border-right: 1px solid #a9b0b4;
}
footer .copyright a:last-of-type {
    border-right: none;
}
footer .copyright a:hover {
    color: #36a1d8;
    text-decoration: underline;
}
footer .small-footer {
    height: 28px;
}
footer #subscribe-form {
    white-space: nowrap;
}
footer .subscribe-form input[type=text] {
    width: 75%;
}
footer .subscribe-form input[type=submit] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-top: 7px;
    width: 25%;
}
#site-feedback {
    display: none;
}
@media print,screen and (min-width:40em) {
    #site-feedback {
        bottom: 50px;
        cursor: pointer;
        display: block;
        height: 102px;
        overflow: hidden;
        position: fixed;
        right: 0;
        width: 36px;
        z-index: 2;
    }
}
#email-subscribe {
    position: fixed;
    right: -1px;
    bottom: 50px;
    width: 400px;
    height: 120px;
    background: #fff;
    border: 1px solid #dae1e1;
    border-radius: 6px 0 0 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,.4);
    overflow: hidden;
    cursor: pointer;
    z-index: 2001;
}
#email-subscribe .tab {
    float: left;
    display: inline-block;
    width: 36px;
    height: 118px;
    background: #836bb6;
}
#email-subscribe .subscribe-short-form {
    float: left;
    display: inline-block;
    width: 360px;
    height: 118px;
    padding: 12px 0 0 14px;
}
#email-subscribe .subscribe-short-form .close-button {
    position: absolute;
    top: 10px;
    right: 18px;
    width: 18px;
    height: 18px;
}
#email-subscribe .subscribe-short-form h6 {
    color: #f88102;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 2px;
}
#email-subscribe .subscribe-short-form p {
    color: #282e33;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
    padding: 0 0 6px;
}
#email-subscribe .subscribe-short-form .medium input[type=text] {
    float: left;
    width: 220px;
    margin-right: 4px;
}
#email-subscribe .subscribe-short-form .med {
    float: left;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 16px;
}
footer.footer--colorful {
    background: #252525;
}
footer .colorful-footer h2 {
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    line-height: 20px;
    border-bottom: 2px solid #999;
    width: 42px;
    white-space: nowrap;
}
footer .colorful-footer p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
}
footer .colorful-footer a {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
}
footer .colorful-footer a:hover {
    text-decoration: underline;
}
footer .colorful-footer .footer-about h2 {
    border-bottom-color: #ec5f63;
}
footer .colorful-footer .footer-links h2 {
    border-bottom-color: #ecd127;
}
footer .colorful-footer .footer-courses h2 {
    border-bottom-color: #9aed79;
}
footer .colorful-footer .footer-links ul {
    list-style: none outside;
}
footer .colorful-footer .footer-mobile-apps h2 {
    border-bottom-color: #9aed79;
}
footer .colorful-footer .footer-mobile-apps ul {
    margin-top: 20px;
}
footer .colorful-footer .footer-mobile-apps ul li {
    float: left;
    margin-right: 10px;
}
footer .colorful-footer .footer-mobile-apps ul li img {
    height: 40px;
    width: 135px;
}
footer .colorful-footer .footer-social h2 {
    border-bottom-color: #95edbf;
}
footer .colorful-footer .footer-social ul {
    margin-top: 16px;
}
footer .colorful-footer .footer-social ul li {
    background-color: #1f1f1f;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    margin-top: 4px;
    padding-top: 6px;
    text-align: center;
    width: 40px;
}
footer .colorful-footer .footer-social ul li a {
    color: #fff;
}
footer .colorful-footer .footer-social ul li a:hover {
    color: #0691d9;
}
footer .colorful-footer .footer-newsletter h2 {
    border-bottom-color: #76d8ed;
}
footer .colorful-footer .footer-newsletter input {
    background-color: #1f1f1f;
}
footer .colorful-footer .footer-help h2 {
    border-bottom-color: #76d8ed;
}
footer .colorful-footer .footer-help ul {
    list-style: none outside;
}
footer .colorful-footer #subscribe-form {
    font-size: 0;
}
footer .colorful-footer #subscribe-form input[type=text] {
    width: 75%;
    display: inline-block;
    vertical-align: top;
}
footer .colorful-footer #subscribe-form input[type=submit] {
    border-radius: 0;
    padding: 8px 8px 7px;
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
footer .colorful-footer .footer-copyright {
    color: #999;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 14px;
    text-align: left;
}
footer .colorful-footer .footer-copyright a {
    font-size: 11px;
    padding: 0 10px;
    border-right: 1px solid #999;
}
footer .colorful-footer .footer-copyright a:last-of-type {
    border-right: none;
}
footer .colorful-footer .footer-copyright a:hover {
    color: #36a1d8;
    text-decoration: underline;
}
footer .colorful-footer .footer-copyright a.privacy-policy {
    color: #fff;
    text-transform: uppercase;
}
.bfs-fixed-banner {
    background-color: #353e5c;
    color: #fefefe;
    font-size: 0.875rem;
    line-height: 2;
    padding: 20px 0 10px;
    position: fixed;
    top: 100vh;
    text-align: center;
    transform: translateY(-100%);
    width: 100%;
    min-width: 100vw;
    z-index: 100;
}
@media print,screen and (min-width:40em) {
    .bfs-fixed-banner {
        padding: 10px 0;
    }
}
@media print,screen and (min-width:64em) {
    .bfs-fixed-banner {
        font-size: 1.125rem;
    }
}
.bfs-fixed-banner__image {
    display: inline-block;
    position: relative;
}
.bfs-fixed-banner__image:before {
    background-color: #ea5e5e;
    border-radius: 100%;
    content: "New!";
    display: block;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 38px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-25deg);
    width: 40px;
    height: 40px;
    top: -5px;
    left: -10px;
}
.bfs-fixed-banner__description {
    display: inline-block;
    font-weight: 700;
    position: relative;
}
@media screen and (max-width:39.9375em) {
    .bfs-fixed-banner__description {
        margin-bottom: 10px;
    }
    .bfs-fixed-banner__description:before {
        background-color: #ea5e5e;
        border-radius: 100%;
        content: "New!";
        display: block;
        font-family: Open Sans,Helvetica,Arial,sans-serif;
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 38px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        transform: rotate(-25deg);
        width: 40px;
        height: 40px;
        top: -42px;
        left: 0;
    }
}
footer.margin-bottom-bfs-fixed-banner {
    margin-bottom: 4.40625rem;
}
.bfs-form {
    font-size: 0.75rem;
}
@media print,screen and (min-width:40em) {
    .bfs-form {
        font-size: 1rem;
    }
}
.bfs-form .bfs-form__title {
    color: #2e3347;
    display: block;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}
.bfs-form .bfs-form__title img {
    margin-right: 0.25rem;
}
.bfs-form .bfs-form__title b {
    color: #ff8d1a;
}
@media print,screen and (min-width:40em) {
    .bfs-form .bfs-form__title {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }
}
.bfs-form .bfs-form__auth-code {
    display: inline-block;
}
.bfs-form .bfs-form__auth-code > input[type=number],
.bfs-form .bfs-form__auth-code > input[type=text] {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    width: 50px;
    height: 54px;
}
.bfs-form .bfs-form__auth-code > input[type=number]:not(:last-of-type),
.bfs-form .bfs-form__auth-code > input[type=text]:not(:last-of-type) {
    margin-right: 0.5rem;
}
.bfs-form .bfs-form__auth-code > input[type=number]:disabled,
.bfs-form .bfs-form__auth-code > input[type=text]:disabled {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #5c5b5b;
    cursor: not-allowed;
}
.bfs-form .bfs-form__auth-code > input[type=number]:focus,
.bfs-form .bfs-form__auth-code > input[type=number]:hover,
.bfs-form .bfs-form__auth-code > input[type=text]:focus,
.bfs-form .bfs-form__auth-code > input[type=text]:hover {
    border-color: #ff8d1a;
}
@media print,screen and (min-width:64em) {
    .bfs-form .bfs-form__auth-code > input[type=number],
    .bfs-form .bfs-form__auth-code > input[type=text] {
        width: 60px;
        height: 64px;
    }
}
.bfs-form input[type=email],
.bfs-form input[type=number],
.bfs-form input[type=password],
.bfs-form input[type=text],
.bfs-form select {
    border: 1px solid #cacaca;
    border-radius: 5px;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    height: 48px;
}
@media print,screen and (min-width:64em) {
    .bfs-form input[type=email],
    .bfs-form input[type=number],
    .bfs-form input[type=password],
    .bfs-form input[type=text],
    .bfs-form select {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
.bfs-form select {
    background-image: url("../image/bfs/icon-caret-down.svg");
    background-position: 100%;
}
.bfs-form label,
.bfs-form legend {
    font-size: 0.875rem;
    margin-bottom: 10px;
    text-align: left;
    height: 20px;
}
.bfs-form a {
    font-size: inherit;
}
.bfs-form small {
    color: #3d4d59;
    display: block;
    font-size: 0.625rem;
    margin-bottom: 10px;
}
.bfs-form .tab-button__title {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
}
.bfs-form .tab-button__title.\--highlight {
    color: #0096aa;
}
@media print,screen and (min-width:64em) {
    .bfs-form .tab-button__title {
        font-size: 1.125rem;
    }
}
.bfs-form .tab-button label {
    background-color: #fefefe;
    border: 2px solid #cacaca;
    border-radius: 5px;
    color: #0a0a0a;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 0.75rem;
    margin: 0 0 0.5rem;
    padding: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media print,screen and (min-width:64em) {
    .bfs-form .tab-button label {
        margin-bottom: 1rem;
    }
}
.bfs-form .tab-button input[type=checkbox],
.bfs-form .tab-button input[type=radio] {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
.bfs-form .tab-button input[type=checkbox]:checked+label,
.bfs-form .tab-button input[type=radio]:checked+label {
    background-color: #00bcd4;
    border-color: #0096aa;
    border-width: 2px;
    color: #fefefe;
}
.bfs-form .tab-button input[type=checkbox]:checked+label .tab-button__title.\--highlight,
.bfs-form .tab-button input[type=radio]:checked+label .tab-button__title.\--highlight {
    color: inherit!important;
}
.bfs-form .tab-button input[type=checkbox]:disabled+label,
.bfs-form .tab-button input[type=radio]:disabled+label {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #5c5b5b;
    cursor: not-allowed;
}
.bfs-form .tab-button input[type=checkbox]:disabled+label .tab-button__title.\--highlight,
.bfs-form .tab-button input[type=radio]:disabled+label .tab-button__title.\--highlight {
    color: inherit!important;
}
@media print,screen and (min-width:40em) {
    .bfs-form .tab-button label {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
}
.bfs-form .tab-button-grid {
    border: 1px solid #cacaca;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 7px;
    width: 100%;
}
.bfs-form .tab-button-grid .tab-button {
    width: 16.6666666667%;
}
.bfs-form .tab-button-grid .tab-button label {
    border-color: #f1f1f1!important;
    border-style: none;
    border-width: 1px!important;
    border-right-style: solid;
    border-bottom-style: solid;
    border-radius: 0;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}
.bfs-form .tab-button-grid .tab-button:first-child label {
    border-top-left-radius: 5px;
}
.bfs-form .tab-button-grid .tab-button:nth-child(6) label {
    border-right: 0;
    border-top-right-radius: 5px;
}
.bfs-form .tab-button-grid .tab-button:nth-child(7) label {
    border-bottom-left-radius: 5px;
}
.bfs-form .tab-button-grid .tab-button:nth-child(n+7) label {
    border-bottom-style: none;
}
.bfs-form .tab-button-grid .tab-button:last-child label {
    border-right-style: none;
    border-bottom-right-radius: 5px;
}
.bfs-form .tab-button-grid .tab-button__title {
    font-size: 0.875rem;
    font-weight: inherit;
}
@media print,screen and (min-width:64em) {
    .bfs-form .tab-button-grid .tab-button label {
        font-size: rem-alc(14px);
    }
    .bfs-form .tab-button-grid .tab-button__title {
        font-size: 1rem;
    }
}
.bfs-form .zf-row:not(.collapse) {
    margin-right: -.25rem;
    margin-left: -.25rem;
}
.bfs-form .zf-row:not(.collapse) .zf-column {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}
@media print,screen and (min-width:64em) {
    .bfs-form .zf-row:not(.collapse) {
        margin-right: -.5rem;
        margin-left: -.5rem;
    }
    .bfs-form .zf-row:not(.collapse) .zf-column {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}
.bfs-form .schedule-button-container {
    text-align: center;
}
.bfs-form .schedule-button-container input[type=submit] {
    width: 100%;
}
@media print,screen and (min-width:40em) {
    .bfs-form .schedule-button-container input[type=submit] {
        width: auto;
    }
}
@media print,screen and (min-width:64em) {
    .bfs-form .schedule-button-container {
        text-align: left;
    }
}
.bfs-form-summary p {
    margin-bottom: 0.5rem;
}
@media print,screen and (min-width:64em) {
    .bfs-form-summary {
        background-color: #f4f9fa;
        border: 1px solid #c1c1c1;
        border-radius: 5px;
        padding: 20px 35px 10px;
    }
}
.bfs-form-summary__title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
}
@media print,screen and (min-width:64em) {
    .bfs-form-summary__datetime {
        font-size: 1.125rem;
    }
}
.bfs-form-summary__one-time-code > span {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    width: 50px;
    height: 42px;
}
.bfs-form-summary__one-time-code > span:not(:last-of-type) {
    margin-right: 0.5rem;
}
.bfs-parent {
    height: 100%;
    background-color: #fefefe;
}
.bfs-parent__branding {
    background-color: #671281;
    font-size: 0.75rem;
    line-height: 1;
    margin-bottom: 20px;
    padding: 0.75rem;
}
.bfs-parent__branding img {
    vertical-align: baseline;
}
@media print,screen and (min-width:40em) {
    .bfs-parent__branding {
        font-size: 1rem;
        padding: 0.75rem 15px;
    }
}
.bfs-parent__featured-image {
    margin-bottom: 1rem;
    width: 200px;
}
.bfs-parent section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.bfs-parent .bfs-parent-hero {
    background-image: linear-gradient(#a217c6 15%,#710f9c 85%);
    color: #fefefe;
}
.bfs-parent .bfs-parent-hero .page-hero__title {
    margin-bottom: 2rem;
}
@media screen and (max-width:39.9375em) {
    .bfs-parent .bfs-parent-hero {
        padding-top: 0.5rem;
    }
    .bfs-parent .bfs-parent-hero .page-hero__content {
        padding-right: 0;
        padding-left: 0;
    }
}
@media print,screen and (min-width:40em) {
    .bfs-parent .bfs-parent-hero {
        background-image: linear-gradient(90deg,#a217c6 15%,#710f9c 85%);
    }
}
.bfs-parent .bfs-parent-upcoming {
    background-color: #fefefe;
    border-radius: 5px;
    color: #0a0a0a;
    overflow: hidden;
    text-align: left;
}
@media print,screen and (min-width:40em) {
    .bfs-parent .bfs-parent-upcoming {
        font-size: 1.125rem;
    }
}
@media print,screen and (min-width:64em) {
    .bfs-parent .bfs-parent-upcoming {
        border: 1px solid #c1c1c1;
    }
}
.bfs-parent .bfs-parent-upcoming__content {
    padding: 1.125rem 1.625rem 2rem;
}
@media print,screen and (min-width:64em) {
    .bfs-parent .bfs-parent-upcoming__content {
        padding: 0.8rem 1rem;
    }
}
.bfs-parent .bfs-parent-upcoming__title {
    font-size: 1.125rem;
    font-weight: 900;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
}
.bfs-parent .bfs-parent-upcoming__title > b {
    color: #ff8d1a;
    font-size: 1rem;
}
@media print,screen and (min-width:40em) {
    .bfs-parent .bfs-parent-upcoming__title {
        background-color: #fff4e6;
        border-radius: 20px;
        padding: 1rem;
    }
}
@media print,screen and (min-width:64em) {
    .bfs-parent .bfs-parent-upcoming__title {
        margin-bottom: 1.875rem;
    }
}
.bfs-parent .bfs-parent-upcoming__details {
    margin-bottom: 1.5rem;
}
.press {
    background-color: #fff;
}
.press .hero {
    background-color: #00a6c0;
    padding: 50px 0;
}
.press .hero .slider .slide {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -o-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.press .hero .slider .slick-arrow {
    display: none!important;
}
.press .hero .slider .slick-dots {
    bottom: -50px;
}
.press .hero .slider .slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.press .hero .slider .slick-dots li button:before {
    color: #fff;
    font-size: 15px;
}
.press .hero .article {
    background-color: #00bcd9;
    color: #fff;
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    font-weight: 600;
    height: 210px;
    margin-bottom: 10px;
    padding: 30px;
    position: relative;
    text-align: center;
}
.press .hero .article:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
@media print,screen and (min-width:40em) {
    .press .hero .article {
        margin-bottom: 0;
    }
}
.press .hero .article :focus,
.press .hero .article :hover {
    outline: none;
}
.press .hero .article .logo {
    margin-bottom: 30px;
}
.press .hero .article .logo img {
    max-width: 100%;
    max-height: 30px;
    margin: auto;
}
.press .hero .article .name {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}
.press .hero .article .title {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    max-height: 50px;
    overflow: hidden;
}
.press .hero .article .date {
    bottom: 30px;
    color: #fff;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.press .hero .article.article-highlight-big-logo .logo {
    margin-bottom: 20px;
}
.press .hero .article.article-highlight-big-logo .logo img {
    max-height: 40px;
    height: 40px;
}
.press .media-kit {
    background-color: #f4f4f4;
    padding: 45px 0;
    text-align: center;
}
.press .media-kit .contact {
    color: #878787;
    font-weight: 700;
    margin-bottom: 20px;
}
.press .media-kit .contact a {
    font-weight: 600;
}
.press .media-kit .button {
    margin-bottom: 0;
}
.press .news-media {
    padding-top: 50px;
}
.press .news-media .title {
    position: relative;
}
.press .news-media .title h1 {
    text-align: center;
}
.press .news-media .tabs {
    background: 0 0;
    border: none;
    text-align: center;
}
.press .news-media .tabs .tabs-title {
    display: inline-block;
    float: none;
}
.press .news-media .tabs .tabs-title a.button {
    background-color: #f1f1f1;
    border-radius: 50px;
    color: #a1a1a1;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0;
    outline: none;
    padding: 0.5rem;
    text-transform: none;
}
@media print,screen and (min-width:40em) {
    .press .news-media .tabs .tabs-title a.button {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
}
.press .news-media .tabs .tabs-title.is-active a.button {
    background-color: #62bd62;
    color: #fff;
}
.press .news-media .tabs-content {
    background-color: #fff;
    margin-top: 35px;
}
.press .news-media .tabs-content .tiles {
    display: none;
}
.press .news-media .tabs-content .tiles.active {
    display: block;
}
@media print,screen and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column:last-child:not(:first-child) {
        float: right;
    }
}
@media print,screen and (min-width:64em) {
    .press .news-media .tabs-content .tiles .zf-column {
        width: 33.3333333333%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:64em) and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:64em) {
    .press .news-media .tabs-content .tiles .zf-column:last-child:not(:first-child) {
        float: right;
    }
}
.press .news-media .tabs-content .tiles .zf-column a .tile {
    border-top: 5px solid #f8f8f8;
    padding: 30px;
    overflow: hidden;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .date {
    color: #878787;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .source {
    margin-bottom: 20px;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .source .logo {
    display: block;
    max-height: 30px;
    opacity: 0.5;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .source .name {
    color: #878787;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .source.logo .name {
    display: none;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .title {
    color: #4db5c6;
    font-size: 14px;
    font-weight: 600;
}
.press .news-media .tabs-content .tiles .zf-column a .tile .preview {
    color: #0a0a0a;
    font-size: 14px;
    max-height: 4.5em;
    overflow: hidden;
}
@media print,screen and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column:first-child,
    .press .news-media .tabs-content .tiles .zf-column:nth-child(2) {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column:first-child,
    .press .news-media .tabs-content .tiles .zf-column:nth-child(2) {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .press .news-media .tabs-content .tiles .zf-column:first-child:last-child:not(:first-child),
    .press .news-media .tabs-content .tiles .zf-column:nth-child(2):last-child:not(:first-child) {
        float: right;
    }
}
.press .news-media .tabs-content .tiles .zf-column:first-child a .tile .title,
.press .news-media .tabs-content .tiles .zf-column:nth-child(2) a .tile .title {
    color: #139db3;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.press .news-media .tabs-content .tiles .zf-column:first-child a .tile .preview,
.press .news-media .tabs-content .tiles .zf-column:nth-child(2) a .tile .preview {
    color: #0a0a0a;
    font-size: 16px;
    max-height: 4.5em;
    overflow: hidden;
}
.press .news-media .tabs-content #panel-press .tile .source {
    display: none;
}
.press .twitter {
    text-align: center;
}
.press .twitter h4 {
    color: #2378ac;
    text-align: center;
}
.press .twitter .button-split {
    border: none;
    padding: 0;
}
.press .twitter .button-split .left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: block;
    float: left;
}
.press .twitter .button-split .right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    float: left;
}
.press .twitter .button-twitter {
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 75px;
    text-transform: none;
}
.press .twitter .button-twitter .left {
    background-color: hsla(0,0%,100%,.2);
}
.press .twitter .button-twitter .left .icon-twitter {
    color: #3ce0ea;
    display: block;
    font-size: 25px;
    padding: 15px;
}
.press .twitter .button-twitter .right {
    line-height: 25px;
    padding: 15px 30px;
}
.press .twitter .button-twitter .right .twitter-tag {
    font-weight: 700;
}
body.site section.press {
    padding-bottom: 0;
    padding-top: 0;
}
.call-to-authors-hero {
    background-image: url("../image/call-to-authors/hero-bg.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 9.375rem;
}
@media print,screen and (min-width:64em) {
    .call-to-authors-hero {
        background-image: url("../image/call-to-authors/hero-bg@2x.png");
        height: 18.75rem;
    }
}
.camps-courses-index #pricing {
    padding: 20px 0;
    background-color: #36a1d8;
}
.camps-courses-index #pricing .subtitle,
.camps-courses-index #pricing h2,
.camps-courses-index #pricing h3,
.camps-courses-index #pricing h5 {
    text-align: center;
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.camps-courses-index #pricing h2 {
    margin-top: 30px;
}
.camps-courses-new {
    background-color: #fff;
}
.camps-courses-new .hero {
    min-height: 194px;
    background: transparent url("../image/camps/courses/bg-camps-header.jpg") 27%;
    background-size: cover;
}
.camps-courses-new .content {
    padding-top: 40px;
}
.camps-courses-new .content section h1 {
    font-size: 36px;
    font-weight: 700;
}
.camps-courses-new .content section.curriculum {
    padding-top: 0;
    text-align: center;
}
.camps-courses-new .content section.curriculum .intro {
    margin-bottom: 3rem;
}
.camps-courses-new .content section.curriculum .course-catalog {
    margin-bottom: 1rem;
}
.camps-courses-new .content section.curriculum .course-catalog li {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 15px;
}
@media screen and (min-width:31.25em) {
    .camps-courses-new .content section.curriculum .course-catalog li {
        width: 50%;
    }
}
@media print,screen and (min-width:64em) {
    .camps-courses-new .content section.curriculum .course-catalog li {
        width: 25%;
    }
}
.camps-courses-new .content section.curriculum .course-catalog li .course-card.course-card--school {
    width: auto;
    margin: 0;
}
.camps-courses-new .content section.curriculum .course-catalog li .course-card.course-card--school .course-image {
    width: auto;
}
.camps-courses-new .content section.curriculum .course-catalog li .course-card.course-card--school .course-image img {
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.camps-courses-new .content section.curriculum .course-catalog li .course-card.course-card--school .course-indicator {
    display: none;
}
.camp {
    background-color: #f6fcff;
}
.camp.maintenance {
    background-color: transparent;
}
.camp.maintenance .hero {
    background-image: none;
}
.camp .hero {
    min-height: 418px;
    padding-top: 214px;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    background-blend-mode: multiply;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.82)),url(../image/camps/locations/hero-sample-game-design-75.jpg);
}
@media print,screen and (min-width:40em) {
    .camp .hero {
        min-height: 538px;
        padding-top: 310px;
    }
}
.camp .hero .preTitle {
    font-size: 15px;
}
@media print,screen and (min-width:40em) {
    .camp .hero .preTitle {
        font-size: inherit;
    }
}
.camp .hero .name {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
@media print,screen and (min-width:40em) {
    .camp .hero .name {
        font-size: 50px;
    }
}
.camp .hero .name:after {
    content: "";
    display: block;
    width: 2rem;
    margin-top: 10px;
    border-top: 2px solid;
}
.camp .hero .tagline {
    width: 300px;
    font-size: 14px;
}
.camp .teacher {
    padding-top: 0;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .camp .teacher {
        text-align: inherit;
    }
}
.camp .teacher .profile .photo {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
@media print,screen and (min-width:40em) {
    .camp .teacher .profile .photo {
        float: right;
        width: 150px;
        height: 150px;
        margin-top: -75px;
    }
}
.camp .teacher .profile .name-bio {
    margin-top: 7px;
}
@media print,screen and (min-width:40em) {
    .camp .teacher .profile .name-bio {
        float: right;
        margin-top: 25px;
        margin-right: 30px;
        text-align: right;
    }
}
.camp .teacher .profile .name-bio .name {
    font-size: 18px;
    font-weight: 700;
}
.camp .teacher .profile .name-bio .shortBio {
    font-size: 15px;
}
.camp .teacher .aca-certification,
.camp .teacher .signed-pledge {
    display: inline-block;
    margin-top: 20px;
}
@media print,screen and (min-width:40em) {
    .camp .teacher .aca-certification,
    .camp .teacher .signed-pledge {
        margin-top: 25px;
    }
}
.camp .teacher .aca-certification .icon,
.camp .teacher .signed-pledge .icon {
    float: left;
    height: 33px;
    margin-right: 10px;
}
.camp .teacher .aca-certification .text,
.camp .teacher .signed-pledge .text {
    float: left;
    padding-top: 3px;
    font-size: 12px;
    line-height: 13px;
    color: #7c7f81;
    text-align: left;
}
.camp .sessions .title {
    margin-bottom: 42px;
    border-bottom: 2px solid #d3d3d3;
    padding-bottom: 25px;
}
.camp .more-info .info {
    box-shadow: 0 20px 20px -20px rgba(0,0,0,.15);
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 35px 15px;
    background-color: #fff;
    text-align: center;
}
.camp .more-info .info h4 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #7c7f89;
}
.camp .more-info .info p {
    color: #b0b2b3;
}
.camp > .description {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../image/camps/locations/background-90.jpg");
    background-size: cover;
}
@media print,screen and (min-width:40em) {
    .camp > .description {
        height: 600px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.camp > .description .image-text {
    box-shadow: 0 20px 20px -20px rgba(0,0,0,.15);
}
.camp > .description .image-text .image {
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.camp > .description .image-text .text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 25px 15px;
    background-color: #fff;
    color: #7c7f81;
    font-size: 18px;
}
.camp > .description .image-text .text .social-network {
    margin-top: 2rem;
    font-weight: 500;
}
@media print,screen and (min-width:40em) {
    .camp > .description .image-text {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #fff;
    }
    .camp > .description .image-text .image {
        border-radius: 0;
        padding-right: 100px;
        padding-left: 35px;
    }
    .camp > .description .image-text .text {
        border-radius: 0;
        padding: 0 35px 0 100px;
    }
}
.camp-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .camp-footer {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: initial;
    }
}
.camp-footer .brand {
    display: inline-block;
    margin-bottom: 20px;
}
@media print,screen and (min-width:40em) {
    .camp-footer .brand {
        margin-bottom: 0;
    }
}
@media print,screen and (min-width:40em) {
    .camp-footer .links {
        float: right;
    }
}
.camp-footer .links a {
    border-right: none;
    padding: 0 1rem;
    color: #fff;
    font-size: 12px;
    line-height: 2rem;
    white-space: nowrap;
}
@media print,screen and (min-width:40em) {
    .camp-footer .links a {
        font-size: 14px;
        line-height: 1rem;
    }
}
.camp-footer .links a+a {
    border-left: 1px solid;
}
.camp-header {
    width: 90%;
    text-align: right;
}
@media print,screen and (min-width:40em) {
    .camp-header {
        width: 80%;
    }
}
.camp-header .button-checkout {
    box-shadow: 0 10px 10px -10px rgba(55,25,0,.3);
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1rem 10px 0.5rem;
    font-size: 0.9rem;
    text-transform: none;
}
@media print,screen and (min-width:40em) {
    .camp-header .button-checkout {
        padding: 1rem 20px;
        font-size: 1rem;
    }
}
.camp-header .button-checkout .icon {
    margin-right: 0.5rem;
}
.camp-header .button-checkout .text {
    display: none;
}
@media print,screen and (min-width:40em) {
    .camp-header .button-checkout .text {
        display: inline;
    }
}
.camp-header-preview .nav {
    text-align: center;
    line-height: 100px;
}
.camp-header-preview .nav .link-back {
    float: left;
}
.camp-header-preview .nav .title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}
.camp-header-preview .nav .button-container {
    float: right;
}
.camp-header-preview .nav .button-container .button-publish {
    margin-bottom: 0;
}
.camp-map-contact {
    position: relative;
}
.camp-map-contact .map {
    position: relative;
    margin-bottom: 100px;
}
.camp-map-contact .map .map-canvas,
.camp-map-contact .map .overlay {
    height: 356px;
}
.camp-map-contact .map .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    background-image: linear-gradient(top,transparent,rgba(0,0,0,.65));
}
.camp-map-contact .map .overlay .labels {
    position: absolute;
    left: 15px;
    bottom: 28px;
}
@media print,screen and (min-width:64em) {
    .camp-map-contact .map .overlay .labels {
        left: 100px;
        bottom: 85px;
    }
}
.camp-map-contact .map .overlay .labels .label {
    color: #fff;
    line-height: 19px;
}
.camp-map-contact .map .overlay .labels .label.address {
    margin-bottom: 14px;
}
.camp-map-contact .map .overlay .labels .label.address .icon {
    font-size: 21px;
}
.camp-map-contact .map .overlay .labels .label.address .name {
    font-size: 14px;
    font-weight: 500;
}
.camp-map-contact .map .overlay .labels .label.address a,
.camp-map-contact .map .overlay .labels .label.address a:hover {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.camp-map-contact .map .overlay .labels .label.phone .icon {
    padding: 0 3px;
    font-size: 15px;
}
.camp-map-contact .map .overlay .labels .label.phone a,
.camp-map-contact .map .overlay .labels .label.phone a:hover {
    font-size: 14px;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .camp-map-contact .map {
        max-width: 75%;
        margin-bottom: 0;
    }
    .camp-map-contact .map .map-canvas,
    .camp-map-contact .map .overlay {
        height: 673px;
    }
}
.camp-map-contact .contact {
    box-shadow: 0 20px 20px -20px rgba(0,0,0,.2);
    margin: 0 10px 20px;
    border-radius: 10px;
    padding: 40px;
    background: #fff;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .camp-map-contact .contact {
        position: absolute;
        top: 110px;
        left: 75%;
        transform: translateX(-50%);
        width: 500px;
    }
}
.camp-map-contact .contact .photo {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin: -90px auto 18px;
    border-radius: 50%;
}
.camp-map-contact .contact .title {
    margin: 0;
    padding: 0;
}
.camp-map-contact .contact .subtitle {
    margin-bottom: 5px;
    font-size: 13px;
    color: #4c4c4c;
    opacity: 0.6;
}
.camp-map-contact .contact .info {
    font-size: 13px;
}
.camp-map-contact .contact .info.success {
    color: #5cbe5a;
}
.camp-map-contact .contact .info.error {
    color: #dc3929;
}
.camp-map-contact .contact form input,
.camp-map-contact .contact form textarea {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    box-shadow: none;
}
.camp-map-contact .contact form input {
    height: 50px;
}
.camp-map-contact .contact form .button {
    min-width: 130px;
    margin-bottom: 0;
}
.camp-session {
    margin-bottom: 3rem;
    border-bottom: 2px solid #d3d3d3;
    padding-bottom: 1rem;
}
.camp-session:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.camp-session .header {
    position: relative;
    margin-bottom: 1rem;
}
.camp-session .header:after,
.camp-session .header:before {
    display: table;
    content: " ";
}
.camp-session .header:after {
    clear: both;
}
@media print,screen and (min-width:40em) {
    .camp-session .header {
        position: static;
        margin-bottom: 0;
    }
}
.camp-session .header .price-add-to-cart {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
@media print,screen and (min-width:40em) {
    .camp-session .header .price-add-to-cart {
        position: static;
        float: right;
    }
}
.camp-session .header .price-add-to-cart .price {
    display: inline-block;
    font-weight: 700;
    color: #4f5361;
}
.camp-session .header .price-add-to-cart .price .symbol {
    font-size: 1rem;
}
.camp-session .header .price-add-to-cart .price .value {
    font-size: 2rem;
}
.camp-session .header .price-add-to-cart .add-to-cart {
    display: inline-block;
    margin-left: 50px;
}
.camp-session .course-images {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.camp-session .course-images .course-image,
.camp-session .course-images .screenshot {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.camp-session .course-images .screenshot {
    border-radius: 5px;
}
.camp-session .course-images .main-image {
    margin-bottom: 1rem;
}
.camp-session .course-images .thumbnails {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.camp-session .course-images .thumbnails .thumbnail {
    width: 30%;
    height: 60px;
}
@media print,screen and (min-width:64em) {
    .camp-session .course-images {
        flex-direction: row;
    }
    .camp-session .course-images .main-image {
        width: 75%;
        margin-bottom: 0;
        padding-right: 1rem;
    }
    .camp-session .course-images .thumbnails {
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .camp-session .course-images .thumbnails .thumbnail {
        width: auto;
        height: 28%;
    }
}
.camp-session .course-description,
.camp-session .course-description p {
    color: #717272;
}
.camp-session .course-description p {
    display: none;
}
.camp-session .course-description p:first-child {
    display: block;
}
.camp-session .learn-more {
    display: block;
    margin-bottom: 2rem;
    color: #766889;
    font-weight: 600;
    text-align: right;
    text-decoration: underline;
    text-transform: uppercase;
}
@media print,screen and (min-width:40em) {
    .camp-session .learn-more {
        text-align: left;
    }
}
.camp-session .more-info {
    margin-bottom: 2rem;
    font-size: 12px;
}
.camp-session .more-info li.label {
    font-weight: 700;
    color: #717272;
}
.camp-session .more-info li {
    color: #adb1b4;
}
.camp-session .add-to-cart {
    text-align: center;
}
.camp-session .add-to-cart .button {
    min-width: 150px;
}
.camp-session .add-to-cart .button.disabled {
    cursor: default;
}
.camp-session.sold-out .price-add-to-cart .price {
    color: #dce2ec;
}
.camp-session-header {
    position: relative;
    height: 80px;
}
@media print,screen and (min-width:40em) {
    .camp-session-header {
        position: static;
        height: auto;
    }
}
.camp-session-header .dates {
    position: absolute;
    top: 37px;
    left: 0;
    display: inline-block;
    color: #25293a;
}
@media print,screen and (min-width:40em) {
    .camp-session-header .dates {
        position: static;
        margin-top: 3px;
    }
}
.camp-session-header .dates .date {
    display: inline-block;
    line-height: 1;
    text-align: center;
}
.camp-session-header .dates .date .day {
    display: block;
    font-size: 24px;
    font-weight: 700;
}
.camp-session-header .dates .date .month {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.camp-session-header .dates .separator {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    line-height: 42px;
    font-weight: 700;
}
.camp-session-header .course-title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    color: #25293a;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
}
@media print,screen and (min-width:40em) {
    .camp-session-header .course-title {
        position: static;
        display: inline-block;
        margin: 0 0 0 1.5rem;
        font-size: 26px;
    }
}
.camp-session-header .mode {
    position: absolute;
    right: 0;
    margin-top: 2px;
    display: inline-block;
    vertical-align: 21px;
    border-radius: 15px;
    padding: 2px 10px;
    background-color: #7253e5;
    color: #fff;
    opacity: 0.5;
    font-size: 12px;
    text-transform: uppercase;
}
@media print,screen and (min-width:40em) {
    .camp-session-header .mode {
        position: static;
        margin: 0 0 0 1rem;
    }
}
body.camps-locations-preview #header {
    height: 100px;
    background-color: #747ffc;
    box-shadow: none;
}
body.camps-locations-show.maintenance {
    background-blend-mode: multiply;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.82)),url(../image/camps/locations/hero-maintenance-MC-75.jpg);
    background-position: 50%;
    background-size: cover;
}
body.camps-locations-show #header {
    position: fixed;
    z-index: 10;
    width: 100%;
}
body.camps-locations-show footer {
    background-color: #0a0a0a;
}
.body-camp-checkout {
    background-color: #f6fcff;
}
.cart.cart-camp .cart-camp-empty {
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}
.cart.cart-camp .cart-line {
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 5px;
    margin-bottom: 1rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.cart.cart-camp .cart-line input[type=email],
.cart.cart-camp .cart-line input[type=number],
.cart.cart-camp .cart-line input[type=password],
.cart.cart-camp .cart-line input[type=tel],
.cart.cart-camp .cart-line input[type=text],
.cart.cart-camp .cart-line textarea {
    height: 46px;
    border-radius: 5px;
    width: 100%;
    padding-top: 12px;
}
.cart.cart-camp .cart-line-image {
    background-size: cover;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 8px;
}
.cart.cart-camp .cart-line-more-info {
    font-size: 12px;
}
.cart.cart-camp .cart-line-more-info .label {
    font-weight: 700;
}
.cart.cart-camp .cart-line-remove {
    font-size: 14px;
    color: #9078c6;
}
.header-checkout-camp {
    background-color: #747ffc;
}
.header-checkout-camp h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0;
}
.header-checkout-camp h2 {
    color: #fff;
    font-size: 16px;
}
.header-checkout-camp h2 a {
    color: #fff;
    font-weight: 700;
}
.header-checkout-camp h2 a:hover {
    text-decoration: underline;
}
.header-checkout-camp p {
    color: #fff;
    margin-bottom: 0;
}
.header-checkout-camp-content {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.header-checkout-camp-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 0;
}
.header-checkout-camp-description {
    font-size: 16px;
}
.header-checkout-camp-progress {
    margin-top: 1rem;
}
.header-checkout-camp-progress ul {
    float: right;
}
.header-checkout-camp-progress ul li {
    color: #c2c6fe;
    font-size: 12px;
    font-weight: 700;
    float: left;
    position: relative;
    text-align: center;
    width: 90px;
}
.header-checkout-camp-progress ul li .dot {
    font-size: 20px;
}
.header-checkout-camp-progress ul li:before {
    width: 22.5px;
    right: 45px;
}
.header-checkout-camp-progress ul li:after,
.header-checkout-camp-progress ul li:before {
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid #c2c6fe;
    height: 1px;
    top: 17px;
}
.header-checkout-camp-progress ul li:after {
    width: 67.5px;
    left: 45px;
}
.header-checkout-camp-progress ul li:first-child:before,
.header-checkout-camp-progress ul li:last-child:after {
    content: none;
}
.header-checkout-camp-progress ul li.active {
    color: #fff;
}
.header-checkout-camp-progress ul li.active:after,
.header-checkout-camp-progress ul li.active:before {
    border-top-color: #fff;
}
body.site .header-checkout-camp h2 {
    padding-bottom: 0;
}
.store-checkout-payment .callout.success.\--cart {
    background-color: #e9f4e3;
    border-radius: 0;
    color: #25293a;
    font-size: 14px;
    padding: 10px;
}
.store-checkout-payment a {
    color: #00bcd4;
    font-weight: 400;
}
.store-checkout-payment a.button.secondary {
    color: #fff;
}
.store-checkout-payment .field-wrapper {
    position: relative;
    margin-bottom: 12px;
}
.store-checkout-payment .card-info-combined {
    border-radius: 5px;
    border: 1px solid #cacaca;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    margin: 0 0 0.875rem;
}
.store-checkout-payment .card-info-combined .card-image {
    position: absolute;
    z-index: 1;
    width: 25px;
    margin-top: 17px;
    margin-left: 8px;
}
.store-checkout-payment .card-info-combined .cardName input {
    padding-left: 35px;
}
.store-checkout-payment .card-info-combined input {
    border: transparent;
    box-shadow: none;
    margin: 0;
}
.store-checkout-payment .shadow-box {
    box-shadow: 0 4px 5px rgba(0,0,0,.2);
    background: hsla(0,0%,100%,.91);
    padding: 40px;
}
.store-checkout-payment .payment-errors {
    margin-bottom: 1.5rem;
}
.store-checkout-payment .button-apple-pay {
    background-color: #0a0a0a;
    color: #fff;
}
.store-checkout-payment .button-apple-pay:active,
.store-checkout-payment .button-apple-pay:hover {
    background-color: #9a9a9a;
}
.store-checkout-payment .button-paypal {
    background-color: #faa600;
}
.store-checkout-payment .store-checkout-main {
    background: hsla(0,0%,100%,.91);
    padding: 2rem 1rem;
}
@media print,screen and (min-width:40em) {
    .store-checkout-payment .store-checkout-main {
        height: 100vh;
        margin-top: 2px;
        padding: 2rem 2rem 4rem;
    }
}
@media print,screen and (min-width:64em) {
    .store-checkout-payment .store-checkout-main {
        height: 100vh;
        padding: 3.5rem 4rem 4rem;
    }
}
.store-checkout-payment .store-checkout-main .button-box,
.store-checkout-payment .store-checkout-main .optional-box {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 1.25rem;
    width: 100%;
}
.store-checkout-payment .store-checkout-main .optional-box {
    border: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 10px;
}
.store-checkout-payment .store-checkout-main .optional-box p.or-label {
    font-size: 12px;
    margin-bottom: -20px;
}
.store-checkout-payment .store-checkout-main .optional-box p.or-label strong {
    background-color: #fff;
    padding: 10px;
}
.store-checkout-payment .store-checkout-main form .payment-button {
    width: 100%;
    max-width: 300px;
}
.store-checkout-payment .store-checkout-main form .apple-payment-button {
    height: 33px;
    vertical-align: bottom;
    border-radius: 4px;
    width: 100%;
    max-width: 285px;
    height: 40px;
    line-height: 24px;
}
.store-checkout-payment .store-checkout-main .accordion.accordion-payment .accordion-title:before {
    display: none;
}
.store-checkout-payment .store-checkout-main .accordion.accordion-payment .accordion-content {
    border-top: 1px solid #e6e6e6;
    margin-top: 0;
    padding: 1rem;
}
.store-checkout-payment .store-checkout-main .accordion.accordion-payment .accordion-content .btn-panel {
    padding: 0;
}
.store-checkout-payment .store-checkout-main .accordion.accordion-payment .accordion-content .btn-panel .button {
    margin-bottom: 0;
}
.store-checkout-payment .input-floating-label label {
    position: absolute;
    top: 2px;
    font-size: 11px;
    color: #aaa;
    transition: all 0.3s ease-out;
    opacity: 0;
    font-weight: 700;
    padding: 0 8px;
}
.store-checkout-payment .input-floating-label label.on {
    color: #4481c4;
}
.store-checkout-payment .input-floating-label label.show {
    color: #4481c4;
    top: 2px;
    opacity: 1;
    padding: 0 8px;
}
.store-checkout-payment input[type=email],
.store-checkout-payment input[type=number],
.store-checkout-payment input[type=password],
.store-checkout-payment input[type=text],
.store-checkout-payment textarea {
    height: 46px;
    border-radius: 5px;
    width: 100%;
    padding-top: 12px;
    font-size: 16px;
}
.store-checkout-payment input[type=number] {
    font-size: 16px;
}
.store-checkout-payment input[type=number]::-webkit-inner-spin-button,
.store-checkout-payment input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.store-checkout-payment h4 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.store-checkout-payment fieldset.fieldset-border {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #c0c7cb;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    margin-bottom: 12px;
    margin-top: 12px;
    display: inline-block;
    width: 100%;
}
.store-checkout-payment fieldset.fieldset-border .form-group:not(:last-child) {
    border-bottom: 1px solid #c0c7cb;
}
.store-checkout-payment .form-group label {
    color: #aaa;
    display: inline-block;
    font-weight: 700;
    line-height: 46px;
    height: 46px;
    padding-left: 6px;
}
.store-checkout-payment .form-group input {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    padding-top: 6px;
}
.store-checkout-payment .StripeElement,
.store-checkout-payment stripe-card-element {
    margin-bottom: 12px;
    display: inline-block;
}
.store-checkout-payment .button-panel {
    margin-top: 12px;
    display: inline-block;
    width: 100%;
}
.store-checkout-payment p.auto-renew-notice {
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 12px;
    padding-bottom: 0;
}
.store-checkout-payment .embedded-cart,
.store-checkout-payment .embedded-cart-1 {
    margin: 0 0 20px;
}
.store-checkout-payment .embedded-cart h1,
.store-checkout-payment .embedded-cart h2,
.store-checkout-payment .embedded-cart h3,
.store-checkout-payment .embedded-cart h4,
.store-checkout-payment .embedded-cart-1 h1,
.store-checkout-payment .embedded-cart-1 h2,
.store-checkout-payment .embedded-cart-1 h3,
.store-checkout-payment .embedded-cart-1 h4 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.store-checkout-payment .embedded-cart .embedded-cart__line:not(:last-of-type),
.store-checkout-payment .embedded-cart-1 .embedded-cart__line:not(:last-of-type) {
    margin-bottom: 0;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail {
    padding: 0 0 5px;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__title,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: 5px;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__billing,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__billing {
    color: #616162;
    font-size: 12px;
    padding-bottom: 0;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__description,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__description {
    color: #616162;
    font-size: 12px;
    line-height: 1.6;
    padding-bottom: 0;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__note,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__note {
    font-size: inherit;
    font-style: italic;
    padding-bottom: 0;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line_price-container,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line_price-container {
    font-size: 14px;
    margin-top: 5px;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__discount_price,
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__original_price,
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line__price,
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line_price,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__discount_price,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__original_price,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line__price,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line_price {
    font-size: 14px;
}
.store-checkout-payment .embedded-cart .embedded-cart__line__detail .embedded-cart__line_remove,
.store-checkout-payment .embedded-cart-1 .embedded-cart__line__detail .embedded-cart__line_remove {
    font-size: 12px;
}
.store-checkout-payment .checkout-box {
    background: #fff;
    box-shadow: 0 4px 5px #d0cdc1;
    margin: 20px 0;
    padding: 20px;
}
.store-checkout-payment .checkout-box .divider-horizontal {
    background: #f5f6f7;
}
.store-checkout-payment .checkout-box .social-buttons-small {
    margin: 0 0 30px;
}
.store-checkout-payment .checkout-box a {
    color: #00bcd4;
}
.store-checkout-payment-camp h3 {
    font-size: 20px;
}
.store-checkout-payment-camp p.secure {
    color: #727272;
    font-size: 11px;
}
.store-checkout-payment-camp .embedded-cart-camp {
    background: hsla(0,0%,100%,.91);
    box-shadow: 0 4px 5px rgba(0,0,0,.2);
    margin-bottom: 1rem;
    padding: 2rem!important !important;
}
.store-checkout-payment-camp .embedded-cart-camp p {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.store-checkout-payment-camp .embedded-cart-camp .embedded-cart-camp-line-title {
    color: #616161;
    font-weight: 700;
}
.store-redeem-camp {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.store-redeem-camp input[type=email],
.store-redeem-camp input[type=number],
.store-redeem-camp input[type=password],
.store-redeem-camp input[type=tel],
.store-redeem-camp input[type=text],
.store-redeem-camp textarea {
    height: 46px;
    border-radius: 5px;
    width: 100%;
    padding-top: 12px;
}
.store-redeem-camp .embedded-cart,
.store-redeem-camp-content {
    padding: 1rem;
}
.store-redeem-camp .embedded-cart p {
    margin-bottom: 0;
    padding-bottom: 0;
}
.store-redeem-student-camp h2 {
    font-size: 26px;
    padding-bottom: 0;
}
.store-redeem-student-camp h3 {
    color: #9a9a9a;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 1rem;
    padding-bottom: 0;
}
.store-redeem-student-camp hr {
    margin-top: 0;
}
.store-redeem-student-camp .student-selector label {
    float: left;
    margin-left: 1rem;
}
.store-redeem-student-camp .medical-conditions-allergies {
    height: 82px;
}
.camps-page {
    background-color: #fff;
    font-weight: 400;
}
.camps-page h1,
.camps-page h2,
.camps-page h3,
.camps-page h4,
.camps-page h5,
.camps-page h6 {
    color: inherit;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
}
.camps-page p {
    color: inherit;
    font-weight: inherit;
}
.camps-page .camps-page-hero {
    background-color: #6871e9;
    background-image: url("../image/camps/hero-bg-swoosh.svg),url(../image/camps/hero-bg-wave.svg");
    background-position: bottom -2rem right -1rem,50%;
    background-repeat: no-repeat;
    background-size: 150% 10rem,cover;
    color: #fff;
    padding: 2rem 2rem 5rem;
}
@media print,screen and (min-width:40em) {
    .camps-page .camps-page-hero {
        padding: 4rem 4rem 6rem;
    }
}
@media print,screen and (min-width:64em) {
    .camps-page .camps-page-hero {
        background-image: url("../image/camps/hero-bg-swoosh.svg),url(../image/camps/hero-bg-camp.png),url(../image/camps/hero-bg-wave.svg");
        background-position: bottom -2rem right -1rem,bottom right -10rem,50%;
        background-size: 150% 10rem,64rem,cover;
        padding: 6rem 4rem 10rem;
    }
}
@media screen and (min-width:75em) {
    .camps-page .camps-page-hero {
        background-position: bottom -2rem right -1rem,100% 100%,50%;
    }
}
.camps-page .camps-page-hero-content {
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .camps-page .camps-page-hero-content {
        text-align: left;
        width: 40%;
    }
}
.camps-page .camps-page-hero-title {
    font-size: 3em;
    margin-top: 0;
}
.camps-page-action-container {
    display: inline-block;
    text-align: center;
}
.camps-page-sub-action {
    color: inherit;
    font-size: 1.125em;
    font-weight: bolder;
}
.camps-page-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.15);
    color: #0a0a0a;
    padding: 2rem;
}
.camps-page-card.\--partner {
    min-height: 22.5rem;
    padding-top: 4rem;
}
.camps-page-card-image {
    max-height: 120px;
}
.camps-page-card h2,
.camps-page-card h3,
.camps-page-card h4,
.camps-page-card h5,
.camps-page-card h6 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.camps-page-card ol,
.camps-page-card ul {
    line-height: 2;
}
.camps-page-sidekick {
    background-color: #2e85ec;
    color: #fff;
    padding: 3rem;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .camps-page-sidekick {
        background-image: url("../image/camps/sidekick-bg.png");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media screen and (min-width:75em) {
    .camps-page-sidekick {
        background-image: url("../image/camps/sidekick-bg@2x.png");
    }
}
.camps-page-gallery-img {
    border-radius: 12px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.15);
}
.camps-page-testimonial-title {
    font-size: 1em;
    font-weight: bolder!important;
    text-transform: uppercase;
}
.camps-page-testimonial-role {
    text-transform: uppercase;
}
.camps-page-testimonial-media {
    align-items: center;
    display: flex;
}
.camps-page-testimonial-media > img {
    width: 3em;
    height: 3em;
}
.camps-page-testimonial-media-content {
    flex-grow: 1;
    margin-left: 0.75em;
}
.camps-page .sub-navigation {
    background-color: transparent;
    box-shadow: none;
}
.camps-page .sub-navigation.stuck {
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    height: auto;
    padding: 0.5rem 0;
}
.camps-page .video-thumbnail .video-image-border {
    background: 0 0;
    border: 0;
    border-radius: 20px;
}
.camps-page .video-thumbnail .video-image-border .video-play-icon {
    width: 6.25rem;
    height: 6.25rem;
    margin-bottom: -3.125rem;
    margin-left: -3.125rem;
}
.faq-accordion {
    padding: 10px 20px 10px 0;
}
.faq-accordion .accordion-header {
    color: #0691d9;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-left: 28px;
    cursor: pointer;
}
.faq-accordion .accordion-header:hover {
    color: #5cbe5a;
}
.faq-accordion .accordion-header span {
    font-size: 14px;
    line-height: 24px;
    margin-left: -28px;
    margin-right: 8px;
}
.faq-accordion .accordion-content {
    display: none;
    font-size: 18px;
    line-height: 22px;
    border-top: 1px solid #9a9a9a;
    padding: 10px 10px 10px 0;
    margin: 16px 10px 0 28px;
}
.faq-accordion.active .accordion-header {
    color: #36a1d8;
}
.faq-accordion.active .accordion-content {
    display: block;
}
.faq-accordion.active.active:hover .accordion-header {
    color: #5cbe5a;
}
.camps-index {
    background-color: #fff;
}
.camps-index .hero {
    padding-top: 50px;
    padding-bottom: 50px;
    background: transparent url("../image/camps/hero-camp-large.jpg") 0;
    background-size: auto 100%;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .camps-index .hero {
        min-height: 400px;
        background-size: cover;
    }
}
.camps-index .hero p {
    color: inherit;
}
.camps-index .hero .button-container {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .camps-index .hero .button-container {
        text-align: initial;
    }
}
.camps-index .hero .button-container .button-apply {
    min-width: 200px;
    margin-top: 1rem;
}
.camps-index .content {
    padding-top: 40px;
}
.camps-index .content section.run-your-camp .feature img {
    float: left;
    width: 130px;
}
.camps-index .content section.what-who img {
    margin-bottom: 2rem;
}
@media print,screen and (min-width:64em) {
    .camps-index .content section.what-who img {
        margin-bottom: 0;
    }
}
.camps-index .content section.what-who ul {
    list-style-type: disc;
    list-style-position: inside;
}
.camps-index .content section.curriculum {
    text-align: left;
}
@media print,screen and (min-width:40em) {
    .camps-index .content section.curriculum {
        text-align: center;
    }
}
.camps-index .content section.curriculum .intro {
    margin-bottom: 3rem;
}
.camps-index .content section.curriculum .course-catalog {
    margin-bottom: 1rem;
}
.camps-index .content section.curriculum .course-catalog li {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 15px;
}
@media screen and (min-width:31.25em) {
    .camps-index .content section.curriculum .course-catalog li {
        width: 50%;
    }
}
@media print,screen and (min-width:64em) {
    .camps-index .content section.curriculum .course-catalog li {
        width: 25%;
    }
}
.camps-index .content section.curriculum .course-catalog li .course-card.course-card--school {
    width: auto;
    margin: 0;
}
.camps-index .content section.curriculum .course-catalog li .course-card.course-card--school .course-image {
    width: auto;
}
.camps-index .content section.curriculum .course-catalog li .course-card.course-card--school .course-image img {
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.camps-index .content section.curriculum .course-catalog li .course-card.course-card--school .course-indicator {
    display: none;
}
.camps-index .content section.curriculum .button-courses {
    min-width: 250px;
}
.camps-index .content section.features .feature {
    margin-bottom: 4rem;
}
.camps-index .content section.features .feature .logo-aac {
    float: right;
    max-height: 71px;
    margin-top: 1rem;
}
.camps-index .content section.features .feature.feature-marketing {
    margin-top: 5rem;
}
.camps-index .content section.features .image {
    text-align: center;
}
.camps-index .content section.features .image img.registration {
    max-width: 100%;
    max-height: 333px;
}
@media print,screen and (min-width:40em) {
    .camps-index .content section.features .image img.registration {
        max-width: 536px;
    }
}
.camps-index .content section.features .image img.marketing-support {
    max-width: 100%;
    max-height: 348px;
}
@media print,screen and (min-width:40em) {
    .camps-index .content section.features .image img.marketing-support {
        max-width: 401px;
    }
}
.camps-index .content section.faq {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #f8f8f8;
}
.camps-index .content section.faq .accordion-item:last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
}
.camps-index .content section.faq .accordion-content a,
.camps-index .content section.faq .questions a {
    color: #7e8285;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
}
.camps-index .content section.faq .accordion-content a:focus,
.camps-index .content section.faq .accordion-content a:hover,
.camps-index .content section.faq .questions a:focus,
.camps-index .content section.faq .questions a:hover {
    color: #5cbe5a;
}
.modal-student-certificate-earn h1,
.modal-student-certificate-earn h2 {
    padding: 0;
}
.modal-student-certificate-earn .loading-indicator .rect1,
.modal-student-certificate-earn .loading-indicator .rect2,
.modal-student-certificate-earn .loading-indicator .rect3,
.modal-student-certificate-earn .loading-indicator .rect4,
.modal-student-certificate-earn .loading-indicator .rect5,
.modal-student-certificate-earn .loading-indicator .rect6 {
    background-color: #fff;
}
.modal-student-certificate-earn .certificate-container {
    min-height: 260px;
}
.modal-student-certificate-earn .certificate-container .certificate-image {
    max-height: 260px;
    margin: 0;
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
}
.modal-student-certificate-earn a[disabled] {
    pointer-events: none;
}
.modal-student-certificate-earn .btn,
.modal-student-certificate-earn .btn-default,
.modal-student-certificate-earn .btn-form,
.modal-student-certificate-earn .btn-round,
.modal-student-certificate-earn a.btn,
.modal-student-certificate-earn a.btn-default,
.modal-student-certificate-earn a.btn-form,
.modal-student-certificate-earn a.btn-round,
.modal-student-certificate-earn button,
.modal-student-certificate-earn input[type=submit].btn {
    display: inline-block;
    color: #fff;
    font-family: open sans,helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 8px 24px;
    margin: 0 2px 0 0;
    cursor: pointer;
    border-radius: 4px;
}
.modal-student-certificate-earn .btn-default:link,
.modal-student-certificate-earn .btn-default:visited,
.modal-student-certificate-earn .btn-form:link,
.modal-student-certificate-earn .btn-form:visited,
.modal-student-certificate-earn .btn-round:link,
.modal-student-certificate-earn .btn-round:visited,
.modal-student-certificate-earn .btn:link,
.modal-student-certificate-earn .btn:visited,
.modal-student-certificate-earn a.btn-default:link,
.modal-student-certificate-earn a.btn-default:visited,
.modal-student-certificate-earn a.btn-form:link,
.modal-student-certificate-earn a.btn-form:visited,
.modal-student-certificate-earn a.btn-round:link,
.modal-student-certificate-earn a.btn-round:visited,
.modal-student-certificate-earn a.btn:link,
.modal-student-certificate-earn a.btn:visited,
.modal-student-certificate-earn button:link,
.modal-student-certificate-earn button:visited,
.modal-student-certificate-earn input[type=submit].btn:link,
.modal-student-certificate-earn input[type=submit].btn:visited {
    color: #fff;
}
.modal-student-certificate-earn .btn-default.max,
.modal-student-certificate-earn .btn-form.max,
.modal-student-certificate-earn .btn-round.max,
.modal-student-certificate-earn .btn.max,
.modal-student-certificate-earn a.btn-default.max,
.modal-student-certificate-earn a.btn-form.max,
.modal-student-certificate-earn a.btn-round.max,
.modal-student-certificate-earn a.btn.max,
.modal-student-certificate-earn button.max,
.modal-student-certificate-earn input[type=submit].btn.max {
    font-size: 18px;
    padding: 14px 30px;
}
.modal-student-certificate-earn .btn-default.large,
.modal-student-certificate-earn .btn-form.large,
.modal-student-certificate-earn .btn-round.large,
.modal-student-certificate-earn .btn.large,
.modal-student-certificate-earn a.btn-default.large,
.modal-student-certificate-earn a.btn-form.large,
.modal-student-certificate-earn a.btn-round.large,
.modal-student-certificate-earn a.btn.large,
.modal-student-certificate-earn button.large,
.modal-student-certificate-earn input[type=submit].btn.large {
    font-size: 16px;
    padding: 10px 28px;
}
.modal-student-certificate-earn .btn-default.small,
.modal-student-certificate-earn .btn-form.small,
.modal-student-certificate-earn .btn-round.small,
.modal-student-certificate-earn .btn.small,
.modal-student-certificate-earn a.btn-default.small,
.modal-student-certificate-earn a.btn-form.small,
.modal-student-certificate-earn a.btn-round.small,
.modal-student-certificate-earn a.btn.small,
.modal-student-certificate-earn button.small,
.modal-student-certificate-earn input[type=submit].btn.small {
    font-size: 12px;
    padding: 6px 24px;
}
.modal-student-certificate-earn .btn-default.micro,
.modal-student-certificate-earn .btn-form.micro,
.modal-student-certificate-earn .btn-round.micro,
.modal-student-certificate-earn .btn.micro,
.modal-student-certificate-earn a.btn-default.micro,
.modal-student-certificate-earn a.btn-form.micro,
.modal-student-certificate-earn a.btn-round.micro,
.modal-student-certificate-earn a.btn.micro,
.modal-student-certificate-earn button.micro,
.modal-student-certificate-earn input[type=submit].btn.micro {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 14px;
}
.modal-student-certificate-earn .btn-default.action,
.modal-student-certificate-earn .btn-form.action,
.modal-student-certificate-earn .btn-round.action,
.modal-student-certificate-earn .btn.action,
.modal-student-certificate-earn a.btn-default.action,
.modal-student-certificate-earn a.btn-form.action,
.modal-student-certificate-earn a.btn-round.action,
.modal-student-certificate-earn a.btn.action,
.modal-student-certificate-earn button.action,
.modal-student-certificate-earn input[type=submit].btn.action {
    background-image: linear-gradient(#ffaa31,#fd9500);
    border: 1px solid #ffaa31;
}
.modal-student-certificate-earn .btn-default.action:hover,
.modal-student-certificate-earn .btn-form.action:hover,
.modal-student-certificate-earn .btn-round.action:hover,
.modal-student-certificate-earn .btn.action:hover,
.modal-student-certificate-earn a.btn-default.action:hover,
.modal-student-certificate-earn a.btn-form.action:hover,
.modal-student-certificate-earn a.btn-round.action:hover,
.modal-student-certificate-earn a.btn.action:hover,
.modal-student-certificate-earn button.action:hover,
.modal-student-certificate-earn input[type=submit].btn.action:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#ff9f18,#e48600);
}
.modal-student-certificate-earn .btn-default.action.active,
.modal-student-certificate-earn .btn-form.action.active,
.modal-student-certificate-earn .btn-round.action.active,
.modal-student-certificate-earn .btn.action.active,
.modal-student-certificate-earn a.btn-default.action.active,
.modal-student-certificate-earn a.btn-form.action.active,
.modal-student-certificate-earn a.btn-round.action.active,
.modal-student-certificate-earn a.btn.action.active,
.modal-student-certificate-earn button.action.active,
.modal-student-certificate-earn input[type=submit].btn.action.active {
    color: #fff;
    background-image: linear-gradient(#ffb54b,#ffca7e);
}
.modal-student-certificate-earn .btn-default.primary,
.modal-student-certificate-earn .btn-form.primary,
.modal-student-certificate-earn .btn-round.primary,
.modal-student-certificate-earn .btn.primary,
.modal-student-certificate-earn a.btn-default.primary,
.modal-student-certificate-earn a.btn-form.primary,
.modal-student-certificate-earn a.btn-round.primary,
.modal-student-certificate-earn a.btn.primary,
.modal-student-certificate-earn button.primary,
.modal-student-certificate-earn input[type=submit].btn.primary {
    background-image: linear-gradient(#36a1d8,#2485b7);
    border: 1px solid #36a1d8;
}
.modal-student-certificate-earn .btn-default.primary:hover,
.modal-student-certificate-earn .btn-form.primary:hover,
.modal-student-certificate-earn .btn-round.primary:hover,
.modal-student-certificate-earn .btn.primary:hover,
.modal-student-certificate-earn a.btn-default.primary:hover,
.modal-student-certificate-earn a.btn-form.primary:hover,
.modal-student-certificate-earn a.btn-round.primary:hover,
.modal-student-certificate-earn a.btn.primary:hover,
.modal-student-certificate-earn button.primary:hover,
.modal-student-certificate-earn input[type=submit].btn.primary:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#2895cd,#1f76a2);
}
.modal-student-certificate-earn .btn-default.primary.active,
.modal-student-certificate-earn .btn-form.primary.active,
.modal-student-certificate-earn .btn-round.primary.active,
.modal-student-certificate-earn .btn.primary.active,
.modal-student-certificate-earn a.btn-default.primary.active,
.modal-student-certificate-earn a.btn-form.primary.active,
.modal-student-certificate-earn a.btn-round.primary.active,
.modal-student-certificate-earn a.btn.primary.active,
.modal-student-certificate-earn button.primary.active,
.modal-student-certificate-earn input[type=submit].btn.primary.active {
    color: #fff;
    background-image: linear-gradient(#4babdc,#76bfe4);
}
.modal-student-certificate-earn .btn-default.secondary,
.modal-student-certificate-earn .btn-form.secondary,
.modal-student-certificate-earn .btn-round.secondary,
.modal-student-certificate-earn .btn.secondary,
.modal-student-certificate-earn a.btn-default.secondary,
.modal-student-certificate-earn a.btn-form.secondary,
.modal-student-certificate-earn a.btn-round.secondary,
.modal-student-certificate-earn a.btn.secondary,
.modal-student-certificate-earn button.secondary,
.modal-student-certificate-earn input[type=submit].btn.secondary {
    background-image: linear-gradient(#9c9c9c,#838383);
    border: 1px solid #9c9c9c;
}
.modal-student-certificate-earn .btn-default.secondary:hover,
.modal-student-certificate-earn .btn-form.secondary:hover,
.modal-student-certificate-earn .btn-round.secondary:hover,
.modal-student-certificate-earn .btn.secondary:hover,
.modal-student-certificate-earn a.btn-default.secondary:hover,
.modal-student-certificate-earn a.btn-form.secondary:hover,
.modal-student-certificate-earn a.btn-round.secondary:hover,
.modal-student-certificate-earn a.btn.secondary:hover,
.modal-student-certificate-earn button.secondary:hover,
.modal-student-certificate-earn input[type=submit].btn.secondary:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#8f8f8f,#767676);
}
.modal-student-certificate-earn .btn-default.secondary.active,
.modal-student-certificate-earn .btn-form.secondary.active,
.modal-student-certificate-earn .btn-round.secondary.active,
.modal-student-certificate-earn .btn.secondary.active,
.modal-student-certificate-earn a.btn-default.secondary.active,
.modal-student-certificate-earn a.btn-form.secondary.active,
.modal-student-certificate-earn a.btn-round.secondary.active,
.modal-student-certificate-earn a.btn.secondary.active,
.modal-student-certificate-earn button.secondary.active,
.modal-student-certificate-earn input[type=submit].btn.secondary.active {
    color: #fff;
    background-image: linear-gradient(#a9a9a9,#c2c2c2);
}
.modal-student-certificate-earn .btn-default.disabled,
.modal-student-certificate-earn .btn-form.disabled,
.modal-student-certificate-earn .btn-round.disabled,
.modal-student-certificate-earn .btn.disabled,
.modal-student-certificate-earn a.btn-default.disabled,
.modal-student-certificate-earn a.btn-form.disabled,
.modal-student-certificate-earn a.btn-round.disabled,
.modal-student-certificate-earn a.btn.disabled,
.modal-student-certificate-earn button.disabled,
.modal-student-certificate-earn input[type=submit].btn.disabled {
    background-image: linear-gradient(#9c9c9c,#838383);
    border: 1px solid #9c9c9c;
}
.modal-student-certificate-earn .btn-default.disabled:hover,
.modal-student-certificate-earn .btn-form.disabled:hover,
.modal-student-certificate-earn .btn-round.disabled:hover,
.modal-student-certificate-earn .btn.disabled:hover,
.modal-student-certificate-earn a.btn-default.disabled:hover,
.modal-student-certificate-earn a.btn-form.disabled:hover,
.modal-student-certificate-earn a.btn-round.disabled:hover,
.modal-student-certificate-earn a.btn.disabled:hover,
.modal-student-certificate-earn button.disabled:hover,
.modal-student-certificate-earn input[type=submit].btn.disabled:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#8f8f8f,#767676);
}
.modal-student-certificate-earn .btn-default.disabled.active,
.modal-student-certificate-earn .btn-form.disabled.active,
.modal-student-certificate-earn .btn-round.disabled.active,
.modal-student-certificate-earn .btn.disabled.active,
.modal-student-certificate-earn a.btn-default.disabled.active,
.modal-student-certificate-earn a.btn-form.disabled.active,
.modal-student-certificate-earn a.btn-round.disabled.active,
.modal-student-certificate-earn a.btn.disabled.active,
.modal-student-certificate-earn button.disabled.active,
.modal-student-certificate-earn input[type=submit].btn.disabled.active {
    color: #fff;
    background-image: linear-gradient(#a9a9a9,#c2c2c2);
}
.modal-student-certificate-earn .btn-default.facebook-blue,
.modal-student-certificate-earn .btn-form.facebook-blue,
.modal-student-certificate-earn .btn-round.facebook-blue,
.modal-student-certificate-earn .btn.facebook-blue,
.modal-student-certificate-earn a.btn-default.facebook-blue,
.modal-student-certificate-earn a.btn-form.facebook-blue,
.modal-student-certificate-earn a.btn-round.facebook-blue,
.modal-student-certificate-earn a.btn.facebook-blue,
.modal-student-certificate-earn button.facebook-blue,
.modal-student-certificate-earn input[type=submit].btn.facebook-blue {
    background-image: linear-gradient(#3b5e93,#2c476f);
    border: 1px solid #3b5e93;
}
.modal-student-certificate-earn .btn-default.facebook-blue:hover,
.modal-student-certificate-earn .btn-form.facebook-blue:hover,
.modal-student-certificate-earn .btn-round.facebook-blue:hover,
.modal-student-certificate-earn .btn.facebook-blue:hover,
.modal-student-certificate-earn a.btn-default.facebook-blue:hover,
.modal-student-certificate-earn a.btn-form.facebook-blue:hover,
.modal-student-certificate-earn a.btn-round.facebook-blue:hover,
.modal-student-certificate-earn a.btn.facebook-blue:hover,
.modal-student-certificate-earn button.facebook-blue:hover,
.modal-student-certificate-earn input[type=submit].btn.facebook-blue:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#345281,#253b5c);
}
.modal-student-certificate-earn .btn-default.facebook-blue.active,
.modal-student-certificate-earn .btn-form.facebook-blue.active,
.modal-student-certificate-earn .btn-round.facebook-blue.active,
.modal-student-certificate-earn .btn.facebook-blue.active,
.modal-student-certificate-earn a.btn-default.facebook-blue.active,
.modal-student-certificate-earn a.btn-form.facebook-blue.active,
.modal-student-certificate-earn a.btn-round.facebook-blue.active,
.modal-student-certificate-earn a.btn.facebook-blue.active,
.modal-student-certificate-earn button.facebook-blue.active,
.modal-student-certificate-earn input[type=submit].btn.facebook-blue.active {
    color: #fff;
    background-image: linear-gradient(#426aa5,#5d83be);
}
.modal-student-certificate-earn .btn-default.twitter-blue,
.modal-student-certificate-earn .btn-form.twitter-blue,
.modal-student-certificate-earn .btn-round.twitter-blue,
.modal-student-certificate-earn .btn.twitter-blue,
.modal-student-certificate-earn a.btn-default.twitter-blue,
.modal-student-certificate-earn a.btn-form.twitter-blue,
.modal-student-certificate-earn a.btn-round.twitter-blue,
.modal-student-certificate-earn a.btn.twitter-blue,
.modal-student-certificate-earn button.twitter-blue,
.modal-student-certificate-earn input[type=submit].btn.twitter-blue {
    background-image: linear-gradient(#52b3d5,#309ec4);
    border: 1px solid #52b3d5;
}
.modal-student-certificate-earn .btn-default.twitter-blue:hover,
.modal-student-certificate-earn .btn-form.twitter-blue:hover,
.modal-student-certificate-earn .btn-round.twitter-blue:hover,
.modal-student-certificate-earn .btn.twitter-blue:hover,
.modal-student-certificate-earn a.btn-default.twitter-blue:hover,
.modal-student-certificate-earn a.btn-form.twitter-blue:hover,
.modal-student-certificate-earn a.btn-round.twitter-blue:hover,
.modal-student-certificate-earn a.btn.twitter-blue:hover,
.modal-student-certificate-earn button.twitter-blue:hover,
.modal-student-certificate-earn input[type=submit].btn.twitter-blue:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#3daad0,#2b8db0);
}
.modal-student-certificate-earn .btn-default.twitter-blue.active,
.modal-student-certificate-earn .btn-form.twitter-blue.active,
.modal-student-certificate-earn .btn-round.twitter-blue.active,
.modal-student-certificate-earn .btn.twitter-blue.active,
.modal-student-certificate-earn a.btn-default.twitter-blue.active,
.modal-student-certificate-earn a.btn-form.twitter-blue.active,
.modal-student-certificate-earn a.btn-round.twitter-blue.active,
.modal-student-certificate-earn a.btn.twitter-blue.active,
.modal-student-certificate-earn button.twitter-blue.active,
.modal-student-certificate-earn input[type=submit].btn.twitter-blue.active {
    color: #fff;
    background-image: linear-gradient(#67bcda,#90cee4);
}
.modal-student-certificate-earn .btn-default.youtube-red,
.modal-student-certificate-earn .btn-form.youtube-red,
.modal-student-certificate-earn .btn-round.youtube-red,
.modal-student-certificate-earn .btn.youtube-red,
.modal-student-certificate-earn a.btn-default.youtube-red,
.modal-student-certificate-earn a.btn-form.youtube-red,
.modal-student-certificate-earn a.btn-round.youtube-red,
.modal-student-certificate-earn a.btn.youtube-red,
.modal-student-certificate-earn button.youtube-red,
.modal-student-certificate-earn input[type=submit].btn.youtube-red {
    background-image: linear-gradient(#b31217,#850d11);
    border: 1px solid #b31217;
}
.modal-student-certificate-earn .btn-default.youtube-red:hover,
.modal-student-certificate-earn .btn-form.youtube-red:hover,
.modal-student-certificate-earn .btn-round.youtube-red:hover,
.modal-student-certificate-earn .btn.youtube-red:hover,
.modal-student-certificate-earn a.btn-default.youtube-red:hover,
.modal-student-certificate-earn a.btn-form.youtube-red:hover,
.modal-student-certificate-earn a.btn-round.youtube-red:hover,
.modal-student-certificate-earn a.btn.youtube-red:hover,
.modal-student-certificate-earn button.youtube-red:hover,
.modal-student-certificate-earn input[type=submit].btn.youtube-red:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#9c1014,#6d0b0e);
}
.modal-student-certificate-earn .btn-default.youtube-red.active,
.modal-student-certificate-earn .btn-form.youtube-red.active,
.modal-student-certificate-earn .btn-round.youtube-red.active,
.modal-student-certificate-earn .btn.youtube-red.active,
.modal-student-certificate-earn a.btn-default.youtube-red.active,
.modal-student-certificate-earn a.btn-form.youtube-red.active,
.modal-student-certificate-earn a.btn-round.youtube-red.active,
.modal-student-certificate-earn a.btn.youtube-red.active,
.modal-student-certificate-earn button.youtube-red.active,
.modal-student-certificate-earn input[type=submit].btn.youtube-red.active {
    color: #fff;
    background-image: linear-gradient(#ca141a,#e9282e);
}
.modal-student-certificate-earn .btn-default.google-plus-red,
.modal-student-certificate-earn .btn-form.google-plus-red,
.modal-student-certificate-earn .btn-round.google-plus-red,
.modal-student-certificate-earn .btn.google-plus-red,
.modal-student-certificate-earn a.btn-default.google-plus-red,
.modal-student-certificate-earn a.btn-form.google-plus-red,
.modal-student-certificate-earn a.btn-round.google-plus-red,
.modal-student-certificate-earn a.btn.google-plus-red,
.modal-student-certificate-earn button.google-plus-red,
.modal-student-certificate-earn input[type=submit].btn.google-plus-red {
    background-image: linear-gradient(#bb462e,#923724);
    border: 1px solid #bb462e;
}
.modal-student-certificate-earn .btn-default.google-plus-red:hover,
.modal-student-certificate-earn .btn-form.google-plus-red:hover,
.modal-student-certificate-earn .btn-round.google-plus-red:hover,
.modal-student-certificate-earn .btn.google-plus-red:hover,
.modal-student-certificate-earn a.btn-default.google-plus-red:hover,
.modal-student-certificate-earn a.btn-form.google-plus-red:hover,
.modal-student-certificate-earn a.btn-round.google-plus-red:hover,
.modal-student-certificate-earn a.btn.google-plus-red:hover,
.modal-student-certificate-earn button.google-plus-red:hover,
.modal-student-certificate-earn input[type=submit].btn.google-plus-red:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#a73e29,#7e2f1f);
}
.modal-student-certificate-earn .btn-default.google-plus-red.active,
.modal-student-certificate-earn .btn-form.google-plus-red.active,
.modal-student-certificate-earn .btn-round.google-plus-red.active,
.modal-student-certificate-earn .btn.google-plus-red.active,
.modal-student-certificate-earn a.btn-default.google-plus-red.active,
.modal-student-certificate-earn a.btn-form.google-plus-red.active,
.modal-student-certificate-earn a.btn-round.google-plus-red.active,
.modal-student-certificate-earn a.btn.google-plus-red.active,
.modal-student-certificate-earn button.google-plus-red.active,
.modal-student-certificate-earn input[type=submit].btn.google-plus-red.active {
    color: #fff;
    background-image: linear-gradient(#cd4f35,#d7735e);
}
.modal-student-certificate-earn .btn-default.white,
.modal-student-certificate-earn .btn-form.white,
.modal-student-certificate-earn .btn-round.white,
.modal-student-certificate-earn .btn.white,
.modal-student-certificate-earn a.btn-default.white,
.modal-student-certificate-earn a.btn-form.white,
.modal-student-certificate-earn a.btn-round.white,
.modal-student-certificate-earn a.btn.white,
.modal-student-certificate-earn button.white,
.modal-student-certificate-earn input[type=submit].btn.white {
    color: #8c9295;
    background: #fff;
    border: 1px solid #c0c7cb;
}
.modal-student-certificate-earn .btn-default.white:hover,
.modal-student-certificate-earn .btn-form.white:hover,
.modal-student-certificate-earn .btn-round.white:hover,
.modal-student-certificate-earn .btn.white:hover,
.modal-student-certificate-earn a.btn-default.white:hover,
.modal-student-certificate-earn a.btn-form.white:hover,
.modal-student-certificate-earn a.btn-round.white:hover,
.modal-student-certificate-earn a.btn.white:hover,
.modal-student-certificate-earn button.white:hover,
.modal-student-certificate-earn input[type=submit].btn.white:hover {
    background-image: linear-gradient(#f8fdff,#f1faff);
}
.modal-student-certificate-earn .btn-default.gray,
.modal-student-certificate-earn .btn-form.gray,
.modal-student-certificate-earn .btn-round.gray,
.modal-student-certificate-earn .btn.gray,
.modal-student-certificate-earn a.btn-default.gray,
.modal-student-certificate-earn a.btn-form.gray,
.modal-student-certificate-earn a.btn-round.gray,
.modal-student-certificate-earn a.btn.gray,
.modal-student-certificate-earn button.gray,
.modal-student-certificate-earn input[type=submit].btn.gray {
    color: #fff;
    background: #c0c7cb;
    border: 1px solid #c0c7cb;
    background-image: linear-gradient(#c0c7cb,#b7bdc1);
}
.modal-student-certificate-earn .btn-default.gray:hover,
.modal-student-certificate-earn .btn-form.gray:hover,
.modal-student-certificate-earn .btn-round.gray:hover,
.modal-student-certificate-earn .btn.gray:hover,
.modal-student-certificate-earn a.btn-default.gray:hover,
.modal-student-certificate-earn a.btn-form.gray:hover,
.modal-student-certificate-earn a.btn-round.gray:hover,
.modal-student-certificate-earn a.btn.gray:hover,
.modal-student-certificate-earn button.gray:hover,
.modal-student-certificate-earn input[type=submit].btn.gray:hover {
    color: #fff;
    background: #b7bdc1;
    border: 1px solid #b7bdc1;
    background-image: linear-gradient(#b7bdc1,#adb3b6);
}
.modal-student-certificate-earn .btn-default.blue,
.modal-student-certificate-earn .btn-form.blue,
.modal-student-certificate-earn .btn-round.blue,
.modal-student-certificate-earn .btn.blue,
.modal-student-certificate-earn a.btn-default.blue,
.modal-student-certificate-earn a.btn-form.blue,
.modal-student-certificate-earn a.btn-round.blue,
.modal-student-certificate-earn a.btn.blue,
.modal-student-certificate-earn button.blue,
.modal-student-certificate-earn input[type=submit].btn.blue {
    color: #fff;
    background: #3a9ddb;
    border: 1px solid #3a9ddb;
    background-image: linear-gradient(#3a9ddb,#3898d4);
}
.modal-student-certificate-earn .btn-default.blue:hover,
.modal-student-certificate-earn .btn-form.blue:hover,
.modal-student-certificate-earn .btn-round.blue:hover,
.modal-student-certificate-earn .btn.blue:hover,
.modal-student-certificate-earn a.btn-default.blue:hover,
.modal-student-certificate-earn a.btn-form.blue:hover,
.modal-student-certificate-earn a.btn-round.blue:hover,
.modal-student-certificate-earn a.btn.blue:hover,
.modal-student-certificate-earn button.blue:hover,
.modal-student-certificate-earn input[type=submit].btn.blue:hover {
    color: #fff;
    background: #3795cf;
    border: 1px solid #3795cf;
    background-image: linear-gradient(#3795cf,#358fc7);
}
.modal-student-certificate-earn .btn-default.green,
.modal-student-certificate-earn .btn-form.green,
.modal-student-certificate-earn .btn-round.green,
.modal-student-certificate-earn .btn.green,
.modal-student-certificate-earn a.btn-default.green,
.modal-student-certificate-earn a.btn-form.green,
.modal-student-certificate-earn a.btn-round.green,
.modal-student-certificate-earn a.btn.green,
.modal-student-certificate-earn button.green,
.modal-student-certificate-earn input[type=submit].btn.green {
    color: #fff;
    background: #5cbe5a;
    border: 1px solid #5cbe5a;
    background-image: linear-gradient(#5cbe5a,#56b254);
}
.modal-student-certificate-earn .btn-default.green:hover,
.modal-student-certificate-earn .btn-form.green:hover,
.modal-student-certificate-earn .btn-round.green:hover,
.modal-student-certificate-earn .btn.green:hover,
.modal-student-certificate-earn a.btn-default.green:hover,
.modal-student-certificate-earn a.btn-form.green:hover,
.modal-student-certificate-earn a.btn-round.green:hover,
.modal-student-certificate-earn a.btn.green:hover,
.modal-student-certificate-earn button.green:hover,
.modal-student-certificate-earn input[type=submit].btn.green:hover {
    color: #fff;
    background: #56b254;
    border: 1px solid #56b254;
    background-image: linear-gradient(#56b254,#50a54e);
}
.modal-student-certificate-earn .btn-default.orange,
.modal-student-certificate-earn .btn-form.orange,
.modal-student-certificate-earn .btn-round.orange,
.modal-student-certificate-earn .btn.orange,
.modal-student-certificate-earn a.btn-default.orange,
.modal-student-certificate-earn a.btn-form.orange,
.modal-student-certificate-earn a.btn-round.orange,
.modal-student-certificate-earn a.btn.orange,
.modal-student-certificate-earn button.orange,
.modal-student-certificate-earn input[type=submit].btn.orange {
    color: #fff;
    background: #ffaa31;
    border: 1px solid #ffaa31;
    background-image: linear-gradient(#ffaa31,#f6a430);
}
.modal-student-certificate-earn .btn-default.orange:hover,
.modal-student-certificate-earn .btn-form.orange:hover,
.modal-student-certificate-earn .btn-round.orange:hover,
.modal-student-certificate-earn .btn.orange:hover,
.modal-student-certificate-earn a.btn-default.orange:hover,
.modal-student-certificate-earn a.btn-form.orange:hover,
.modal-student-certificate-earn a.btn-round.orange:hover,
.modal-student-certificate-earn a.btn.orange:hover,
.modal-student-certificate-earn button.orange:hover,
.modal-student-certificate-earn input[type=submit].btn.orange:hover {
    color: #fff;
    background: #fba62d;
    border: 1px solid #fba62d;
    background-image: linear-gradient(#fba62d,#ee9e2b);
}
.modal-student-certificate-earn .btn-default.purple,
.modal-student-certificate-earn .btn-form.purple,
.modal-student-certificate-earn .btn-round.purple,
.modal-student-certificate-earn .btn.purple,
.modal-student-certificate-earn a.btn-default.purple,
.modal-student-certificate-earn a.btn-form.purple,
.modal-student-certificate-earn a.btn-round.purple,
.modal-student-certificate-earn a.btn.purple,
.modal-student-certificate-earn button.purple,
.modal-student-certificate-earn input[type=submit].btn.purple {
    color: #fff;
    background: #8d73c3;
    border: 1px solid #8d73c3;
    background-image: linear-gradient(#8d73c3,#836bb6);
}
.modal-student-certificate-earn .btn-default.purple:hover,
.modal-student-certificate-earn .btn-form.purple:hover,
.modal-student-certificate-earn .btn-round.purple:hover,
.modal-student-certificate-earn .btn.purple:hover,
.modal-student-certificate-earn a.btn-default.purple:hover,
.modal-student-certificate-earn a.btn-form.purple:hover,
.modal-student-certificate-earn a.btn-round.purple:hover,
.modal-student-certificate-earn a.btn.purple:hover,
.modal-student-certificate-earn button.purple:hover,
.modal-student-certificate-earn input[type=submit].btn.purple:hover {
    color: #fff;
    background: #836bb5;
    border: 1px solid #836bb5;
    background-image: linear-gradient(#836bb5,#7963a8);
}
.modal-student-certificate-earn .btn-default.mandy,
.modal-student-certificate-earn .btn-form.mandy,
.modal-student-certificate-earn .btn-round.mandy,
.modal-student-certificate-earn .btn.mandy,
.modal-student-certificate-earn a.btn-default.mandy,
.modal-student-certificate-earn a.btn-form.mandy,
.modal-student-certificate-earn a.btn-round.mandy,
.modal-student-certificate-earn a.btn.mandy,
.modal-student-certificate-earn button.mandy,
.modal-student-certificate-earn input[type=submit].btn.mandy {
    color: #fff;
    background: #ea6066;
    border: 1px solid #ea6066;
}
.modal-student-certificate-earn .btn-default.mandy:hover,
.modal-student-certificate-earn .btn-form.mandy:hover,
.modal-student-certificate-earn .btn-round.mandy:hover,
.modal-student-certificate-earn .btn.mandy:hover,
.modal-student-certificate-earn a.btn-default.mandy:hover,
.modal-student-certificate-earn a.btn-form.mandy:hover,
.modal-student-certificate-earn a.btn-round.mandy:hover,
.modal-student-certificate-earn a.btn.mandy:hover,
.modal-student-certificate-earn button.mandy:hover,
.modal-student-certificate-earn input[type=submit].btn.mandy:hover {
    color: #fff;
    background: #ed777c;
    border: 1px solid #ea6066;
}
.modal-student-certificate-earn .btn-default.dark-blue,
.modal-student-certificate-earn .btn-form.dark-blue,
.modal-student-certificate-earn .btn-round.dark-blue,
.modal-student-certificate-earn .btn.dark-blue,
.modal-student-certificate-earn a.btn-default.dark-blue,
.modal-student-certificate-earn a.btn-form.dark-blue,
.modal-student-certificate-earn a.btn-round.dark-blue,
.modal-student-certificate-earn a.btn.dark-blue,
.modal-student-certificate-earn button.dark-blue,
.modal-student-certificate-earn input[type=submit].btn.dark-blue {
    color: #fff;
    background: #36444e;
    border: 1px solid #36444e;
}
.modal-student-certificate-earn .btn-default.dark-blue:hover,
.modal-student-certificate-earn .btn-form.dark-blue:hover,
.modal-student-certificate-earn .btn-round.dark-blue:hover,
.modal-student-certificate-earn .btn.dark-blue:hover,
.modal-student-certificate-earn a.btn-default.dark-blue:hover,
.modal-student-certificate-earn a.btn-form.dark-blue:hover,
.modal-student-certificate-earn a.btn-round.dark-blue:hover,
.modal-student-certificate-earn a.btn.dark-blue:hover,
.modal-student-certificate-earn button.dark-blue:hover,
.modal-student-certificate-earn input[type=submit].btn.dark-blue:hover {
    color: #fff;
    background: #40515d;
    border: 1px solid #36444e;
}
.modal-student-certificate-earn .btn-round,
.modal-student-certificate-earn a.btn-round {
    padding: 8px 26px;
    border-radius: 30px;
}
.modal-student-certificate-earn .btn-default,
.modal-student-certificate-earn a.btn-default {
    padding: 8px 24px;
    border-radius: 4px;
}
.modal-student-certificate-earn .btn-form,
.modal-student-certificate-earn a.btn-form {
    display: inline-block;
    color: #424b51!important;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #8c9295;
    border-radius: 4px;
    background-image: linear-gradient(#e8eded,#dce0e0);
    padding: 4px 14px;
    cursor: pointer;
}
.modal-student-certificate-earn .btn-box span,
.modal-student-certificate-earn .btn-default span,
.modal-student-certificate-earn .btn-round span,
.modal-student-certificate-earn .btn-round-box span {
    margin-right: 4px;
}
.modal-student-certificate-earn .btn-group,
.modal-student-certificate-earn .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.modal-student-certificate-earn .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.modal-student-certificate-earn .btn-group-justified > .btn-default,
.modal-student-certificate-earn .btn-group-justified > .btn-round {
    display: table-cell;
    float: none;
    width: 1%;
}
.modal-student-certificate-earn .btn-group > .btn-default:first-child:not(:last-child),
.modal-student-certificate-earn .btn-group-justified > .btn-default:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.modal-student-certificate-earn .btn-group > .btn-default:not(:first-child):not(:last-child),
.modal-student-certificate-earn .btn-group-justified > .btn-default:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin: 0 1px 0 0;
}
.modal-student-certificate-earn .btn-group > .btn-default:last-child:not(:first-child),
.modal-student-certificate-earn .btn-group-justified > .btn-default:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-student-certificate-earn .btn-group > .btn-default:first-child,
.modal-student-certificate-earn .btn-group-justified > .btn-default:first-child {
    margin: 0 1px 0 0;
}
.modal-student-certificate-earn .btn-group > .btn-default:last-child,
.modal-student-certificate-earn .btn-group-justified > .btn-default:last-child {
    margin: 0;
}
.modal-student-certificate-earn .btn-group > .btn-round:first-child:not(:last-child),
.modal-student-certificate-earn .btn-group-justified > .btn-round:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.modal-student-certificate-earn .btn-group > .btn-round:not(:first-child):not(:last-child),
.modal-student-certificate-earn .btn-group-justified > .btn-round:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin: 0 1px 0 0;
}
.modal-student-certificate-earn .btn-group > .btn-round:last-child:not(:first-child),
.modal-student-certificate-earn .btn-group-justified > .btn-round:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-student-certificate-earn .btn-group > .btn-round:first-child,
.modal-student-certificate-earn .btn-group-justified > .btn-round:first-child {
    margin: 0 1px 0 0;
}
.modal-student-certificate-earn .btn-group > .btn-round:last-child,
.modal-student-certificate-earn .btn-group-justified > .btn-round:last-child {
    margin: 0;
}
.modal-student-certificate-earn .btn-group > .btn-round.white:not(:first-child):not(:last-child),
.modal-student-certificate-earn .btn-group-justified > .btn-round.white:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin: 0 -1px 0 0;
}
.modal-student-certificate-earn .btn-group > .btn-round.white:first-child,
.modal-student-certificate-earn .btn-group-justified > .btn-round.white:first-child {
    margin: 0 -1px 0 0;
}
.modal-student-certificate-earn .btn-panel {
    position: relative;
    display: block;
    text-align: left;
    padding: 15px 0 20px;
}
.modal-student-certificate-earn .btn-panel.btn-panel--right {
    text-align: right;
}
.modal-student-certificate-earn .btn-panel .btn-round {
    margin: 0 6px 0 0;
}
.modal-student-certificate-earn .btn-panel span.comment {
    position: relative;
    display: block;
    color: #555;
    font-size: 11px;
    line-height: 11px;
    padding: 0;
    margin: 2px 0 0;
}
.modal-student-certificate-earn .btn-panel span.links {
    position: relative;
    display: block;
    margin: 8px 0 0;
}
.modal-student-certificate-earn .btn-panel.rule-top {
    border-top: 1px solid #e3e8ed;
}
.modal-student-certificate-earn .btn-panel .seal,
.modal-student-certificate-earn .credit-card .seal {
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0 20px 0 0;
}
.modal-student-certificate-earn .social-share-strip {
    position: relative;
    display: block;
    height: 22px;
    margin: 15px 0 25px;
}
.modal-student-certificate-earn .social-share-strip .social-share-button {
    position: relative;
    display: inline-block;
    color: #555;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    border: 1px solid;
    border-color: #bbb #bbb #aaa;
    background-image: linear-gradient(#fafafa,#dfdfdf);
    border-radius: 4px;
    padding: 2px 10px;
    margin: 0 25px 0 6px;
}
.modal-student-certificate-earn .social-share-strip .social-share-button .icon-mail-2 {
    font-size: 14px;
    line-height: 14px;
    vertical-align: baseline;
    padding: 2px 6px 0 0;
}
.modal-student-certificate-earn .social-share-strip .fb-like {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 90px;
    margin-right: 6px;
}
.modal-student-certificate-earn .social-share-strip .google-plus-one {
    position: relative;
    display: inline-block;
    width: 75px;
    overflow: hidden;
    margin-right: 6px;
}
.modal-student-certificate-earn .social-share-strip .twitter-share {
    position: relative;
    display: inline-block;
    margin-right: 6px;
}
.modal-student-certificate-earn .btn-social-sign-in {
    width: 320px;
    padding: 0;
    margin: 15px auto;
}
.modal-student-certificate-earn a.google-small {
    position: relative;
    display: block;
    width: 235px;
    height: 35px;
    background: #dd4b39;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 12px;
}
.modal-student-certificate-earn a.google-small .social-icon-google {
    float: left;
    position: relative;
    top: 1px;
    left: 12px;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
}
.modal-student-certificate-earn a.google-small .social-text-google {
    float: left;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 0 12px;
    margin-left: 21px;
    border-left: 1px solid #e5e5e5;
}
.modal-student-certificate-earn a.google-small.google-small-center {
    margin: 0 auto 12px;
}
.modal-student-certificate-earn a.facebook-small {
    position: relative;
    display: block;
    width: 235px;
    height: 35px;
    background: #40659f;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 12px;
}
.modal-student-certificate-earn a.facebook-small .social-icon-facebook {
    float: left;
    position: relative;
    top: 1px;
    left: 12px;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
}
.modal-student-certificate-earn a.facebook-small .social-text-facebook {
    float: left;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 0 12px;
    margin-left: 21px;
    border-left: 1px solid #e5e5e5;
}
.modal-student-certificate-earn a.facebook-small.facebook-small-center {
    margin: 0 auto 12px;
}
.modal-student-certificate-earn a.tynker-small {
    position: relative;
    display: block;
    width: 235px;
    height: 35px;
    background: #ffaa31;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 12px;
}
.modal-student-certificate-earn a.tynker-small .social-text-tynker {
    float: left;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 0 12px;
    margin-left: 21px;
}
.modal-student-certificate-earn a.tynker-small.tynker-small-center {
    margin: 0 auto 12px;
}
.modal-student-certificate-earn .btn-default.btn-default--nav,
.modal-student-certificate-earn .btn-round.btn-round--nav {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 12px 36px;
}
.modal-student-certificate-redeem h1,
.modal-student-certificate-redeem h2 {
    padding: 0;
}
.modal-student-certificate-redeem a[disabled] {
    pointer-events: none;
}
.modal-student-certificate-redeem .btn,
.modal-student-certificate-redeem .btn-default,
.modal-student-certificate-redeem .btn-form,
.modal-student-certificate-redeem .btn-round,
.modal-student-certificate-redeem a.btn,
.modal-student-certificate-redeem a.btn-default,
.modal-student-certificate-redeem a.btn-form,
.modal-student-certificate-redeem a.btn-round,
.modal-student-certificate-redeem button,
.modal-student-certificate-redeem input[type=submit].btn {
    display: inline-block;
    color: #fff;
    font-family: open sans,helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 8px 24px;
    margin: 0 2px 0 0;
    cursor: pointer;
    border-radius: 4px;
}
.modal-student-certificate-redeem .btn-default:link,
.modal-student-certificate-redeem .btn-default:visited,
.modal-student-certificate-redeem .btn-form:link,
.modal-student-certificate-redeem .btn-form:visited,
.modal-student-certificate-redeem .btn-round:link,
.modal-student-certificate-redeem .btn-round:visited,
.modal-student-certificate-redeem .btn:link,
.modal-student-certificate-redeem .btn:visited,
.modal-student-certificate-redeem a.btn-default:link,
.modal-student-certificate-redeem a.btn-default:visited,
.modal-student-certificate-redeem a.btn-form:link,
.modal-student-certificate-redeem a.btn-form:visited,
.modal-student-certificate-redeem a.btn-round:link,
.modal-student-certificate-redeem a.btn-round:visited,
.modal-student-certificate-redeem a.btn:link,
.modal-student-certificate-redeem a.btn:visited,
.modal-student-certificate-redeem button:link,
.modal-student-certificate-redeem button:visited,
.modal-student-certificate-redeem input[type=submit].btn:link,
.modal-student-certificate-redeem input[type=submit].btn:visited {
    color: #fff;
}
.modal-student-certificate-redeem .btn-default.max,
.modal-student-certificate-redeem .btn-form.max,
.modal-student-certificate-redeem .btn-round.max,
.modal-student-certificate-redeem .btn.max,
.modal-student-certificate-redeem a.btn-default.max,
.modal-student-certificate-redeem a.btn-form.max,
.modal-student-certificate-redeem a.btn-round.max,
.modal-student-certificate-redeem a.btn.max,
.modal-student-certificate-redeem button.max,
.modal-student-certificate-redeem input[type=submit].btn.max {
    font-size: 18px;
    padding: 14px 30px;
}
.modal-student-certificate-redeem .btn-default.large,
.modal-student-certificate-redeem .btn-form.large,
.modal-student-certificate-redeem .btn-round.large,
.modal-student-certificate-redeem .btn.large,
.modal-student-certificate-redeem a.btn-default.large,
.modal-student-certificate-redeem a.btn-form.large,
.modal-student-certificate-redeem a.btn-round.large,
.modal-student-certificate-redeem a.btn.large,
.modal-student-certificate-redeem button.large,
.modal-student-certificate-redeem input[type=submit].btn.large {
    font-size: 16px;
    padding: 10px 28px;
}
.modal-student-certificate-redeem .btn-default.small,
.modal-student-certificate-redeem .btn-form.small,
.modal-student-certificate-redeem .btn-round.small,
.modal-student-certificate-redeem .btn.small,
.modal-student-certificate-redeem a.btn-default.small,
.modal-student-certificate-redeem a.btn-form.small,
.modal-student-certificate-redeem a.btn-round.small,
.modal-student-certificate-redeem a.btn.small,
.modal-student-certificate-redeem button.small,
.modal-student-certificate-redeem input[type=submit].btn.small {
    font-size: 12px;
    padding: 6px 24px;
}
.modal-student-certificate-redeem .btn-default.micro,
.modal-student-certificate-redeem .btn-form.micro,
.modal-student-certificate-redeem .btn-round.micro,
.modal-student-certificate-redeem .btn.micro,
.modal-student-certificate-redeem a.btn-default.micro,
.modal-student-certificate-redeem a.btn-form.micro,
.modal-student-certificate-redeem a.btn-round.micro,
.modal-student-certificate-redeem a.btn.micro,
.modal-student-certificate-redeem button.micro,
.modal-student-certificate-redeem input[type=submit].btn.micro {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 14px;
}
.modal-student-certificate-redeem .btn-default.action,
.modal-student-certificate-redeem .btn-form.action,
.modal-student-certificate-redeem .btn-round.action,
.modal-student-certificate-redeem .btn.action,
.modal-student-certificate-redeem a.btn-default.action,
.modal-student-certificate-redeem a.btn-form.action,
.modal-student-certificate-redeem a.btn-round.action,
.modal-student-certificate-redeem a.btn.action,
.modal-student-certificate-redeem button.action,
.modal-student-certificate-redeem input[type=submit].btn.action {
    background-image: linear-gradient(#ffaa31,#fd9500);
    border: 1px solid #ffaa31;
}
.modal-student-certificate-redeem .btn-default.action:hover,
.modal-student-certificate-redeem .btn-form.action:hover,
.modal-student-certificate-redeem .btn-round.action:hover,
.modal-student-certificate-redeem .btn.action:hover,
.modal-student-certificate-redeem a.btn-default.action:hover,
.modal-student-certificate-redeem a.btn-form.action:hover,
.modal-student-certificate-redeem a.btn-round.action:hover,
.modal-student-certificate-redeem a.btn.action:hover,
.modal-student-certificate-redeem button.action:hover,
.modal-student-certificate-redeem input[type=submit].btn.action:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#ff9f18,#e48600);
}
.modal-student-certificate-redeem .btn-default.action.active,
.modal-student-certificate-redeem .btn-form.action.active,
.modal-student-certificate-redeem .btn-round.action.active,
.modal-student-certificate-redeem .btn.action.active,
.modal-student-certificate-redeem a.btn-default.action.active,
.modal-student-certificate-redeem a.btn-form.action.active,
.modal-student-certificate-redeem a.btn-round.action.active,
.modal-student-certificate-redeem a.btn.action.active,
.modal-student-certificate-redeem button.action.active,
.modal-student-certificate-redeem input[type=submit].btn.action.active {
    color: #fff;
    background-image: linear-gradient(#ffb54b,#ffca7e);
}
.modal-student-certificate-redeem .btn-default.primary,
.modal-student-certificate-redeem .btn-form.primary,
.modal-student-certificate-redeem .btn-round.primary,
.modal-student-certificate-redeem .btn.primary,
.modal-student-certificate-redeem a.btn-default.primary,
.modal-student-certificate-redeem a.btn-form.primary,
.modal-student-certificate-redeem a.btn-round.primary,
.modal-student-certificate-redeem a.btn.primary,
.modal-student-certificate-redeem button.primary,
.modal-student-certificate-redeem input[type=submit].btn.primary {
    background-image: linear-gradient(#36a1d8,#2485b7);
    border: 1px solid #36a1d8;
}
.modal-student-certificate-redeem .btn-default.primary:hover,
.modal-student-certificate-redeem .btn-form.primary:hover,
.modal-student-certificate-redeem .btn-round.primary:hover,
.modal-student-certificate-redeem .btn.primary:hover,
.modal-student-certificate-redeem a.btn-default.primary:hover,
.modal-student-certificate-redeem a.btn-form.primary:hover,
.modal-student-certificate-redeem a.btn-round.primary:hover,
.modal-student-certificate-redeem a.btn.primary:hover,
.modal-student-certificate-redeem button.primary:hover,
.modal-student-certificate-redeem input[type=submit].btn.primary:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#2895cd,#1f76a2);
}
.modal-student-certificate-redeem .btn-default.primary.active,
.modal-student-certificate-redeem .btn-form.primary.active,
.modal-student-certificate-redeem .btn-round.primary.active,
.modal-student-certificate-redeem .btn.primary.active,
.modal-student-certificate-redeem a.btn-default.primary.active,
.modal-student-certificate-redeem a.btn-form.primary.active,
.modal-student-certificate-redeem a.btn-round.primary.active,
.modal-student-certificate-redeem a.btn.primary.active,
.modal-student-certificate-redeem button.primary.active,
.modal-student-certificate-redeem input[type=submit].btn.primary.active {
    color: #fff;
    background-image: linear-gradient(#4babdc,#76bfe4);
}
.modal-student-certificate-redeem .btn-default.secondary,
.modal-student-certificate-redeem .btn-form.secondary,
.modal-student-certificate-redeem .btn-round.secondary,
.modal-student-certificate-redeem .btn.secondary,
.modal-student-certificate-redeem a.btn-default.secondary,
.modal-student-certificate-redeem a.btn-form.secondary,
.modal-student-certificate-redeem a.btn-round.secondary,
.modal-student-certificate-redeem a.btn.secondary,
.modal-student-certificate-redeem button.secondary,
.modal-student-certificate-redeem input[type=submit].btn.secondary {
    background-image: linear-gradient(#9c9c9c,#838383);
    border: 1px solid #9c9c9c;
}
.modal-student-certificate-redeem .btn-default.secondary:hover,
.modal-student-certificate-redeem .btn-form.secondary:hover,
.modal-student-certificate-redeem .btn-round.secondary:hover,
.modal-student-certificate-redeem .btn.secondary:hover,
.modal-student-certificate-redeem a.btn-default.secondary:hover,
.modal-student-certificate-redeem a.btn-form.secondary:hover,
.modal-student-certificate-redeem a.btn-round.secondary:hover,
.modal-student-certificate-redeem a.btn.secondary:hover,
.modal-student-certificate-redeem button.secondary:hover,
.modal-student-certificate-redeem input[type=submit].btn.secondary:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#8f8f8f,#767676);
}
.modal-student-certificate-redeem .btn-default.secondary.active,
.modal-student-certificate-redeem .btn-form.secondary.active,
.modal-student-certificate-redeem .btn-round.secondary.active,
.modal-student-certificate-redeem .btn.secondary.active,
.modal-student-certificate-redeem a.btn-default.secondary.active,
.modal-student-certificate-redeem a.btn-form.secondary.active,
.modal-student-certificate-redeem a.btn-round.secondary.active,
.modal-student-certificate-redeem a.btn.secondary.active,
.modal-student-certificate-redeem button.secondary.active,
.modal-student-certificate-redeem input[type=submit].btn.secondary.active {
    color: #fff;
    background-image: linear-gradient(#a9a9a9,#c2c2c2);
}
.modal-student-certificate-redeem .btn-default.disabled,
.modal-student-certificate-redeem .btn-form.disabled,
.modal-student-certificate-redeem .btn-round.disabled,
.modal-student-certificate-redeem .btn.disabled,
.modal-student-certificate-redeem a.btn-default.disabled,
.modal-student-certificate-redeem a.btn-form.disabled,
.modal-student-certificate-redeem a.btn-round.disabled,
.modal-student-certificate-redeem a.btn.disabled,
.modal-student-certificate-redeem button.disabled,
.modal-student-certificate-redeem input[type=submit].btn.disabled {
    background-image: linear-gradient(#9c9c9c,#838383);
    border: 1px solid #9c9c9c;
}
.modal-student-certificate-redeem .btn-default.disabled:hover,
.modal-student-certificate-redeem .btn-form.disabled:hover,
.modal-student-certificate-redeem .btn-round.disabled:hover,
.modal-student-certificate-redeem .btn.disabled:hover,
.modal-student-certificate-redeem a.btn-default.disabled:hover,
.modal-student-certificate-redeem a.btn-form.disabled:hover,
.modal-student-certificate-redeem a.btn-round.disabled:hover,
.modal-student-certificate-redeem a.btn.disabled:hover,
.modal-student-certificate-redeem button.disabled:hover,
.modal-student-certificate-redeem input[type=submit].btn.disabled:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#8f8f8f,#767676);
}
.modal-student-certificate-redeem .btn-default.disabled.active,
.modal-student-certificate-redeem .btn-form.disabled.active,
.modal-student-certificate-redeem .btn-round.disabled.active,
.modal-student-certificate-redeem .btn.disabled.active,
.modal-student-certificate-redeem a.btn-default.disabled.active,
.modal-student-certificate-redeem a.btn-form.disabled.active,
.modal-student-certificate-redeem a.btn-round.disabled.active,
.modal-student-certificate-redeem a.btn.disabled.active,
.modal-student-certificate-redeem button.disabled.active,
.modal-student-certificate-redeem input[type=submit].btn.disabled.active {
    color: #fff;
    background-image: linear-gradient(#a9a9a9,#c2c2c2);
}
.modal-student-certificate-redeem .btn-default.facebook-blue,
.modal-student-certificate-redeem .btn-form.facebook-blue,
.modal-student-certificate-redeem .btn-round.facebook-blue,
.modal-student-certificate-redeem .btn.facebook-blue,
.modal-student-certificate-redeem a.btn-default.facebook-blue,
.modal-student-certificate-redeem a.btn-form.facebook-blue,
.modal-student-certificate-redeem a.btn-round.facebook-blue,
.modal-student-certificate-redeem a.btn.facebook-blue,
.modal-student-certificate-redeem button.facebook-blue,
.modal-student-certificate-redeem input[type=submit].btn.facebook-blue {
    background-image: linear-gradient(#3b5e93,#2c476f);
    border: 1px solid #3b5e93;
}
.modal-student-certificate-redeem .btn-default.facebook-blue:hover,
.modal-student-certificate-redeem .btn-form.facebook-blue:hover,
.modal-student-certificate-redeem .btn-round.facebook-blue:hover,
.modal-student-certificate-redeem .btn.facebook-blue:hover,
.modal-student-certificate-redeem a.btn-default.facebook-blue:hover,
.modal-student-certificate-redeem a.btn-form.facebook-blue:hover,
.modal-student-certificate-redeem a.btn-round.facebook-blue:hover,
.modal-student-certificate-redeem a.btn.facebook-blue:hover,
.modal-student-certificate-redeem button.facebook-blue:hover,
.modal-student-certificate-redeem input[type=submit].btn.facebook-blue:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#345281,#253b5c);
}
.modal-student-certificate-redeem .btn-default.facebook-blue.active,
.modal-student-certificate-redeem .btn-form.facebook-blue.active,
.modal-student-certificate-redeem .btn-round.facebook-blue.active,
.modal-student-certificate-redeem .btn.facebook-blue.active,
.modal-student-certificate-redeem a.btn-default.facebook-blue.active,
.modal-student-certificate-redeem a.btn-form.facebook-blue.active,
.modal-student-certificate-redeem a.btn-round.facebook-blue.active,
.modal-student-certificate-redeem a.btn.facebook-blue.active,
.modal-student-certificate-redeem button.facebook-blue.active,
.modal-student-certificate-redeem input[type=submit].btn.facebook-blue.active {
    color: #fff;
    background-image: linear-gradient(#426aa5,#5d83be);
}
.modal-student-certificate-redeem .btn-default.twitter-blue,
.modal-student-certificate-redeem .btn-form.twitter-blue,
.modal-student-certificate-redeem .btn-round.twitter-blue,
.modal-student-certificate-redeem .btn.twitter-blue,
.modal-student-certificate-redeem a.btn-default.twitter-blue,
.modal-student-certificate-redeem a.btn-form.twitter-blue,
.modal-student-certificate-redeem a.btn-round.twitter-blue,
.modal-student-certificate-redeem a.btn.twitter-blue,
.modal-student-certificate-redeem button.twitter-blue,
.modal-student-certificate-redeem input[type=submit].btn.twitter-blue {
    background-image: linear-gradient(#52b3d5,#309ec4);
    border: 1px solid #52b3d5;
}
.modal-student-certificate-redeem .btn-default.twitter-blue:hover,
.modal-student-certificate-redeem .btn-form.twitter-blue:hover,
.modal-student-certificate-redeem .btn-round.twitter-blue:hover,
.modal-student-certificate-redeem .btn.twitter-blue:hover,
.modal-student-certificate-redeem a.btn-default.twitter-blue:hover,
.modal-student-certificate-redeem a.btn-form.twitter-blue:hover,
.modal-student-certificate-redeem a.btn-round.twitter-blue:hover,
.modal-student-certificate-redeem a.btn.twitter-blue:hover,
.modal-student-certificate-redeem button.twitter-blue:hover,
.modal-student-certificate-redeem input[type=submit].btn.twitter-blue:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#3daad0,#2b8db0);
}
.modal-student-certificate-redeem .btn-default.twitter-blue.active,
.modal-student-certificate-redeem .btn-form.twitter-blue.active,
.modal-student-certificate-redeem .btn-round.twitter-blue.active,
.modal-student-certificate-redeem .btn.twitter-blue.active,
.modal-student-certificate-redeem a.btn-default.twitter-blue.active,
.modal-student-certificate-redeem a.btn-form.twitter-blue.active,
.modal-student-certificate-redeem a.btn-round.twitter-blue.active,
.modal-student-certificate-redeem a.btn.twitter-blue.active,
.modal-student-certificate-redeem button.twitter-blue.active,
.modal-student-certificate-redeem input[type=submit].btn.twitter-blue.active {
    color: #fff;
    background-image: linear-gradient(#67bcda,#90cee4);
}
.modal-student-certificate-redeem .btn-default.youtube-red,
.modal-student-certificate-redeem .btn-form.youtube-red,
.modal-student-certificate-redeem .btn-round.youtube-red,
.modal-student-certificate-redeem .btn.youtube-red,
.modal-student-certificate-redeem a.btn-default.youtube-red,
.modal-student-certificate-redeem a.btn-form.youtube-red,
.modal-student-certificate-redeem a.btn-round.youtube-red,
.modal-student-certificate-redeem a.btn.youtube-red,
.modal-student-certificate-redeem button.youtube-red,
.modal-student-certificate-redeem input[type=submit].btn.youtube-red {
    background-image: linear-gradient(#b31217,#850d11);
    border: 1px solid #b31217;
}
.modal-student-certificate-redeem .btn-default.youtube-red:hover,
.modal-student-certificate-redeem .btn-form.youtube-red:hover,
.modal-student-certificate-redeem .btn-round.youtube-red:hover,
.modal-student-certificate-redeem .btn.youtube-red:hover,
.modal-student-certificate-redeem a.btn-default.youtube-red:hover,
.modal-student-certificate-redeem a.btn-form.youtube-red:hover,
.modal-student-certificate-redeem a.btn-round.youtube-red:hover,
.modal-student-certificate-redeem a.btn.youtube-red:hover,
.modal-student-certificate-redeem button.youtube-red:hover,
.modal-student-certificate-redeem input[type=submit].btn.youtube-red:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#9c1014,#6d0b0e);
}
.modal-student-certificate-redeem .btn-default.youtube-red.active,
.modal-student-certificate-redeem .btn-form.youtube-red.active,
.modal-student-certificate-redeem .btn-round.youtube-red.active,
.modal-student-certificate-redeem .btn.youtube-red.active,
.modal-student-certificate-redeem a.btn-default.youtube-red.active,
.modal-student-certificate-redeem a.btn-form.youtube-red.active,
.modal-student-certificate-redeem a.btn-round.youtube-red.active,
.modal-student-certificate-redeem a.btn.youtube-red.active,
.modal-student-certificate-redeem button.youtube-red.active,
.modal-student-certificate-redeem input[type=submit].btn.youtube-red.active {
    color: #fff;
    background-image: linear-gradient(#ca141a,#e9282e);
}
.modal-student-certificate-redeem .btn-default.google-plus-red,
.modal-student-certificate-redeem .btn-form.google-plus-red,
.modal-student-certificate-redeem .btn-round.google-plus-red,
.modal-student-certificate-redeem .btn.google-plus-red,
.modal-student-certificate-redeem a.btn-default.google-plus-red,
.modal-student-certificate-redeem a.btn-form.google-plus-red,
.modal-student-certificate-redeem a.btn-round.google-plus-red,
.modal-student-certificate-redeem a.btn.google-plus-red,
.modal-student-certificate-redeem button.google-plus-red,
.modal-student-certificate-redeem input[type=submit].btn.google-plus-red {
    background-image: linear-gradient(#bb462e,#923724);
    border: 1px solid #bb462e;
}
.modal-student-certificate-redeem .btn-default.google-plus-red:hover,
.modal-student-certificate-redeem .btn-form.google-plus-red:hover,
.modal-student-certificate-redeem .btn-round.google-plus-red:hover,
.modal-student-certificate-redeem .btn.google-plus-red:hover,
.modal-student-certificate-redeem a.btn-default.google-plus-red:hover,
.modal-student-certificate-redeem a.btn-form.google-plus-red:hover,
.modal-student-certificate-redeem a.btn-round.google-plus-red:hover,
.modal-student-certificate-redeem a.btn.google-plus-red:hover,
.modal-student-certificate-redeem button.google-plus-red:hover,
.modal-student-certificate-redeem input[type=submit].btn.google-plus-red:hover {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(#a73e29,#7e2f1f);
}
.modal-student-certificate-redeem .btn-default.google-plus-red.active,
.modal-student-certificate-redeem .btn-form.google-plus-red.active,
.modal-student-certificate-redeem .btn-round.google-plus-red.active,
.modal-student-certificate-redeem .btn.google-plus-red.active,
.modal-student-certificate-redeem a.btn-default.google-plus-red.active,
.modal-student-certificate-redeem a.btn-form.google-plus-red.active,
.modal-student-certificate-redeem a.btn-round.google-plus-red.active,
.modal-student-certificate-redeem a.btn.google-plus-red.active,
.modal-student-certificate-redeem button.google-plus-red.active,
.modal-student-certificate-redeem input[type=submit].btn.google-plus-red.active {
    color: #fff;
    background-image: linear-gradient(#cd4f35,#d7735e);
}
.modal-student-certificate-redeem .btn-default.white,
.modal-student-certificate-redeem .btn-form.white,
.modal-student-certificate-redeem .btn-round.white,
.modal-student-certificate-redeem .btn.white,
.modal-student-certificate-redeem a.btn-default.white,
.modal-student-certificate-redeem a.btn-form.white,
.modal-student-certificate-redeem a.btn-round.white,
.modal-student-certificate-redeem a.btn.white,
.modal-student-certificate-redeem button.white,
.modal-student-certificate-redeem input[type=submit].btn.white {
    color: #8c9295;
    background: #fff;
    border: 1px solid #c0c7cb;
}
.modal-student-certificate-redeem .btn-default.white:hover,
.modal-student-certificate-redeem .btn-form.white:hover,
.modal-student-certificate-redeem .btn-round.white:hover,
.modal-student-certificate-redeem .btn.white:hover,
.modal-student-certificate-redeem a.btn-default.white:hover,
.modal-student-certificate-redeem a.btn-form.white:hover,
.modal-student-certificate-redeem a.btn-round.white:hover,
.modal-student-certificate-redeem a.btn.white:hover,
.modal-student-certificate-redeem button.white:hover,
.modal-student-certificate-redeem input[type=submit].btn.white:hover {
    background-image: linear-gradient(#f8fdff,#f1faff);
}
.modal-student-certificate-redeem .btn-default.gray,
.modal-student-certificate-redeem .btn-form.gray,
.modal-student-certificate-redeem .btn-round.gray,
.modal-student-certificate-redeem .btn.gray,
.modal-student-certificate-redeem a.btn-default.gray,
.modal-student-certificate-redeem a.btn-form.gray,
.modal-student-certificate-redeem a.btn-round.gray,
.modal-student-certificate-redeem a.btn.gray,
.modal-student-certificate-redeem button.gray,
.modal-student-certificate-redeem input[type=submit].btn.gray {
    color: #fff;
    background: #c0c7cb;
    border: 1px solid #c0c7cb;
    background-image: linear-gradient(#c0c7cb,#b7bdc1);
}
.modal-student-certificate-redeem .btn-default.gray:hover,
.modal-student-certificate-redeem .btn-form.gray:hover,
.modal-student-certificate-redeem .btn-round.gray:hover,
.modal-student-certificate-redeem .btn.gray:hover,
.modal-student-certificate-redeem a.btn-default.gray:hover,
.modal-student-certificate-redeem a.btn-form.gray:hover,
.modal-student-certificate-redeem a.btn-round.gray:hover,
.modal-student-certificate-redeem a.btn.gray:hover,
.modal-student-certificate-redeem button.gray:hover,
.modal-student-certificate-redeem input[type=submit].btn.gray:hover {
    color: #fff;
    background: #b7bdc1;
    border: 1px solid #b7bdc1;
    background-image: linear-gradient(#b7bdc1,#adb3b6);
}
.modal-student-certificate-redeem .btn-default.blue,
.modal-student-certificate-redeem .btn-form.blue,
.modal-student-certificate-redeem .btn-round.blue,
.modal-student-certificate-redeem .btn.blue,
.modal-student-certificate-redeem a.btn-default.blue,
.modal-student-certificate-redeem a.btn-form.blue,
.modal-student-certificate-redeem a.btn-round.blue,
.modal-student-certificate-redeem a.btn.blue,
.modal-student-certificate-redeem button.blue,
.modal-student-certificate-redeem input[type=submit].btn.blue {
    color: #fff;
    background: #3a9ddb;
    border: 1px solid #3a9ddb;
    background-image: linear-gradient(#3a9ddb,#3898d4);
}
.modal-student-certificate-redeem .btn-default.blue:hover,
.modal-student-certificate-redeem .btn-form.blue:hover,
.modal-student-certificate-redeem .btn-round.blue:hover,
.modal-student-certificate-redeem .btn.blue:hover,
.modal-student-certificate-redeem a.btn-default.blue:hover,
.modal-student-certificate-redeem a.btn-form.blue:hover,
.modal-student-certificate-redeem a.btn-round.blue:hover,
.modal-student-certificate-redeem a.btn.blue:hover,
.modal-student-certificate-redeem button.blue:hover,
.modal-student-certificate-redeem input[type=submit].btn.blue:hover {
    color: #fff;
    background: #3795cf;
    border: 1px solid #3795cf;
    background-image: linear-gradient(#3795cf,#358fc7);
}
.modal-student-certificate-redeem .btn-default.green,
.modal-student-certificate-redeem .btn-form.green,
.modal-student-certificate-redeem .btn-round.green,
.modal-student-certificate-redeem .btn.green,
.modal-student-certificate-redeem a.btn-default.green,
.modal-student-certificate-redeem a.btn-form.green,
.modal-student-certificate-redeem a.btn-round.green,
.modal-student-certificate-redeem a.btn.green,
.modal-student-certificate-redeem button.green,
.modal-student-certificate-redeem input[type=submit].btn.green {
    color: #fff;
    background: #5cbe5a;
    border: 1px solid #5cbe5a;
    background-image: linear-gradient(#5cbe5a,#56b254);
}
.modal-student-certificate-redeem .btn-default.green:hover,
.modal-student-certificate-redeem .btn-form.green:hover,
.modal-student-certificate-redeem .btn-round.green:hover,
.modal-student-certificate-redeem .btn.green:hover,
.modal-student-certificate-redeem a.btn-default.green:hover,
.modal-student-certificate-redeem a.btn-form.green:hover,
.modal-student-certificate-redeem a.btn-round.green:hover,
.modal-student-certificate-redeem a.btn.green:hover,
.modal-student-certificate-redeem button.green:hover,
.modal-student-certificate-redeem input[type=submit].btn.green:hover {
    color: #fff;
    background: #56b254;
    border: 1px solid #56b254;
    background-image: linear-gradient(#56b254,#50a54e);
}
.modal-student-certificate-redeem .btn-default.orange,
.modal-student-certificate-redeem .btn-form.orange,
.modal-student-certificate-redeem .btn-round.orange,
.modal-student-certificate-redeem .btn.orange,
.modal-student-certificate-redeem a.btn-default.orange,
.modal-student-certificate-redeem a.btn-form.orange,
.modal-student-certificate-redeem a.btn-round.orange,
.modal-student-certificate-redeem a.btn.orange,
.modal-student-certificate-redeem button.orange,
.modal-student-certificate-redeem input[type=submit].btn.orange {
    color: #fff;
    background: #ffaa31;
    border: 1px solid #ffaa31;
    background-image: linear-gradient(#ffaa31,#f6a430);
}
.modal-student-certificate-redeem .btn-default.orange:hover,
.modal-student-certificate-redeem .btn-form.orange:hover,
.modal-student-certificate-redeem .btn-round.orange:hover,
.modal-student-certificate-redeem .btn.orange:hover,
.modal-student-certificate-redeem a.btn-default.orange:hover,
.modal-student-certificate-redeem a.btn-form.orange:hover,
.modal-student-certificate-redeem a.btn-round.orange:hover,
.modal-student-certificate-redeem a.btn.orange:hover,
.modal-student-certificate-redeem button.orange:hover,
.modal-student-certificate-redeem input[type=submit].btn.orange:hover {
    color: #fff;
    background: #fba62d;
    border: 1px solid #fba62d;
    background-image: linear-gradient(#fba62d,#ee9e2b);
}
.modal-student-certificate-redeem .btn-default.purple,
.modal-student-certificate-redeem .btn-form.purple,
.modal-student-certificate-redeem .btn-round.purple,
.modal-student-certificate-redeem .btn.purple,
.modal-student-certificate-redeem a.btn-default.purple,
.modal-student-certificate-redeem a.btn-form.purple,
.modal-student-certificate-redeem a.btn-round.purple,
.modal-student-certificate-redeem a.btn.purple,
.modal-student-certificate-redeem button.purple,
.modal-student-certificate-redeem input[type=submit].btn.purple {
    color: #fff;
    background: #8d73c3;
    border: 1px solid #8d73c3;
    background-image: linear-gradient(#8d73c3,#836bb6);
}
.modal-student-certificate-redeem .btn-default.purple:hover,
.modal-student-certificate-redeem .btn-form.purple:hover,
.modal-student-certificate-redeem .btn-round.purple:hover,
.modal-student-certificate-redeem .btn.purple:hover,
.modal-student-certificate-redeem a.btn-default.purple:hover,
.modal-student-certificate-redeem a.btn-form.purple:hover,
.modal-student-certificate-redeem a.btn-round.purple:hover,
.modal-student-certificate-redeem a.btn.purple:hover,
.modal-student-certificate-redeem button.purple:hover,
.modal-student-certificate-redeem input[type=submit].btn.purple:hover {
    color: #fff;
    background: #836bb5;
    border: 1px solid #836bb5;
    background-image: linear-gradient(#836bb5,#7963a8);
}
.modal-student-certificate-redeem .btn-default.mandy,
.modal-student-certificate-redeem .btn-form.mandy,
.modal-student-certificate-redeem .btn-round.mandy,
.modal-student-certificate-redeem .btn.mandy,
.modal-student-certificate-redeem a.btn-default.mandy,
.modal-student-certificate-redeem a.btn-form.mandy,
.modal-student-certificate-redeem a.btn-round.mandy,
.modal-student-certificate-redeem a.btn.mandy,
.modal-student-certificate-redeem button.mandy,
.modal-student-certificate-redeem input[type=submit].btn.mandy {
    color: #fff;
    background: #ea6066;
    border: 1px solid #ea6066;
}
.modal-student-certificate-redeem .btn-default.mandy:hover,
.modal-student-certificate-redeem .btn-form.mandy:hover,
.modal-student-certificate-redeem .btn-round.mandy:hover,
.modal-student-certificate-redeem .btn.mandy:hover,
.modal-student-certificate-redeem a.btn-default.mandy:hover,
.modal-student-certificate-redeem a.btn-form.mandy:hover,
.modal-student-certificate-redeem a.btn-round.mandy:hover,
.modal-student-certificate-redeem a.btn.mandy:hover,
.modal-student-certificate-redeem button.mandy:hover,
.modal-student-certificate-redeem input[type=submit].btn.mandy:hover {
    color: #fff;
    background: #ed777c;
    border: 1px solid #ea6066;
}
.modal-student-certificate-redeem .btn-default.dark-blue,
.modal-student-certificate-redeem .btn-form.dark-blue,
.modal-student-certificate-redeem .btn-round.dark-blue,
.modal-student-certificate-redeem .btn.dark-blue,
.modal-student-certificate-redeem a.btn-default.dark-blue,
.modal-student-certificate-redeem a.btn-form.dark-blue,
.modal-student-certificate-redeem a.btn-round.dark-blue,
.modal-student-certificate-redeem a.btn.dark-blue,
.modal-student-certificate-redeem button.dark-blue,
.modal-student-certificate-redeem input[type=submit].btn.dark-blue {
    color: #fff;
    background: #36444e;
    border: 1px solid #36444e;
}
.modal-student-certificate-redeem .btn-default.dark-blue:hover,
.modal-student-certificate-redeem .btn-form.dark-blue:hover,
.modal-student-certificate-redeem .btn-round.dark-blue:hover,
.modal-student-certificate-redeem .btn.dark-blue:hover,
.modal-student-certificate-redeem a.btn-default.dark-blue:hover,
.modal-student-certificate-redeem a.btn-form.dark-blue:hover,
.modal-student-certificate-redeem a.btn-round.dark-blue:hover,
.modal-student-certificate-redeem a.btn.dark-blue:hover,
.modal-student-certificate-redeem button.dark-blue:hover,
.modal-student-certificate-redeem input[type=submit].btn.dark-blue:hover {
    color: #fff;
    background: #40515d;
    border: 1px solid #36444e;
}
.modal-student-certificate-redeem .btn-round,
.modal-student-certificate-redeem a.btn-round {
    padding: 8px 26px;
    border-radius: 30px;
}
.modal-student-certificate-redeem .btn-default,
.modal-student-certificate-redeem a.btn-default {
    padding: 8px 24px;
    border-radius: 4px;
}
.modal-student-certificate-redeem .btn-form,
.modal-student-certificate-redeem a.btn-form {
    display: inline-block;
    color: #424b51!important;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #8c9295;
    border-radius: 4px;
    background-image: linear-gradient(#e8eded,#dce0e0);
    padding: 4px 14px;
    cursor: pointer;
}
.modal-student-certificate-redeem .btn-box span,
.modal-student-certificate-redeem .btn-default span,
.modal-student-certificate-redeem .btn-round span,
.modal-student-certificate-redeem .btn-round-box span {
    margin-right: 4px;
}
.modal-student-certificate-redeem .btn-group,
.modal-student-certificate-redeem .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.modal-student-certificate-redeem .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}
.modal-student-certificate-redeem .btn-group-justified > .btn-default,
.modal-student-certificate-redeem .btn-group-justified > .btn-round {
    display: table-cell;
    float: none;
    width: 1%;
}
.modal-student-certificate-redeem .btn-group > .btn-default:first-child:not(:last-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-default:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.modal-student-certificate-redeem .btn-group > .btn-default:not(:first-child):not(:last-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-default:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin: 0 1px 0 0;
}
.modal-student-certificate-redeem .btn-group > .btn-default:last-child:not(:first-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-default:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-student-certificate-redeem .btn-group > .btn-default:first-child,
.modal-student-certificate-redeem .btn-group-justified > .btn-default:first-child {
    margin: 0 1px 0 0;
}
.modal-student-certificate-redeem .btn-group > .btn-default:last-child,
.modal-student-certificate-redeem .btn-group-justified > .btn-default:last-child {
    margin: 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round:first-child:not(:last-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-round:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round:not(:first-child):not(:last-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-round:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin: 0 1px 0 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round:last-child:not(:first-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-round:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round:first-child,
.modal-student-certificate-redeem .btn-group-justified > .btn-round:first-child {
    margin: 0 1px 0 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round:last-child,
.modal-student-certificate-redeem .btn-group-justified > .btn-round:last-child {
    margin: 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round.white:not(:first-child):not(:last-child),
.modal-student-certificate-redeem .btn-group-justified > .btn-round.white:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin: 0 -1px 0 0;
}
.modal-student-certificate-redeem .btn-group > .btn-round.white:first-child,
.modal-student-certificate-redeem .btn-group-justified > .btn-round.white:first-child {
    margin: 0 -1px 0 0;
}
.modal-student-certificate-redeem .btn-panel {
    position: relative;
    display: block;
    text-align: left;
    padding: 15px 0 20px;
}
.modal-student-certificate-redeem .btn-panel.btn-panel--right {
    text-align: right;
}
.modal-student-certificate-redeem .btn-panel .btn-round {
    margin: 0 6px 0 0;
}
.modal-student-certificate-redeem .btn-panel span.comment {
    position: relative;
    display: block;
    color: #555;
    font-size: 11px;
    line-height: 11px;
    padding: 0;
    margin: 2px 0 0;
}
.modal-student-certificate-redeem .btn-panel span.links {
    position: relative;
    display: block;
    margin: 8px 0 0;
}
.modal-student-certificate-redeem .btn-panel.rule-top {
    border-top: 1px solid #e3e8ed;
}
.modal-student-certificate-redeem .btn-panel .seal,
.modal-student-certificate-redeem .credit-card .seal {
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0 20px 0 0;
}
.modal-student-certificate-redeem .social-share-strip {
    position: relative;
    display: block;
    height: 22px;
    margin: 15px 0 25px;
}
.modal-student-certificate-redeem .social-share-strip .social-share-button {
    position: relative;
    display: inline-block;
    color: #555;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    border: 1px solid;
    border-color: #bbb #bbb #aaa;
    background-image: linear-gradient(#fafafa,#dfdfdf);
    border-radius: 4px;
    padding: 2px 10px;
    margin: 0 25px 0 6px;
}
.modal-student-certificate-redeem .social-share-strip .social-share-button .icon-mail-2 {
    font-size: 14px;
    line-height: 14px;
    vertical-align: baseline;
    padding: 2px 6px 0 0;
}
.modal-student-certificate-redeem .social-share-strip .fb-like {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 90px;
    margin-right: 6px;
}
.modal-student-certificate-redeem .social-share-strip .google-plus-one {
    position: relative;
    display: inline-block;
    width: 75px;
    overflow: hidden;
    margin-right: 6px;
}
.modal-student-certificate-redeem .social-share-strip .twitter-share {
    position: relative;
    display: inline-block;
    margin-right: 6px;
}
.modal-student-certificate-redeem .btn-social-sign-in {
    width: 320px;
    padding: 0;
    margin: 15px auto;
}
.modal-student-certificate-redeem a.google-small {
    position: relative;
    display: block;
    width: 235px;
    height: 35px;
    background: #dd4b39;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 12px;
}
.modal-student-certificate-redeem a.google-small .social-icon-google {
    float: left;
    position: relative;
    top: 1px;
    left: 12px;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
}
.modal-student-certificate-redeem a.google-small .social-text-google {
    float: left;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 0 12px;
    margin-left: 21px;
    border-left: 1px solid #e5e5e5;
}
.modal-student-certificate-redeem a.google-small.google-small-center {
    margin: 0 auto 12px;
}
.modal-student-certificate-redeem a.facebook-small {
    position: relative;
    display: block;
    width: 235px;
    height: 35px;
    background: #40659f;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 12px;
}
.modal-student-certificate-redeem a.facebook-small .social-icon-facebook {
    float: left;
    position: relative;
    top: 1px;
    left: 12px;
    speak: none;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 24px;
    line-height: 35px;
}
.modal-student-certificate-redeem a.facebook-small .social-text-facebook {
    float: left;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 0 12px;
    margin-left: 21px;
    border-left: 1px solid #e5e5e5;
}
.modal-student-certificate-redeem a.facebook-small.facebook-small-center {
    margin: 0 auto 12px;
}
.modal-student-certificate-redeem a.tynker-small {
    position: relative;
    display: block;
    width: 235px;
    height: 35px;
    background: #ffaa31;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 12px;
}
.modal-student-certificate-redeem a.tynker-small .social-text-tynker {
    float: left;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    font-weight: 300;
    padding: 0 0 0 12px;
    margin-left: 21px;
}
.modal-student-certificate-redeem a.tynker-small.tynker-small-center {
    margin: 0 auto 12px;
}
.modal-student-certificate-redeem .btn-default.btn-default--nav,
.modal-student-certificate-redeem .btn-round.btn-round--nav {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 12px 36px;
}
.blog {
    background-color: #f4f4f4;
    padding: 80px 0;
}
.blog .subtitle,
.blog .title {
    margin: 0;
    padding: 0;
    text-align: center;
}
.blog .posts {
    margin-top: 80px;
}
.blog .posts .post,
.blog .posts .tile {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}
@media print,screen and (min-width:40em) {
    .blog .posts .post,
    .blog .posts .tile {
        padding-bottom: 40px;
        position: relative;
    }
}
.blog .posts .post .date,
.blog .posts .tile .date {
    color: #878787;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 1em;
}
.blog .posts .post .title,
.blog .posts .tile .title {
    margin-bottom: 1em;
    padding-top: 20px;
}
.blog .posts .post .title a,
.blog .posts .tile .title a {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}
.blog .posts .post .description,
.blog .posts .tile .description {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 1em;
    max-height: 6em;
    overflow: hidden;
}
.blog .posts .post .read-more,
.blog .posts .tile .read-more {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}
@media print,screen and (min-width:40em) {
    .blog .posts .post .read-more,
    .blog .posts .tile .read-more {
        position: absolute;
        bottom: 20px;
    }
}
.blog .posts .post .read-more:after,
.blog .posts .tile .read-more:after {
    content: " ";
    display: block;
    max-width: 75%;
    border-top: 1px solid;
}
.blog .posts .post .likes,
.blog .posts .tile .likes {
    float: right;
    font-size: 14px;
}
camps-course-card .card.card-course-curriculum .course-level {
    line-height: inherit;
}
camps-course-card .card.card-course-curriculum .course-level .course-free {
    float: right;
    color: #3cb371;
}
camps-course-card .card.card-course-curriculum .course-duration {
    float: right;
}
camps-course-card .card.card-course-curriculum .course-price {
    display: none;
    text-align: center;
}
camps-course-card .card.card-course-curriculum .actions {
    text-align: center;
}
camps-course-card .card.card-course-curriculum .actions.small-up-2 .button {
    width: 100%;
    outline: none;
}
camps-course-list .content {
    padding: 10px 20px;
    background-color: #fff;
}
camps-course-list .content .categories {
    border: none;
    border-bottom: 1px solid #888;
}
camps-course-list .content .categories .category a {
    display: block;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #555;
    font-size: 20px;
    text-align: center;
    padding: 20px 10px;
}
camps-course-list .content .categories .category a .your-plan {
    position: relative;
}
camps-course-list .content .categories .category a .your-plan .your-plan-callout {
    position: absolute;
    left: -30px;
    top: -20px;
    transform: rotate(-10deg);
    height: 35px;
    width: 35px;
    border-radius: 30px;
    padding: 7px 0;
    background-color: #7580b2;
    color: #fff;
    line-height: 1;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}
@media print,screen and (min-width:64em) {
    camps-course-list .content .categories .category a .your-plan .your-plan-callout {
        top: -5px;
        left: -15px;
    }
}
camps-course-list .content .categories .category a .title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #555;
    font-size: 20px;
    text-align: center;
    padding: 0;
    line-height: 19px;
    display: inline;
}
camps-course-list .content .categories .category.active a,
camps-course-list .content .categories .category:hover a {
    background-color: #fff;
    border-bottom: 3px solid #65759b;
    color: #65759b;
    outline: none;
}
camps-course-list .content .categories .category.active a .title,
camps-course-list .content .categories .category:hover a .title {
    background-color: #fff;
    color: #65759b;
}
camps-course-list .content .vouchers {
    margin: 0 auto 20px;
    border: 1px solid #e3e8ed;
    border-radius: 10px;
    padding: 10px 20px 10px 30px;
    background: #47526f;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
}
.modal-camp-publish {
    background-color: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media screen and (max-width:39.9375em) {
    .modal-camp-publish.reveal.reveal-animated {
        padding-left: 0;
        padding-right: 0;
    }
}
.modal-camp-publish .modal-header {
    text-align: center;
}
.modal-camp-publish .modal-header .title {
    margin: 0;
    padding: 0;
}
.modal-camp-publish .modal-header .subtitle {
    margin-bottom: 50px;
    font-size: 13px;
    color: #72797f;
}
.modal-camp-publish .modal-body {
    margin-bottom: 3rem;
    text-align: center;
}
.modal-camp-publish .modal-body .address {
    display: block;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 0.5em 1em;
    font-size: 1rem;
    background-color: #fff;
}
.modal-camp-publish .modal-body .address input {
    display: block;
    margin: 0;
    border: none;
    box-shadow: none;
    background: 0 0;
}
.modal-camp-publish .modal-body .address .copy-url {
    font-size: 1rem;
    white-space: nowrap;
}
@media print,screen and (min-width:64em) {
    .modal-camp-publish .modal-body .address input {
        display: inline-block;
        width: 600px;
    }
    .modal-camp-publish .modal-body .address .copy-url {
        margin-left: 3rem;
    }
}
.modal-camp-publish .modal-body .copied {
    font-size: 12px;
    font-style: italic;
    color: #72797f;
}
.modal-camp-publish .modal-footer {
    text-align: center;
}
.modal-camp-publish .modal-footer .social-share li {
    display: inline-block;
}
.modal-camp-publish .modal-footer .social-share li a {
    font-size: 20px;
}
.modal-camp-publish .modal-footer .social-share li+li {
    margin-left: 2rem;
}
.card-callout {
    --size: 2.5rem;
    background-color: #b3291d;
    border-radius: 100%;
    color: #fefefe;
    font-weight: 700;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    width: var(--size);
    height: var(--size);
}
.card-callout.\--small {
    font-size: 0.875rem;
    letter-spacing: -.5px;
    line-height: var(--size);
}
.card-callout.\--large {
    --size: 3.125rem;
    font-size: 0.75rem;
    line-height: 1;
    padding-top: 0.75rem;
}
.card-callout.\--large:first-line {
    font-size: 0.75em;
}
.card-callout,
.card-callout.\--top-right {
    top: calc(var(--size)/-4);
    right: calc(var(--size)/-4);
    bottom: auto;
    left: auto;
}
.card-callout.\--top-right-inset {
    top: 0.25rem;
    right: 0.25rem;
    bottom: auto;
    left: auto;
}
.card-callout.\--center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    margin-top: calc(var(--size)/-2);
}
.card-callout.\--top-left {
    top: calc(var(--size)/-4);
    right: auto;
    bottom: auto;
    left: calc(var(--size)/-4);
}
.card-callout.\--center-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    margin-top: calc(var(--size)/-2);
}
.follow-button {
    border: 2px solid #766889;
}
.follow-button.follow-button-following {
    border: 2px solid #fff;
    color: #fff;
}
.follow-button.follow-button-following:hover {
    background-color: #fff;
    color: #766889;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .follow-button.follow-button-following {
        margin-bottom: 30px;
    }
}
.follow-button .loading-indicator.loading-indicator-blocks {
    height: 14px;
    margin-bottom: 0;
    margin-top: 0;
}
hackathons-activity-card .card.card-diy.card-diy-hackathons .card-thumbnail {
    height: 190px;
}
hackathons-activity-card .card.card-diy.card-diy-hackathons .card-details {
    padding-top: 10px;
    height: 40px;
}
hackathons-activity-card .card.card-diy.card-diy-hackathons .card-details .card-name {
    margin-bottom: 10px;
}
hackathons-activity-card .card.card-diy.card-diy-hackathons .card-details .card-description {
    display: none;
}
.hackathons,
body.hackathons .off-canvas-content {
    display: flex;
    flex-direction: column;
}
.hackathons {
    flex-grow: 1;
    background-color: #f3f3f3;
}
.hackathons.hackathons-seo.hackathons-phase-not_started {
    min-height: auto;
}
.hackathons.hackathons-seo.hackathons-phase-finished .header-activities .header .motto,
.hackathons.hackathons-seo.hackathons-phase-nominations .header-activities .header .motto,
.hackathons.hackathons-seo.hackathons-phase-submissions .header-activities .header .motto,
.hackathons.hackathons-seo.hackathons-phase-winners .header-activities .header .motto {
    display: none;
}
.hackathons.hackathons-seo.hackathons-phase-finished .header-activities .header .description,
.hackathons.hackathons-seo.hackathons-phase-nominations .header-activities .header .description,
.hackathons.hackathons-seo.hackathons-phase-submissions .header-activities .header .description,
.hackathons.hackathons-seo.hackathons-phase-winners .header-activities .header .description {
    display: block;
    margin-bottom: 0;
}
@media print,screen and (min-width:40em) {
    .hackathons.hackathons-seo.hackathons-phase-finished .header-activities .header .images,
    .hackathons.hackathons-seo.hackathons-phase-nominations .header-activities .header .images,
    .hackathons.hackathons-seo.hackathons-phase-submissions .header-activities .header .images,
    .hackathons.hackathons-seo.hackathons-phase-winners .header-activities .header .images {
        display: block;
        position: relative;
    }
    .hackathons.hackathons-seo.hackathons-phase-finished .header-activities .header .images .kids,
    .hackathons.hackathons-seo.hackathons-phase-nominations .header-activities .header .images .kids,
    .hackathons.hackathons-seo.hackathons-phase-submissions .header-activities .header .images .kids,
    .hackathons.hackathons-seo.hackathons-phase-winners .header-activities .header .images .kids {
        display: none;
    }
    .hackathons.hackathons-seo.hackathons-phase-finished .header-activities .header .images .logo-frame,
    .hackathons.hackathons-seo.hackathons-phase-nominations .header-activities .header .images .logo-frame,
    .hackathons.hackathons-seo.hackathons-phase-submissions .header-activities .header .images .logo-frame,
    .hackathons.hackathons-seo.hackathons-phase-winners .header-activities .header .images .logo-frame {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        float: none;
    }
}
@media print,screen and (min-width:64em) {
    .hackathons.hackathons-seo.hackathons-phase-finished .header-activities .header .images .logo-frame,
    .hackathons.hackathons-seo.hackathons-phase-nominations .header-activities .header .images .logo-frame,
    .hackathons.hackathons-seo.hackathons-phase-submissions .header-activities .header .images .logo-frame,
    .hackathons.hackathons-seo.hackathons-phase-winners .header-activities .header .images .logo-frame {
        top: -30px;
    }
}
.hackathons.hackathons-phase-not_started {
    flex-grow: 1;
    min-height: 900px;
}
.hackathons.hackathons-phase-not_started .header-activities .header .motto {
    display: none;
}
.hackathons.hackathons-phase-not_started .header-activities .header .images {
    display: block;
}
.hackathons.hackathons-phase-finished .header-activities .header,
.hackathons.hackathons-phase-nominations .header-activities .header,
.hackathons.hackathons-phase-submissions .header-activities .header,
.hackathons.hackathons-phase-winners .header-activities .header {
    padding-bottom: 30px;
}
.hackathons.hackathons-phase-finished .header-activities .header .organization,
.hackathons.hackathons-phase-nominations .header-activities .header .organization,
.hackathons.hackathons-phase-submissions .header-activities .header .organization,
.hackathons.hackathons-phase-winners .header-activities .header .organization {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.hackathons.hackathons-phase-finished .header-activities .header .name,
.hackathons.hackathons-phase-nominations .header-activities .header .name,
.hackathons.hackathons-phase-submissions .header-activities .header .name,
.hackathons.hackathons-phase-winners .header-activities .header .name {
    font-size: 36px;
    font-family: Open Sans Condensed,Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 5px;
}
@media print,screen and (min-width:40em) {
    .hackathons.hackathons-phase-finished .header-activities .header .name,
    .hackathons.hackathons-phase-nominations .header-activities .header .name,
    .hackathons.hackathons-phase-submissions .header-activities .header .name,
    .hackathons.hackathons-phase-winners .header-activities .header .name {
        font-size: 34pt;
    }
}
.hackathons.hackathons-phase-finished .header-activities .header .description,
.hackathons.hackathons-phase-nominations .header-activities .header .description,
.hackathons.hackathons-phase-submissions .header-activities .header .description,
.hackathons.hackathons-phase-winners .header-activities .header .description {
    display: none;
}
.hackathons .header-activities .header {
    position: relative;
    padding-top: 30px;
    padding-bottom: 40px;
}
.hackathons .header-activities .header .link-back {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
}
.hackathons .header-activities .header .control-buttons {
    margin-top: 15px;
}
.hackathons .header-activities .header .control-buttons .link-revert {
    color: #fff;
    white-space: nowrap;
}
.hackathons .header-activities .header .control-buttons .button {
    background-color: #bb1c1c;
    outline: none;
}
.hackathons .header-activities .header .organization {
    margin-top: 30px;
    margin-bottom: 35px;
    padding: 0;
    color: #fff;
    font-size: 25px;
}
.hackathons .header-activities .header .name {
    margin-top: 0;
    margin-bottom: 35px;
    padding: 0;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
}
.hackathons .header-activities .header .description {
    margin-bottom: 40px;
}
.hackathons .header-activities .header .countdown-launching-in {
    margin-bottom: 50px;
    padding: 0;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
}
.hackathons .header-activities .header .images {
    display: none;
}
.hackathons .header-activities .header .images .kids {
    max-width: 50%;
}
.hackathons .header-activities .header .images .logo-frame {
    border: 10px solid hsla(0,0%,100%,.5);
}
@media print,screen and (min-width:40em) {
    .hackathons .header-activities .header .images .logo-frame {
        margin-top: 150px;
        float: right;
    }
}
.hackathons .header-activities .header .images .logo-frame .logo {
    display: flex;
    align-items: center;
    padding: 10px;
    width: 140px;
    height: 140px;
    background-color: #fff;
}
.hackathons .header-activities .header .clock-rules {
    margin-top: 1em;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .hackathons .header-activities .header .clock-rules {
        margin-top: 0;
        text-align: right;
    }
}
.hackathons .header-activities .header .clock-rules .rules {
    text-transform: uppercase;
}
.hackathons .header-activities .activities .diy-card-container {
    position: relative;
}
.hackathons .header-activities .activities .diy-card-container .card-diy .card-description {
    color: #000;
    font-size: 15px;
}
.hackathons .header-activities .activities .diy-card-container .card-diy .card-summary {
    color: #000;
    font-size: 13px;
}
.hackathons .header-activities .activities .diy-card-container .card-diy:hover .current-stage-badge {
    opacity: 0;
}
hackathons-card .card.card-hackathon {
    text-align: center;
}
hackathons-card .card.card-hackathon .card-thumbnail-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    width: 100%;
    height: 160px;
    background-image: url("../image/cards/hackathons/hackathon-pattern.png");
    background-size: cover;
    background-repeat: no-repeat;
}
hackathons-card .card.card-hackathon .card-thumbnail-placeholder span {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}
hackathons-project .hackathon-project-card.card-featured:after {
    top: -20px;
    left: -15px;
    right: auto;
}
hackathons-project .hackathon-project-card .button-nominate,
hackathons-project .hackathon-project-card .button-winner {
    margin: 0;
}
hackathons-project .hackathon-project-card .nominated,
hackathons-project .hackathon-project-card .winner {
    font-weight: 700;
}
.hackathons-seo .hackathons-submissions {
    padding-top: 90px;
    min-height: 400px;
}
.hackathons-seo .hackathons-submissions.action-banner-like {
    top: -25px;
}
.hackathons-seo .hackathons-submissions .title {
    display: none;
}
@media print,screen and (min-width:40em) {
    .hackathons-seo .hackathons-submissions .controls .column-buttons {
        width: 66.6666666667%;
        margin-left: 16.6666666667%;
    }
}
.hackathons-seo .hackathons-submissions .controls .column-buttons .filter-button-group {
    text-align: center;
}
.hackathons-submissions {
    position: relative;
    padding: 90px 0 0;
}
@media print,screen and (min-width:64em) {
    .hackathons-submissions {
        padding-top: 30px;
    }
}
.hackathons-submissions .title {
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .hackathons-submissions .title {
        text-align: left;
    }
}
.hackathons-submissions .action-banner {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 15px;
    height: 50px;
    line-height: 1;
    background-color: #d25955;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
@media print,screen and (min-width:40em) {
    .hackathons-submissions .action-banner {
        font-size: 20px;
    }
}
.hackathons-submissions .action-banner.action-pick-winners {
    background-image: url("../image/cards/project/icon-featured-project.png");
    background-repeat: no-repeat;
    background-position: 10px;
    background-size: auto 70%;
}
.hackathons-submissions .action-banner.action-pick-winners .text {
    margin-left: 40px;
}
.hackathons-submissions .action-banner .tip {
    display: block;
    position: relative;
    width: 0;
    height: 0;
}
.hackathons-submissions .action-banner .tip:before {
    top: -28px;
    transform: rotate(-45deg);
}
.hackathons-submissions .action-banner .tip:after,
.hackathons-submissions .action-banner .tip:before {
    content: " ";
    display: block;
    position: absolute;
    left: -32px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #d25955;
}
.hackathons-submissions .action-banner .tip:after {
    bottom: -48px;
    transform: rotate(45deg);
}
.hackathons-submissions .action-banner .icon {
    font-size: 17px;
}
.hackathons-submissions .action-banner .text {
    margin-left: 0.5em;
}
@media print,screen and (min-width:40em) {
    .hackathons-submissions .controls .column-buttons {
        width: 83.3333333333%;
    }
}
.hackathons-submissions .controls .filter-button-group {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hackathons-submissions .controls .filter-button-group {
        text-align: left;
    }
}
.hackathons-submissions .controls .filter-button-group .filter-button {
    margin-right: 5px;
}
.hackathons-submissions .controls .filter-button {
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 100px;
    color: #fff;
    display: inline-block;
    background-color: #3a3a3a;
    border-radius: 50px;
    font-weight: 600;
    outline: none;
    margin-bottom: 15px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hackathons-submissions .controls .filter-button {
        padding: 10px;
    }
}
.hackathons-submissions .controls .filter-button.filter-button-selected,
.hackathons-submissions .controls .filter-button:hover {
    background-color: #00afcc;
}
.hackathons-submissions .controls .number-submissions-container {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hackathons-submissions .controls .number-submissions-container {
        text-align: right;
    }
}
.hackathons-submissions .controls .number-submissions-container .number-submissions {
    white-space: nowrap;
    font-size: 13px;
}
.hackathons-submissions .controls .subtext {
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
    margin-top: 5px;
}
@media print,screen and (min-width:40em) {
    .hackathons-submissions .controls .subtext {
        text-align: right;
    }
}
.hackathons-submissions .projects {
    padding-top: 10px;
    padding-bottom: 30px;
}
.hackathons-submissions .projects .not-found-message {
    font-weight: 600;
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}
.modal-hackathons-winner-position .actions .button-confirm {
    float: right;
}
.hackathons.hackathons-theme-earth .header-activities {
    background-image: url("../image/hackathons/earth-background.jpg");
    background-size: cover;
    color: #fff;
}
.hackathons.hackathons-theme-earth .header-activities .header .filter-tabs .button.hollow:hover {
    color: #2c8165;
}
.hackathons.hackathons-theme-earth .header-activities .header .countdown,
.hackathons.hackathons-theme-earth .header-activities .header .description,
.hackathons.hackathons-theme-earth .header-activities .header .motto,
.hackathons.hackathons-theme-earth .header-activities .header .name,
.hackathons.hackathons-theme-earth .header-activities .header .rules {
    color: #fff;
}
hackathons-card .card.card-hackathon.card-hackathon-theme-earth .card-thumbnail-placeholder {
    background-color: #2c8165;
}
.hackathons-countdown .period {
    white-space: nowrap;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities {
    background-image: url("../image/hackathons/summer-code-jam/summer-code-jam-teaser-bg.png");
    background-size: cover;
    background-position: 50%;
    color: #0a0a0a;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header {
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header-logo {
    margin-bottom: 1rem;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header-logo > img {
    max-height: 300px;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .filter-tabs .button.hollow:hover {
    color: #2c8165;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .countdown,
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .description,
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .motto,
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .name,
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .rules {
    color: #0a0a0a;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .description {
    font-size: 1.5rem;
    font-weight: 600;
}
@media print,screen and (min-width:40em) {
    .hackathons.hackathons-theme-summer-code-jam .header-activities .header .description {
        font-size: 30px;
    }
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .teaser p {
    line-height: 1.2;
    font-size: 24px;
    font-weight: 200;
    margin-top: 30px;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .countdown {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 20rem;
}
@media print,screen and (min-width:40em) {
    .hackathons.hackathons-theme-summer-code-jam .header-activities .header .countdown {
        font-size: 2rem;
    }
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .countdown-launching-in.countdown-launching-in-minutes {
    letter-spacing: normal;
    margin-top: 15px;
}
.hackathons.hackathons-theme-summer-code-jam .header-activities .header .countdown-launching-in.countdown-launching-in-minutes .countdown-minutes {
    color: #9d44ed;
}
hackathons-card .card.card-hackathon.card-hackathon-theme-summer .card-thumbnail-placeholder {
    background-color: #2c8165;
}
.is-new {
    position: relative;
}
.is-new:after {
    background-size: contain;
    background-image: url("../image/icn-new-circle-red.png");
    background-repeat: no-repeat;
    content: "";
    height: 32px;
    position: absolute;
    width: 32px;
}
.is-new.is-new-top-right:after,
.is-new:after {
    right: -16px;
    top: -16px;
}
.is-new.is-new-right:after {
    right: 0;
    top: calc(50% - 16px);
}
.is-new.is-new-left:after {
    left: -16px;
    top: -16px;
}
.modal-create-minecraft-resource {
    border-radius: 5px;
    border: 0;
    padding: 20px 20px 0;
    overflow: hidden;
}
.modal-create-minecraft-resource::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
.modal-create-minecraft-resource::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 50px;
}
.modal-create-minecraft-resource::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 50px;
}
.modal-create-minecraft-resource h1.title {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 30px;
    padding: 0 0 0 15px;
    color: #000;
}
.modal-create-minecraft-resource h2.subtitle {
    margin: 0;
    padding: 0;
    line-height: 48px;
}
.modal-create-minecraft-resource .card-minecraft {
    min-height: 200px;
}
.modal-create-minecraft-resource .right {
    text-align: right;
}
.modal-create-minecraft-resource .switch-button-container {
    margin-bottom: 15px;
}
.modal-create-minecraft-resource .resources {
    height: 500px;
    overflow: auto;
    width: 100%;
    padding: 0 16px;
}
.modal-create-minecraft-resource .resources::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
.modal-create-minecraft-resource .resources::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 50px;
}
.modal-create-minecraft-resource .resources::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 50px;
}
[render-minecraft-entity] {
    visibility: hidden;
}
[render-minecraft-entity].rendered {
    visibility: visible;
}
[render-minecraft-skin] {
    visibility: hidden;
}
[render-minecraft-skin].rendered {
    visibility: visible;
}
.modal-report-community-asset {
    overflow: hidden;
    border: 0;
    padding: 15px;
}
.modal-report-community-asset h2.title {
    font-size: 26px;
    padding: 0;
    margin: 0 0 20px 10px;
    border: 0;
}
.modal-report-community-asset h3 {
    font-size: 20px;
    text-transform: uppercase;
}
.modal-report-community-asset textarea {
    margin-top: 15px;
}
.modal-report-community-asset .button.button-report {
    margin-left: 10px;
}
.modal-report-community-asset .close-button {
    padding: 0;
    border: 0;
    appearance: none;
    font-weight: 600;
    font-size: 30px;
}
.accordion.accordion-faq {
    background: 0 0;
}
.accordion.accordion-faq a {
    border: none;
    color: #7e8285;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
}
.accordion.accordion-faq a:before {
    content: "";
}
.accordion.accordion-faq a:hover {
    background: 0 0;
    color: #5cbe5a;
}
.accordion.accordion-faq a:focus {
    background: 0 0;
}
.accordion.accordion-faq .icon-arrow-right {
    margin-bottom: 3px;
}
.accordion.accordion-faq .accordion-content {
    background: 0 0;
    padding: 5px 0;
    border: none;
    font-weight: 400;
}
.card-consumer-course {
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.card-consumer-course h4 {
    font-size: 22px;
    margin-top: -25px;
    text-transform: capitalize;
    padding-bottom: 2px;
    font-weight: 400;
    color: #000;
}
.card-consumer-course hr {
    margin: 10px 0;
}
.card-consumer-course .character-badge {
    position: absolute;
    margin-top: 12px;
    z-index: 2;
    height: 90px;
    left: 15%;
}
.card-consumer-course .ribbon-wrapper-beginner {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.card-consumer-course .ribbon-wrapper-beginner:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #22bdb6 #22bdb6 #22bdb6 transparent;
}
.card-consumer-course .ribbon-wrapper-free {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.card-consumer-course .ribbon-wrapper-free:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #f25954 #f25954 #f25954 transparent;
}
.card-consumer-course .ribbon-wrapper-intermediate {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.card-consumer-course .ribbon-wrapper-intermediate:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.card-consumer-course .ribbon-wrapper-advanced {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.card-consumer-course .ribbon-wrapper-advanced:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #997abc #997abc #997abc transparent;
}
.card-consumer-course .ribbon {
    font: 12px Sans-Serif;
    color: #fff;
    text-align: center;
    text-shadow: hsla(0,0%,100%,.5) 0 1px 0;
    position: relative;
    padding: 5px 0;
    left: 15px;
    top: 15px;
    width: 72px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.card-consumer-course .ribbon.free {
    background-color: #f25954;
}
.card-consumer-course .ribbon.beginner {
    background-color: #22bdb6;
}
.card-consumer-course .ribbon.intermediate {
    background-color: #3ca7de;
}
.card-consumer-course .ribbon.advanced {
    background-color: #997abc;
}
.card-consumer-course:hover {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.card-consumer-course:hover:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.card-consumer-course:hover .play-button-hover {
    background-color: #7463ac;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
}
.card-consumer-course a.play-button-hover {
    border: none;
    color: #888;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}
.card-consumer-course a.play-button-hover:hover {
    background-color: #9078c6;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
}
.card-consumer-course .circle-progress {
    margin-top: -55px;
}
.card-consumer-course .description {
    font-size: 14px;
    font-weight: 600;
    height: 25px;
    color: #2aab9d;
}
.card-consumer-course .description-ages {
    font-weight: 400;
    font-size: 12px;
    color: #222;
}
.card-consumer-course a {
    color: #ccc;
}
.card-consumer-course .status {
    font-size: 18px;
}
.card-consumer-course .new-course-badge {
    position: absolute;
    top: 10px;
    right: 10px;
}
.card-consumer-course .new-course-badge img {
    width: 40px;
}
@media screen and (max-width:39.9375em) {
    .card-consumer-course {
        margin-bottom: 20px;
    }
}
.card-consumer-long {
    padding: 0.6rem 0;
}
@media print,screen and (min-width:40em) {
    .card-consumer-long {
        padding: 0.9rem 0;
    }
}
.card-consumer-long-thumbnail {
    border-radius: 5px;
}
.card-consumer-long-title {
    padding-bottom: 0;
}
.card-consumer-long-subtitle {
    display: block;
    margin-top: 0.25em;
}
@media print,screen and (min-width:64em) {
    .card-consumer-long-progress {
        padding-right: 0;
        padding-left: 0;
    }
}
.card-consumer-long-action {
    display: inline-block;
}
.card-consumer-long-action:first-of-type {
    margin-bottom: 0.5rem;
}
.card-consumer-long-action:last-of-type {
    margin-bottom: 0;
}
.card-consumer-long-action:first-of-type:last-of-type {
    margin-top: 10%;
}
.progress-bar {
    background-color: #dae1e1;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: 0.5em;
    margin-top: 2em;
    margin-bottom: 0.5em;
}
.progress-bar-fill {
    background-color: #5fb720;
    border-radius: inherit;
    height: inherit;
}
.free-vs-pro h2 {
    padding-bottom: 0;
}
.free-vs-pro p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #00bcd4;
    font-weight: 600;
    padding-bottom: 10px;
}
.free-vs-pro .card {
    padding: 10px;
}
.free-vs-pro .card h3 {
    font-weight: 600;
}
.free-vs-pro .card hr,
.free-vs-pro .card hr.plus-ruler {
    border-top: 0.5px solid #e8e8e8;
    border-bottom: 0.5px solid #e8e8e8;
}
@media print,screen and (min-width:64em) {
    .free-vs-pro .card {
        padding: 1rem;
    }
}
.free-vs-pro .card hr.plus-ruler:after {
    background-color: #fff;
    content: "+";
    display: block;
    font-size: 28px;
    font-weight: 600;
    margin-left: 120px;
    margin-right: 120px;
    margin-top: -23px;
    text-align: center;
    color: #00bcd4;
}
.free-vs-pro .card .button {
    margin-top: 1rem;
    width: 90%;
}
.free-vs-pro .card ul {
    list-style-position: inside;
    margin-bottom: 30px;
}
.free-vs-pro .card ul li {
    font-size: 15px;
    line-height: 1.9;
}
.free-vs-pro .card ul li strong {
    font-weight: 100;
}
@media print,screen and (min-width:64em) {
    .free-vs-pro .card ul li strong {
        font-weight: 600;
    }
}
.free-vs-pro .card ul li:before {
    padding-left: 10px;
}
@media print,screen and (min-width:64em) {
    .free-vs-pro .card ul li:before {
        padding-left: 20px;
    }
}
.free-vs-pro .card .card-button {
    margin-top: 20px;
}
.menu.menu-filters {
    padding: 10px;
}
.menu.menu-filters li a {
    background: 0 0;
    color: #575757;
    font-size: 16px;
    font-weight: 700;
}
.menu.menu-filters li a:hover,
.menu.menu-filters li.is-active a {
    color: #00bcd4;
}
.menu.menu-filters.menu-filters-launchpad li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.menu.menu-filters.menu-filters-launchpad li.is-active a {
    color: #00bcd4;
}
.menu.menu-filters.menu-filters-launchpad a {
    line-height: 0;
}
.menu.menu-filters.menu-filters-pills li {
    background-color: #eaf6f9;
    border-radius: 30px;
    float: none;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 8px 18px;
    position: relative;
}
.menu.menu-filters.menu-filters-pills li a {
    font-size: 16px;
    padding: 0.2rem 1rem;
}
.menu.menu-filters.menu-filters-pills li.is-active {
    background-color: #00bcd4;
}
.menu.menu-filters.menu-filters-pills li.is-active a {
    color: #fff;
}
.menu.menu-filters.menu-filters-pills li.is-active span {
    color: #00bcd4;
}
.for-tablet .menu.menu-filters.menu-filters-pills li {
    padding: 8px 9px;
}
.for-tablet .menu.menu-filters.menu-filters-pills li a {
    font-size: 14px;
}
.menu.menu-filters.menu-filters-pills li span {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    margin-top: 10px;
    text-align: center;
    color: #575757;
    font-weight: 700;
    font-size: 12px;
}
.menu.menu-filters.menu-filters-pills-small li {
    border-radius: 5px;
    margin: 0.25rem;
    padding: 0;
}
.menu.menu-filters.menu-filters-pills-small li a {
    font-size: 14px;
    padding: 0.5rem 1.25rem;
}
.accelerated-learning-paths {
    padding-top: 30px;
}
.accelerated-learning-paths h2 {
    padding-bottom: 0;
}
.accelerated-learning-paths section {
    padding: 0;
}
.accelerated-learning-paths-summary ul {
    line-height: 2.5;
    text-align: left;
}
.accelerated-learning-paths-summary ul li a span {
    font-size: 12px;
}
.accelerated-learning-paths .learning-path-info {
    text-align: center;
    letter-spacing: 0.5px;
    margin-top: 30px;
}
.accelerated-learning-paths .menu-tabs-top {
    padding: 10px 0 10px 30px;
    background-color: #fff;
    border-bottom: 1px solid #d3d3d3;
    height: 54px;
    padding: 0;
    margin-top: 20px;
    white-space: nowrap;
    overflow-x: auto;
}
.accelerated-learning-paths .menu-tabs-top::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.accelerated-learning-paths .menu-tabs-top::-webkit-scrollbar-track {
    background-color: #d3d3d3;
    border-radius: 5px;
}
.accelerated-learning-paths .menu-tabs-top::-webkit-scrollbar-thumb {
    background-color: #545454;
    border-radius: 5px;
}
@media print,screen and (min-width:64em) {
    .accelerated-learning-paths .menu-tabs-top {
        white-space: normal;
        overflow-x: inherit;
    }
}
.accelerated-learning-paths .tabs-content {
    border: none;
    background-color: #fff;
}
.accelerated-learning-paths .tabs-vertical-learning-paths {
    border: 0;
    margin-top: 10px;
    background-color: #fff;
}
.accelerated-learning-paths .tabs-vertical-learning-paths li {
    margin-bottom: 15px;
}
.accelerated-learning-paths .tabs-vertical-learning-paths a {
    color: #888;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #c1f6f0;
    border-radius: 5px;
}
.accelerated-learning-paths .tabs-vertical-learning-paths a:hover {
    background-color: #e3e3f3;
}
.accelerated-learning-paths .tabs-vertical-learning-paths .is-active {
    position: relative;
}
.accelerated-learning-paths .tabs-vertical-learning-paths .is-active:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 23px solid #3be3d1;
    position: absolute;
    left: 100%;
    top: 0;
}
.accelerated-learning-paths .tabs-vertical-learning-paths .is-active.two-line:after {
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 23px solid #3be3d1;
}
.accelerated-learning-paths .tabs-vertical-learning-paths .is-active a {
    color: #fff;
    background: #3be3d1;
    border-top-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    -moz-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
}
.accelerated-learning-paths .tabs-content-vertical-learning-paths {
    border: none!important;
    background: 0 0!important;
}
.accelerated-learning-paths .tabs-content-vertical-learning-paths .subtitle {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.accelerated-learning-paths .tabs-content-vertical-learning-paths h4 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.accelerated-learning-paths .expandable {
    max-height: 500px;
    overflow: hidden;
    position: relative;
}
.accelerated-learning-paths .expandable .expandable-overlay {
    background-color: hsla(0,0%,100%,.8);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
}
.accelerated-learning-paths .expandable .expandable-overlay .button {
    margin-top: 1rem;
}
.accelerated-learning-paths .expandable.expanded {
    max-height: none;
}
.accelerated-learning-paths .expandable.expanded .expandable-overlay {
    display: none;
}
.accelerated-learning-paths .course-card {
    margin-top: 0;
}
.accelerated-learning-paths .course-card.course-card-vertical {
    transition: all 0.1s ease-in-out;
}
.accelerated-learning-paths .course-card.course-card-vertical:hover {
    transform: scale(1.012);
}
.accelerated-learning-paths .course-card.course-card-vertical.effect-pop-hover-shadow {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.accelerated-learning-paths .course-card.course-card-vertical.effect-pop-hover-shadow:hover {
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.accelerated-learning-paths .course-card.course-card-vertical .course-description {
    padding-bottom: 15px;
}
.accelerated-learning-paths a.course-card {
    display: block;
}
.modal-info {
    max-width: 500px;
}
.modal-info .title {
    font-size: 30px;
}
.modal-info .modal-footer {
    margin-top: 20px;
    text-align: right;
}
.modal-info .modal-footer .button {
    margin: 0;
}
.modal-share-project {
    overflow: hidden;
    border: 0;
    padding: 15px;
}
.modal-share-project h1.title {
    font-size: 26px;
    padding: 0;
    margin: 0 0 20px 10px;
    border: 0;
}
.modal-share-project h3 {
    font-size: 20px;
    text-transform: uppercase;
}
.modal-share-project .share-tabs {
    border-radius: 5px;
    overflow: hidden;
}
.modal-share-project .share-tabs .tabs {
    padding-top: 5px;
    border-bottom: 0;
}
.modal-share-project .share-tabs .tabs .tabs-title {
    margin-left: 5px;
}
.modal-share-project .share-tabs .tabs .tabs-title a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-share-project .share-tabs .tabs .tabs-title a[aria-selected=true] {
    font-weight: 600;
}
.modal-share-project .share-tabs .tabs-content .share-controls {
    padding: 0 1rem;
}
.modal-share-project .project-preview {
    padding-left: 0;
}
.modal-share-project .project-preview .project-screen-shot {
    border: 0;
    background-color: #e9e9e9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 305px;
    image-rendering: pixelated;
}
.modal-share-project .project-preview .projectid {
    font-weight: 600;
    text-align: center;
}
.modal-share-project .page-sharing.community {
    padding: 0;
    margin-bottom: 20px;
}
.modal-share-project .page-sharing.community p {
    margin-left: 0;
}
.modal-share-project .page-sharing.community ol {
    margin: 0 0 1rem;
    padding-left: 13px;
}
.modal-share-project .page-sharing.community .share-form {
    margin-top: 20px;
}
.modal-share-project .share-controls .page-sharing {
    margin-bottom: 0;
}
.modal-share-project .share-controls .page-sharing a {
    margin-bottom: 5px;
}
.modal-share-project .modal-content {
    padding: 10px;
}
.modal-share-project textarea[name=embed] {
    width: 400px;
    height: 100px;
}
.tabs.vertical.light {
    background-color: transparent;
    border: 0;
    margin-top: 10px;
    text-align: center;
}
.tabs.vertical.light li {
    margin-bottom: 15px;
    margin-right: 0;
}
.tabs.vertical.light a {
    border-radius: 5px;
    color: #888;
    font-weight: 700;
    padding: 17px 10px;
}
.tabs.vertical.light a span {
    padding-left: 5px;
}
.tabs.vertical.light a:hover {
    background-color: #e3e3f3;
}
.tabs.vertical.light .is-active {
    position: relative;
    text-align: center;
}
.tabs.vertical.light .is-active a {
    background: #daedf9;
    border-top-left-radius: 5px;
    -webkit-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    -moz-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    border-bottom-left-radius: 5px;
    color: #555;
}
.tabs.vertical.light .is-active:after {
    border-bottom: 23px solid transparent!important;
    border-left: 15px solid #daedf9!important;
    border-top: 23px solid transparent!important;
}
@media print,screen and (min-width:40em) {
    .tabs.vertical.light,
    .tabs.vertical.light .is-active {
        text-align: left;
    }
    .tabs.vertical.light .is-active a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .tabs.vertical.light .is-active:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 23px solid #3be3d1;
        position: absolute;
        left: 100%;
        top: 0;
    }
    .tabs.vertical.light .is-active.two-line:after {
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 23px solid #3be3d1;
    }
}
footer .footer-top .subscribe-form input[type=submit] {
    padding-bottom: 10px;
}
a {
    text-decoration: none;
}
.h1,
h1 {
    font-size: 1.75rem;
}
.h1,
.h2,
h1,
h2 {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.h2,
h2 {
    font-size: 1.5rem;
}
.h3,
h3 {
    font-size: 1.25rem;
}
.h3,
.h4,
h3,
h4 {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.h4,
h4 {
    font-size: 1.125rem;
}
.h5,
h5 {
    font-size: 1.0625rem;
}
.h5,
.h6,
h5,
h6 {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.h6,
h6 {
    font-size: 1rem;
}
@media print,screen and (min-width:40em) {
    .h1,
    h1 {
        font-size: 2.875rem;
    }
    .h2,
    h2 {
        font-size: 1.875rem;
    }
    .h3,
    h3 {
        font-size: 1.5rem;
    }
    .h4,
    h4 {
        font-size: 1.25rem;
    }
    .h5,
    h5 {
        font-size: 1.125rem;
    }
    .h6,
    h6 {
        font-size: 1rem;
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    color: #25293a;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    line-height: 1.3;
    padding-bottom: 10px;
}
p {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
a,
p {
    font-size: 16px;
}
a {
    color: #00bcd4;
    font-weight: 500;
}
a:hover {
    color: #008fa1;
}
a:active,
a:focus {
    color: #00343b;
}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}
ul.disc-inside {
    list-style: disc inside;
}
ul.checkmark {
    list-style-type: none;
    margin: 0 0 10px;
}
ul.checkmark li {
    background-image: url("../image/typography/icn-checkmark-green.png");
    font-size: 15px;
    font-weight: 300;
    line-height: 17px;
    margin: 0 0 7px;
}
ul.checkmark li,
ul.checkmark li.blank {
    background-position: 1px 2px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
ul.checkmark li.blank {
    background-image: url("../image/typography/icn-checkmark-blank.png");
}
@media print,screen and (min-width:40em) {
    ul.checkmark-font {
        list-style: none;
    }
    ul.checkmark-font li:before {
        content: "\E087";
        font-family: IcoMoon;
        padding-right: 0.75rem;
    }
    ul.checkmark-font.checkmark-font-green li:before {
        color: #82ca6d;
    }
}
ol.progress-checklist,
ul.progress-checklist {
    list-style-type: none;
}
ol.progress-checklist li,
ul.progress-checklist li {
    color: #9c9c9c;
    margin-bottom: 1em;
}
ol.progress-checklist li:before,
ul.progress-checklist li:before {
    background-color: #fefefe;
    border-radius: 100%;
    color: #bababa;
    content: "\E087";
    display: inline-block;
    font-family: IcoMoon;
    line-height: 1.925rem;
    margin-right: 0.75rem;
    text-align: center;
    vertical-align: middle;
    width: 1.75rem;
    height: 1.75rem;
}
ol.progress-checklist li.is-complete,
ul.progress-checklist li.is-complete {
    color: #3b3b3b;
}
ol.progress-checklist li.is-complete:before,
ul.progress-checklist li.is-complete:before {
    background-color: #9c9c9c;
    color: #fefefe;
}
.flash {
    font-size: 17px;
    padding: 1rem;
    position: relative;
    text-align: center;
    height: 60px;
}
.flash.anonymous {
    margin-top: -60px;
    color: #fff;
    background-color: #52559c;
}
.flash.anonymous a.dismiss {
    color: #aaa;
    font-size: 26px;
}
.flash:after {
    border-right: 14px solid transparent;
    border-bottom: 10px solid #000;
    border-left: 14px solid transparent;
    content: "";
    display: none;
    position: absolute;
    right: 36px;
    top: -7px;
    z-index: 500;
}
.flash.flash-join {
    background-color: #fffaeb;
    transition: background-color 0.1s ease-in-out;
}
.flash.flash-join.anonymous {
    background-color: #52559c;
}
.flash.flash-join a {
    border-bottom: 1px dotted currentColor;
    font-weight: 700;
}
.flash.flash-join .label {
    animation: pulsate 2s ease-in-out;
    animation-iteration-count: infinite;
    font-weight: 600;
    display: inline-block;
}
.flash.flash-join .label.right {
    float: right;
    margin-right: 20px;
}
.flash.flash-join:after {
    border-bottom: 10px solid #fffaeb;
}
.flash.flash-secondary {
    background-color: #00bcd4;
}
.flash.flash-secondary a {
    border-bottom: 1px dotted currentColor;
    color: #fff;
    font-weight: 700;
}
.flash.flash-secondary .label {
    font-weight: 600;
    display: inline-block;
}
.flash.flash-secondary:after {
    border-bottom: 10px solid #00bcd4;
}
.flash.flash-success {
    background-color: #3adb76;
}
.flash.flash-success a {
    border-bottom: 1px dotted currentColor;
    color: inherit;
    font-weight: 700;
}
.flash.flash-success .label {
    font-weight: 600;
    display: inline-block;
}
.flash.flash-success:after {
    border-bottom: 10px solid #3adb76;
}
.flash.flash-warning {
    background-color: #ffae00;
}
.flash.flash-warning a {
    border-bottom: 1px dotted currentColor;
    color: inherit;
    font-weight: 700;
}
.flash.flash-warning .label {
    font-weight: 600;
    display: inline-block;
}
.flash.flash-warning:after {
    border-bottom: 10px solid #ffae00;
}
.flash a.dismiss {
    color: #777;
    font-size: 26px;
}
.flash a.action {
    float: right;
    margin: -7px 0 0;
}
a.flash {
    display: block;
}
a.flash:hover {
    color: #fff;
    text-decoration: underline;
}
header.header-bbc {
    height: 60px;
}
header.header-bbc.is-stuck {
    background-color: #fff;
}
header.header-bbc .off-canvas-toggle a {
    line-height: 60px;
}
header.header-bbc .logo {
    white-space: nowrap;
}
header.header-bbc .logo a {
    display: inline-block;
    line-height: 60px;
}
header.header-bbc .logo a img {
    height: 38px;
    max-width: 215px;
}
header.header-bbc .logo .logo-account-type {
    color: #f79711;
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    vertical-align: bottom;
}
header.header-bbc .logo-tagless {
    height: 60px;
    line-height: 60px;
}
header.header-bbc .logo-img {
    height: 50px;
    max-width: 148px;
}
@media print,screen and (min-width:40em) {
    header.header-bbc .logo-img {
        height: 42px;
        max-width: 124px;
    }
}
header.header-bbc .logo-tagless .logo-img,
header.header-bbc .logo-tagless a img {
    height: 30px;
    vertical-align: text-bottom;
}
header.header-bbc a.header-button {
    color: #fff!important;
}
header.header-bbc a.header-button.border:hover {
    background-color: #82ca6d;
    border-color: #82ca6d;
    color: #fff!important;
}
header.header-bbc .header-cart {
    color: #fff;
}
header.header-bbc.is-stuck .header-cart {
    color: #82ca6d;
}
header.header-bbc nav ul {
    margin-bottom: 0;
}
header.header-bbc nav ul li {
    display: inline-block;
    text-transform: uppercase;
    line-height: 58px;
}
header.header-bbc nav ul li.right {
    float: right;
}
header.header-bbc nav ul li > a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
}
header.header-bbc nav ul li a.button.hollow.button-join {
    border-color: #82ca6d;
    color: #82ca6d;
}
header.header-bbc nav ul li a.button.hollow.button-join:hover {
    background-color: #82ca6d;
    color: #fff;
}
header.header-bbc nav ul li a.button.parent-top-nav-sale {
    color: #fff;
}
header.header-bbc nav ul li a.header-avatar {
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
}
header.header-bbc nav ul li a.header-avatar img {
    background-color: #f5f6f7;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
header.header-bbc nav ul li:hover > a.header-avatar {
    background: 0 0;
    color: #82ca6d;
}
header.header-bbc nav ul li:hover > a.header-avatar img {
    background-color: #82ca6d;
}
header.header-bbc nav ul li a.header-cart .header-cart__item-count {
    font-weight: 400;
}
header.header-bbc nav ul li.has-nav-menu {
    position: relative;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    position: absolute;
    right: 12px;
    top: 54px;
    z-index: 1000;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu:before {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.2);
    content: "";
    display: inline-block;
    position: absolute;
    right: 9px;
    top: -7px;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu:after {
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -6px;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li a {
    border-radius: 0;
    color: #596267;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    min-width: 120px;
    padding: 2px 14px 0;
    position: relative;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li a:hover {
    background-color: #f4f4f4;
    color: #596267;
    display: block;
    width: 100%;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li a:hover.info {
    background-color: transparent;
    color: #aaa;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li {
    display: block;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li:first-of-type a {
    border-top-radius: 3px;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li:last-of-type a {
    border-bottom-radius: 3px;
}
header.header-bbc nav ul li.has-nav-menu .nav-menu li.separator {
    border-bottom: 1px solid #ccc;
}
header.header-bbc nav ul li.has-nav-menu:hover .nav-menu {
    display: block;
}
header.header-bbc nav ul li.has-button {
    line-height: 60px;
}
header.header-bbc nav ul li.has-button > a.button {
    border-width: 2px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}
header.header-bbc nav ul li.has-button > a.button.round {
    border-radius: 20px;
}
header.header-bbc nav ul li.has-button > a.button.dual-cta-hack {
    margin-left: 1rem;
}
header.header-bbc nav.nav-rolling {
    height: 60px;
}
header.header-bbc nav.nav-rolling ul > li > .nav-menu > img {
    display: none;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu > li > a img {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-bbc nav.nav-rolling ul {
        line-height: 60px;
    }
    header.header-bbc nav.nav-rolling ul > li > a {
        font-weight: 700;
        min-width: 115px;
        padding: 0 10px;
        text-align: center;
    }
    header.header-bbc nav.nav-rolling ul > li > a.button {
        font-size: 12px;
        font-weight: 400;
        padding: 4px 24px;
    }
    header.header-bbc nav.nav-rolling ul > li > a.header-avatar {
        font-weight: 400;
    }
    header.header-bbc nav.nav-rolling ul > li:hover > a:not(.button) {
        background-color: transparent;
        color: #82ca6d;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        display: block;
        height: 0;
        overflow: hidden;
        z-index: -1;
        border: none;
        border-radius: 0;
        background-color: #9078c6;
        background: linear-gradient(190deg,#aa92e0,#7f6dad);
        text-align: center;
        transition: height 0.5s ease;
        margin: 0;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li {
        display: inline-block;
        background: linear-gradient(20deg,#8774b6,rgba(127,109,173,0));
        border-radius: 5px;
        margin: 5px;
        padding: 15px;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover {
        background-color: hsla(0,0%,100%,.3);
        -moz-box-shadow: 2px 2px 14px -3px #292929;
        -webkit-box-shadow: 2px 2px 14px -3px #292929;
        box-shadow: 2px 2px 14px -3px #292929;
        transform: scale(2%);
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover > a {
        font-weight: 600;
        background-color: none;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover > a img {
        transform: scale(1.04);
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a {
        color: #fff;
        font-weight: 600;
        padding: 0;
        text-align: center;
        background: 0 0;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a img {
        display: block;
        margin: 0 auto;
        max-height: 80px;
    }
}
@media screen and (min-width:64em) and (min-width:40em) and (max-width:63.9375em) {
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a img {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li.default {
        background: linear-gradient(20deg,#8774b6,rgba(160,140,210,0));
        width: 190px;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li.default > a {
        font-size: 15px;
        font-weight: 700;
    }
}
@media print,screen and (min-width:64em) {
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu:hover > a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 10px solid #9078c6;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu:hover > a.header-avatar:after {
        display: none;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu:not(.user-settings) {
        height: 170px;
        z-index: 5;
        padding: 10px 0;
        margin: 0;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu.cart-preview {
        height: auto;
        text-transform: none;
        position: absolute;
        width: 230px;
    }
    header.header-bbc nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu.cart-preview p {
        color: #fff;
        text-transform: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-bbc nav.nav-rolling ul > li.highlighted > a {
        font-size: 18px;
    }
}
header.header-bbc nav ul li.show-when-stuck {
    display: none;
}
header.header-new-app {
    background-color: #fff;
    box-shadow: inset 0 1px #fff,0 0 2px rgba(34,25,25,.4);
    height: 60px;
    position: relative;
    z-index: 100;
}
header.header-new-app .header-content {
    position: relative;
}
header.header-new-app .header-content .hamburger {
    z-index: 10;
    height: 60px;
    position: absolute;
    top: 0;
    left: 15px;
}
@media print,screen and (min-width:40em) {
    header.header-new-app .header-content .hamburger {
        display: none;
    }
}
header.header-new-app .header-content .hamburger a {
    background: url("../image/ui/icn-hamburger.png") no-repeat 50%;
    display: inline-block;
    height: 60px;
    width: 23px;
    height: 17px;
}
header.header-new-app .header-content .logo {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
@media print,screen and (min-width:40em) {
    header.header-new-app .header-content .logo {
        text-align: left;
    }
}
header.header-new-app .header-content .logo a {
    background: url("../image/tynker-byjus-logo-big.png") no-repeat 50%;
    display: inline-block;
    height: 32px;
    max-width: 154px;
    width: 100%;
    margin-top: 7px;
    background-size: contain;
}
@media print,screen and (min-width:40em) {
    header.header-new-app .header-content .logo a {
        margin-left: 30px;
    }
}
header.header-new-app .header-content .nav {
    position: absolute;
    top: 0;
    right: 30px;
    text-align: right;
    display: none;
}
@media print,screen and (min-width:40em) {
    header.header-new-app .header-content .nav {
        display: inline-block;
    }
}
header.header-new-app .header-content .nav > li {
    display: inline-block;
    line-height: 47px;
}
header.header-new-app .header-content .nav > li > a.nav__item__link {
    color: #222;
    display: inline-block;
    font-size: 43px;
    font-weight: 400;
    padding: 1px 6px;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 48px;
}
@media print,screen and (min-width:64em) {
    header.header-new-app .header-content .nav > li > a.nav__item__link {
        font-size: 15px;
        padding: 1px 14px;
    }
}
header.header-new-app .header-content .nav > li > a.nav__item__link:hover {
    color: #fff;
    background-color: #82ca6d;
}
header.header-new-app .header-content .nav > li > a.nav__item__button {
    margin-bottom: 0;
}
header.header-new-app .header-content .nav > li > a.nav__item__avatar {
    color: #222;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px;
    vertical-align: middle;
}
header.header-new-app .header-content .nav > li > a.nav__item__avatar span.avatar img {
    background-color: #f5f6f7;
    border-radius: 50%;
    display: inline-block;
    height: 48px;
    margin-left: 5px;
    margin-top: 1px;
    width: 48px;
}
header.header-new-app .header-content .nav > li > a.nav__item__avatar:hover {
    color: #82ca6d;
}
header.header-new-app .header-content .nav > li > a.nav__item__avatar:hover span.avatar img {
    background-color: #82ca6d;
}
header.header-new-app .header-content .nav > li > .dropdown-pane.dashboard-account-parent {
    background-color: #fff;
    border: 0;
    box-shadow: 1px 2px 1px 1px rgba(0,0,0,.1);
    left: calc(100% - 260px)!important;
    padding: 30px;
    position: absolute;
    top: 50px!important;
    width: 260px;
}
header.header-new-app .header-content .nav > li.active > a {
    color: #82ca6d;
    font-weight: 600;
    font-size: 16px;
}
header.header-new-app .header-content .nav > li.active > a:hover {
    color: #fff;
}
header.header-new-app .header-content .nav > li.highlighted {
    border-left: 1px solid #e0e0e0;
    padding-left: 10px;
}
header.header-new-app .header-content .nav > li.nav-menu .drop-down-menu {
    top: 75px;
}
header.header-new-app .header-content .nav > li {
    line-height: 24px;
    position: relative;
}
header.header-new-app .header-content .nav > li .avatar {
    height: 48px;
    width: 48px;
}
header.header-new-app-2 {
    background-color: #fff;
    box-shadow: inset 0 1px #fff,0 0 2px rgba(34,25,25,.4);
    height: 60px;
    position: relative;
    z-index: 100;
}
header.header-new-app-2 .header-content {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
header.header-new-app-2 .header-content:after,
header.header-new-app-2 .header-content:before {
    display: table;
    content: " ";
}
header.header-new-app-2 .header-content:after {
    clear: both;
}
header.header-new-app-2 .header-content .hamburger {
    width: 16.6666666667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    height: 60px;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .hamburger {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
header.header-new-app-2 .header-content .hamburger:last-child:not(:first-child) {
    float: right;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .hamburger {
        display: none;
    }
}
header.header-new-app-2 .header-content .hamburger a {
    background-image: url("../image/ui/icn-hamburger.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
    height: 60px;
    width: 30px;
}
header.header-new-app-2 .header-content .logo {
    display: block;
    height: 100%;
    text-align: center;
    width: 66.6666666667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
header.header-new-app-2 .header-content .logo a {
    background-image: url("../image/tynker-byjus-logo-big.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 32px;
    max-width: 154px;
    width: 100%;
    margin-top: 7px;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .logo {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
header.header-new-app-2 .header-content .logo:last-child:not(:first-child) {
    float: right;
}
header.header-new-app-2 .header-content .logo:last-child:last-child {
    float: left;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .logo {
        width: 25%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-left: 0;
        text-align: left;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    header.header-new-app-2 .header-content .logo {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .logo:last-child:not(:first-child) {
        float: right;
    }
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .logo:last-child:last-child {
        float: left;
    }
}
header.header-new-app-2 .header-content .nav {
    text-align: right;
    display: none;
}
header.header-new-app-2 .header-content .nav > li {
    display: inline-block;
    line-height: 47px;
}
header.header-new-app-2 .header-content .nav > li > a.nav__item__link {
    color: #222;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 1px 6px;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 48px;
}
@media print,screen and (min-width:64em) {
    header.header-new-app-2 .header-content .nav > li > a.nav__item__link {
        font-size: 15px;
        padding: 1px 14px;
    }
}
header.header-new-app-2 .header-content .nav > li > a.nav__item__link:hover {
    color: #fff;
    background-color: #82ca6d;
}
header.header-new-app-2 .header-content .nav > li > a.nav__item__button {
    margin-bottom: 0;
}
header.header-new-app-2 .header-content .nav > li > a.nav__item__avatar {
    display: inline-block;
    vertical-align: middle;
}
header.header-new-app-2 .header-content .nav > li > .dropdown-pane.dashboard-account-parent {
    background-color: #fff;
    border: 0;
    box-shadow: 1px 2px 1px 1px rgba(0,0,0,.1);
    left: calc(100% - 260px)!important;
    padding: 30px;
    position: absolute;
    top: 50px!important;
    width: 260px;
}
header.header-new-app-2 .header-content .nav > li.active > a {
    color: #82ca6d;
    font-weight: 600;
}
header.header-new-app-2 .header-content .nav > li.active > a:hover {
    color: #fff;
}
header.header-new-app-2 .header-content .nav > li.highlighted {
    border-left: 1px solid #e0e0e0;
    padding-left: 10px;
}
header.header-new-app-2 .header-content .nav > li.nav-menu .drop-down-menu {
    top: 75px;
}
header.header-new-app-2 .header-content .nav span.avatar img {
    display: inline-block;
    height: 48px;
    width: 48px;
    margin-top: 1px;
}
header.header-new-app-2 .header-content .nav > li {
    line-height: 24px;
    position: relative;
}
header.header-new-app-2 .header-content .nav > li .avatar {
    height: 48px;
    width: 48px;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .nav {
        display: block;
        width: 75%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    header.header-new-app-2 .header-content .nav {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    header.header-new-app-2 .header-content .nav:last-child:not(:first-child) {
        float: right;
    }
}
header.header-new-app-3 {
    background-color: #fff;
    box-shadow: inset 0 1px #fff,0 0 2px rgba(34,25,25,.4);
    height: 60px;
}
header.header-new-app-3 .off-canvas-toggle a {
    line-height: 60px;
}
header.header-new-app-3 .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    white-space: nowrap;
}
@media print,screen and (min-width:64em) {
    header.header-new-app-3 .logo {
        justify-content: start;
    }
}
header.header-new-app-3 .logo .logo-img {
    max-width: 100px;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-3 .logo .logo-img {
        max-width: 170px;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-3 .logo .logo-img {
        margin-top: -10px;
    }
}
header.header-new-app-3 .logo .logo-account-type {
    color: #f79711;
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    vertical-align: bottom;
}
header.header-new-app-3 .header-cart {
    color: #82ca6d;
}
header.header-new-app-3 nav ul {
    margin-bottom: 0;
}
header.header-new-app-3 nav ul li {
    display: inline-block;
    text-transform: uppercase;
    line-height: 60px;
}
header.header-new-app-3 nav ul li.right {
    float: right;
}
header.header-new-app-3 nav ul li[class*=nav-item-]:not(:last-child) {
    margin-right: 1rem;
}
header.header-new-app-3 nav ul li > a {
    color: #7d7d7d;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 1;
    padding: 0.5rem;
    transition: all 0.125s linear;
}
header.header-new-app-3 nav ul li:hover > a:not(.button) {
    background-color: hsla(0,0%,100%,.25);
    border-color: currentColor;
    color: #7d7d7d;
}
header.header-new-app-3 nav ul li a.button.hollow.button-join {
    border-color: #82ca6d;
    color: #82ca6d;
}
header.header-new-app-3 nav ul li a.button.hollow.button-join:hover {
    background-color: #82ca6d;
    color: #fff;
}
header.header-new-app-3 nav ul li a.button.parent-top-nav-sale {
    color: #fff;
}
header.header-new-app-3 nav ul li a.header-avatar {
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
}
header.header-new-app-3 nav ul li a.header-avatar img {
    background-color: #f5f6f7;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
header.header-new-app-3 nav ul li:hover > a.header-avatar {
    background: 0 0;
    color: #82ca6d;
}
header.header-new-app-3 nav ul li:hover > a.header-avatar img {
    background-color: #82ca6d;
}
header.header-new-app-3 nav ul li a.header-cart .header-cart__item-count {
    font-weight: 400;
}
header.header-new-app-3 nav ul li .icon-gamepad {
    margin-top: -.25em;
    margin-right: 0.5rem;
    margin-left: 0.25rem;
    transform: scale(150%);
}
header.header-new-app-3 nav ul li .icon-gift {
    margin-top: -.25em;
    animation: shake 1.25s cubic-bezier(.36,.07,.19,.97) both;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}
header.header-new-app-3 nav ul li.active {
    position: relative;
}
header.header-new-app-3 nav ul li.active:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
    left: 0;
    border-bottom: 3px solid #82ca6d;
    transition: all 0.125s linear;
}
header.header-new-app-3 nav ul li.active:hover:before {
    border-bottom-color: transparent;
}
header.header-new-app-3 nav ul li.has-nav-menu {
    position: relative;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    margin-left: 0;
    opacity: 0;
    padding: 0.25rem;
    position: absolute;
    top: 54px;
    right: auto;
    left: 50%;
    text-align: center;
    transition: opacity 0.125s linear;
    transform: translateX(-50%);
    z-index: 1000;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li a {
    border: 0;
    border-radius: 4px;
    color: #596267;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    min-width: 120px;
    padding: 2px 14px 0;
    position: relative;
    text-transform: none;
    white-space: nowrap;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li a:hover {
    background-color: #f4f4f4;
    color: #596267;
    display: block;
    width: 100%;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li a:hover.info {
    background-color: transparent;
    color: #aaa;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li {
    display: block;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li:first-of-type a {
    border-top-radius: 3px;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li:last-of-type a {
    border-bottom-radius: 3px;
}
header.header-new-app-3 nav ul li.has-nav-menu .nav-menu li.separator {
    border-bottom: 1px solid #ccc;
}
header.header-new-app-3 nav ul li.has-nav-menu:hover .nav-menu {
    display: block;
    opacity: 1;
}
header.header-new-app-3 nav ul li.highlighted > a {
    font-size: 16px;
}
header.header-new-app-3 nav ul li.has-button {
    line-height: 60px;
}
header.header-new-app-3 nav ul li.has-button > a.button {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}
header.header-new-app-3 nav ul li.has-button > a.button.round {
    border-radius: 20px;
}
header.header-new-app-3 nav ul li.has-button > a.button.dual-cta-hack {
    margin-left: 1rem;
}
header.header-new-app-3 nav ul li.nav-flash {
    float: right;
    text-transform: none;
}
header.header-new-app-3 nav.nav-rolling {
    height: 60px;
}
header.header-new-app-3 nav.nav-rolling ul > li > .nav-menu > img {
    display: none;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu > li > a img {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-3 nav.nav-rolling ul {
        line-height: 60px;
    }
    header.header-new-app-3 nav.nav-rolling ul > li > a {
        font-weight: 700;
        min-width: 115px;
        padding: 0 10px;
        text-align: center;
    }
    header.header-new-app-3 nav.nav-rolling ul > li > a.button {
        font-size: 12px;
        font-weight: 400;
        padding: 4px 24px;
    }
    header.header-new-app-3 nav.nav-rolling ul > li > a.header-avatar {
        font-weight: 400;
    }
    header.header-new-app-3 nav.nav-rolling ul > li:hover > a:not(.button) {
        background-color: transparent;
        color: #82ca6d;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        display: block;
        height: 0;
        overflow: hidden;
        z-index: -1;
        border: none;
        border-radius: 0;
        background-color: #9078c6;
        background: linear-gradient(190deg,#aa92e0,#7f6dad);
        text-align: center;
        transition: height 0.5s ease;
        margin: 0;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li {
        display: inline-block;
        background: linear-gradient(20deg,#8774b6,rgba(127,109,173,0));
        border-radius: 5px;
        margin: 5px;
        padding: 15px;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover {
        background-color: hsla(0,0%,100%,.3);
        -moz-box-shadow: 2px 2px 14px -3px #292929;
        -webkit-box-shadow: 2px 2px 14px -3px #292929;
        box-shadow: 2px 2px 14px -3px #292929;
        transform: scale(2%);
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover > a {
        font-weight: 600;
        background-color: none;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover > a img {
        transform: scale(1.04);
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a {
        color: #fff;
        font-weight: 600;
        padding: 0;
        text-align: center;
        background: 0 0;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a img {
        display: block;
        margin: 0 auto;
        max-height: 80px;
    }
}
@media screen and (min-width:64em) and (min-width:40em) and (max-width:63.9375em) {
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a img {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li.default {
        background: linear-gradient(20deg,#8774b6,rgba(160,140,210,0));
        width: 190px;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li.default > a {
        font-size: 15px;
        font-weight: 700;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu:hover > a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 10px solid #9078c6;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu:hover > a.header-avatar:after {
        display: none;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu:not(.user-settings) {
        height: 170px;
        z-index: 5;
        padding: 10px 0;
        margin: 0;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu.cart-preview {
        height: auto;
        text-transform: none;
        position: absolute;
        width: 230px;
    }
    header.header-new-app-3 nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu.cart-preview p {
        color: #fff;
        text-transform: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-3 nav.nav-rolling ul > li.highlighted > a {
        font-size: 16px;
    }
}
header.header-new-app-4 {
    height: 60px;
}
header.header-new-app-4 .off-canvas-toggle a {
    line-height: 60px;
}
header.header-new-app-4 .logo {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}
@media print,screen and (min-width:64em) {
    header.header-new-app-4 .logo {
        justify-content: start;
    }
}
header.header-new-app-4 .logo .logo-img {
    max-width: 100px;
}
@media print,screen and (min-width:40em) {
    header.header-new-app-4 .logo .logo-img {
        max-width: 170px;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-4 .logo .logo-img {
        margin-top: -10px;
    }
}
header.header-new-app-4 .logo .logo-account-type {
    color: #f79711;
    font-size: 11px;
    font-weight: 500;
    line-height: 30px;
    vertical-align: bottom;
}
header.header-new-app-4 a.header-button {
    color: #fff!important;
}
header.header-new-app-4 a.header-button.border:hover {
    background-color: #82ca6d;
    border-color: #82ca6d;
    color: #fff!important;
}
header.header-new-app-4 .header-cart {
    color: #fff;
}
header.header-new-app-4.is-stuck .header-cart {
    color: #82ca6d;
}
header.header-new-app-4 nav ul {
    margin-bottom: 0;
}
header.header-new-app-4 nav ul li {
    display: inline-block;
    text-transform: uppercase;
    line-height: 60px;
}
header.header-new-app-4 nav ul li.right {
    float: right;
}
header.header-new-app-4 nav ul li[class*=nav-item-]:not(:last-child) {
    margin-right: 1rem;
}
header.header-new-app-4 nav ul li > a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 1;
    padding: 0.5rem;
    transition: all 0.125s linear;
}
header.header-new-app-4 nav ul li:hover > a:not(.button) {
    background-color: hsla(0,0%,100%,.25);
    border-color: currentColor;
    color: #fff;
}
header.header-new-app-4 nav ul li a.button.hollow.button-join {
    border-color: #82ca6d;
    color: #82ca6d;
}
header.header-new-app-4 nav ul li a.button.hollow.button-join:hover {
    background-color: #82ca6d;
    color: #fff;
}
header.header-new-app-4 nav ul li a.button.parent-top-nav-sale {
    color: #fff;
}
header.header-new-app-4 nav ul li a.header-avatar {
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
}
header.header-new-app-4 nav ul li a.header-avatar img {
    background-color: #f5f6f7;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}
header.header-new-app-4 nav ul li:hover > a.header-avatar {
    background: 0 0;
    color: #82ca6d;
}
header.header-new-app-4 nav ul li:hover > a.header-avatar img {
    background-color: #82ca6d;
}
header.header-new-app-4 nav ul li a.header-cart .header-cart__item-count {
    font-weight: 400;
}
header.header-new-app-4 nav ul li .icon-gamepad {
    margin-top: -.25em;
    margin-right: 0.5rem;
    margin-left: 0.25rem;
    transform: scale(150%);
}
header.header-new-app-4 nav ul li .icon-gift {
    margin-top: -.25em;
    animation: shake 1.25s cubic-bezier(.36,.07,.19,.97) both;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}
header.header-new-app-4 nav ul li.active:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0.5rem;
    left: 0;
    border-bottom: 3px solid #82ca6d;
    transition: all 0.125s linear;
}
header.header-new-app-4 nav ul li.active:hover:before {
    border-bottom-color: transparent;
}
header.header-new-app-4 nav ul li.has-nav-menu {
    position: relative;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    margin-left: 0;
    opacity: 0;
    padding: 0.25rem;
    position: absolute;
    top: 54px;
    right: auto;
    left: 50%;
    text-align: center;
    transition: opacity 0.125s linear;
    transform: translateX(-50%);
    z-index: 1000;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li a {
    border: 0;
    border-radius: 4px;
    color: #596267;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    min-width: 140px;
    padding: 2px 14px 0;
    position: relative;
    text-transform: none;
    white-space: nowrap;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li a:hover {
    background-color: #e8e8e8;
    color: #596267;
    display: block;
    width: 100%;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li a:hover.info {
    background-color: transparent;
    color: #aaa;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li {
    display: block;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li:first-of-type a {
    border-top-radius: 3px;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li:last-of-type a {
    border-bottom-radius: 3px;
}
header.header-new-app-4 nav ul li.has-nav-menu .nav-menu li.separator {
    border-bottom: 1px solid #ccc;
}
header.header-new-app-4 nav ul li.has-nav-menu:hover .nav-menu {
    display: block;
    opacity: 1;
}
header.header-new-app-4 nav ul li.highlighted > a {
    font-size: 16px;
}
header.header-new-app-4 nav ul li.has-button {
    line-height: 60px;
}
header.header-new-app-4 nav ul li.has-button > a.button {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}
header.header-new-app-4 nav ul li.has-button > a.button.round {
    border-radius: 20px;
}
header.header-new-app-4 nav ul li.has-button > a.button.dual-cta-hack {
    margin-left: 1rem;
}
header.header-new-app-4 nav.nav-rolling {
    height: 60px;
}
header.header-new-app-4 nav.nav-rolling ul > li > .nav-menu > img {
    display: none;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu > li > a img {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-4 nav.nav-rolling ul {
        line-height: 60px;
    }
    header.header-new-app-4 nav.nav-rolling ul > li > a {
        font-weight: 700;
        min-width: 115px;
        padding: 0 10px;
        text-align: center;
    }
    header.header-new-app-4 nav.nav-rolling ul > li > a.button {
        font-size: 12px;
        font-weight: 400;
        padding: 4px 24px;
    }
    header.header-new-app-4 nav.nav-rolling ul > li > a.header-avatar {
        font-weight: 400;
    }
    header.header-new-app-4 nav.nav-rolling ul > li:hover > a:not(.button) {
        background-color: transparent;
        color: #82ca6d;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        display: block;
        height: 0;
        overflow: hidden;
        z-index: -1;
        border: none;
        border-radius: 0;
        background-color: #9078c6;
        background: linear-gradient(190deg,#aa92e0,#7f6dad);
        text-align: center;
        transition: height 0.5s ease;
        margin: 0;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li {
        display: inline-block;
        background: linear-gradient(20deg,#8774b6,rgba(127,109,173,0));
        border-radius: 5px;
        margin: 5px;
        padding: 15px;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover {
        background-color: hsla(0,0%,100%,.3);
        -moz-box-shadow: 2px 2px 14px -3px #292929;
        -webkit-box-shadow: 2px 2px 14px -3px #292929;
        box-shadow: 2px 2px 14px -3px #292929;
        transform: scale(2%);
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover > a {
        font-weight: 600;
        background-color: none;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li:hover > a img {
        transform: scale(1.04);
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a {
        color: #fff;
        font-weight: 600;
        padding: 0;
        text-align: center;
        background: 0 0;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a img {
        display: block;
        margin: 0 auto;
        max-height: 80px;
    }
}
@media screen and (min-width:64em) and (min-width:40em) and (max-width:63.9375em) {
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li > a img {
        display: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li.default {
        background: linear-gradient(20deg,#8774b6,rgba(160,140,210,0));
        width: 190px;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu .nav-menu:not(.user-settings) > li.default > a {
        font-size: 15px;
        font-weight: 700;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu:hover > a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 10px solid #9078c6;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu:hover > a.header-avatar:after {
        display: none;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu:not(.user-settings) {
        height: 170px;
        z-index: 5;
        padding: 10px 0;
        margin: 0;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu.cart-preview {
        height: auto;
        text-transform: none;
        position: absolute;
        width: 230px;
    }
    header.header-new-app-4 nav.nav-rolling ul > li.has-nav-menu:hover > .nav-menu.cart-preview p {
        color: #fff;
        text-transform: none;
    }
}
@media print,screen and (min-width:64em) {
    header.header-new-app-4 nav.nav-rolling ul > li.highlighted > a {
        font-size: 16px;
    }
}
header.header-new-app-3 nav ul li.show-when-stuck {
    display: none;
}
header.hero-offset {
    background-color: transparent;
    box-shadow: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}
header.hero-offset.sticky.is-anchored {
    position: absolute;
}
header.hero-offset.sticky.is-stuck {
    background-color: #fff;
    box-shadow: inset 0 1px #fff,0 0 2px rgba(34,25,25,.4);
}
.sticky-container.hero-offset {
    position: absolute;
    width: 100%;
}
header a.header-button {
    background-color: transparent;
    color: #7d7d7d!important;
    padding: 0.5rem!important !important;
}
header a.header-button:hover {
    background-color: #82ca6d;
    color: #fff!important;
}
header a.header-button.border {
    border: 1px solid;
}
header a.header-button.border:hover {
    border-color: #82ca6d!important;
}
header a.header-button.join {
    border: 1px solid;
    color: #ff8d1a!important;
}
header a.header-button.join:hover {
    background-color: #ff8d1a;
    border-color: #ff8d1a!important;
    color: #fff!important;
}
header .show-when-stuck {
    display: none;
}
header.sticky {
    z-index: 1;
}
header.sticky.is-stuck {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
}
header.sticky.is-stuck .hide-when-stuck {
    display: none;
}
header.sticky.is-stuck .show-when-stuck {
    display: block;
}
header.sticky.is-stuck .show-for-small-when-stuck {
    display: block!important;
}
header.sticky.is-stuck .hide-for-small-when-stuck {
    display: none;
}
header.sticky.is-stuck .small-4-when-stuck {
    width: 33.3333333333%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    header.sticky.is-stuck .small-4-when-stuck {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
header.sticky.is-stuck .small-4-when-stuck:last-child:not(:first-child) {
    float: right;
}
header.sticky.is-stuck .small-6-when-stuck {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    header.sticky.is-stuck .small-6-when-stuck {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
header.sticky.is-stuck .small-6-when-stuck:last-child:not(:first-child) {
    float: right;
}
header.sticky.is-stuck .small-8-when-stuck {
    width: 66.6666666667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    header.sticky.is-stuck .small-8-when-stuck {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
header.sticky.is-stuck .small-8-when-stuck:last-child:not(:first-child) {
    float: right;
}
.with-minecraft .image-button {
    margin-bottom: 1rem;
}
.with-minecraft .image-button .image-container .image {
    height: 190px;
    width: 100%;
    object-fit: cover;
}
.with-minecraft .section-hero {
    background-color: #e0e4f0;
    background-image: url("../image/learn-to-code/with-minecraft/bg-hero-mc-blue-clouds.jpg");
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
}
@media print,screen and (min-width:40em) {
    .with-minecraft .section-hero .section-hero-character .mc-characters {
        width: 500px;
        max-width: none;
    }
}
.with-minecraft .section-hero .section-hero-content {
    padding-bottom: 20px;
}
.with-minecraft .section-hero h1 {
    line-height: 1.2;
}
@media print,screen and (min-width:64em) {
    .with-minecraft .section-hero {
        background-position-x: center;
        background-position-y: top;
    }
}
@media print,screen and (min-width:64em) {
    .with-minecraft .section-minecraft-ee .cards {
        background-image: url("../image/learn-to-code/with-minecraft/graphic-school.png");
        background-position: 100% 0;
        background-repeat: no-repeat;
        background-size: 55%;
    }
}
.with-minecraft .section-minecraft-ee .cards .card .card-details .card-name,
.with-minecraft .section-minecraft-home .card .card-details .card-name {
    color: #0a0a0a;
}
.with-minecraft .section-mc-corner-graphic-bg {
    background-color: #fff;
    background-image: url("../image/learn-to-code/with-minecraft/bg-mc-corner-graphic.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.with-minecraft .section-mc-teal-bg {
    background-image: url("../image/learn-to-code/with-minecraft/bg-large-mc-teal.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.with-minecraft .section-mc-teal-bg h1,
.with-minecraft .section-mc-teal-bg h2,
.with-minecraft .section-mc-teal-bg h3,
.with-minecraft .section-mc-teal-bg h4,
.with-minecraft .section-mc-teal-bg h5,
.with-minecraft .section-mc-teal-bg h6,
.with-minecraft .section-mc-teal-bg p {
    color: #fff;
}
.with-minecraft .section-mc-lab-bg {
    background-image: url("../image/learn-to-code/with-minecraft/bg-large-mc-lab.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.with-minecraft .section-mc-lab-bg h1,
.with-minecraft .section-mc-lab-bg h2,
.with-minecraft .section-mc-lab-bg h3,
.with-minecraft .section-mc-lab-bg h4,
.with-minecraft .section-mc-lab-bg h5,
.with-minecraft .section-mc-lab-bg h6,
.with-minecraft .section-mc-lab-bg p,
.with-minecraft .section-mc-lab-bg ul {
    color: #fff;
}
.with-minecraft .section-mc-boxes-bg {
    background-image: url("../image/learn-to-code/with-minecraft/bg-mc-boxes.jpg");
    background-repeat-y: no-repeat;
}
.with-minecraft .section-mc-boxes-bg .card {
    padding: 1rem;
}
.with-minecraft .section-mc-boxes-bg .card h3 {
    font-size: 20px;
    font-weight: 600;
}
.with-minecraft .section-mc-boxes-bg .card.card-coming-soon {
    position: relative;
}
.with-minecraft .section-mc-boxes-bg .card.card-coming-soon:before {
    background-image: url("../image/learn-to-code/with-minecraft/card-coming-soon.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 84px;
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
}
.with-minecraft .rollover-effect {
    transition: all 0.1s ease-in-out;
}
.with-minecraft .rollover-effect:hover {
    transform: scale(1.012);
}
.with-minecraft .rollover-effect.effect-pop-hover-shadow {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.with-minecraft .rollover-effect.effect-pop-hover-shadow:hover {
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
@media print,screen and (min-width:64em) {
    .with-minecraft .card.card-minecraft-edition {
        min-height: 326px;
    }
}
.with-minecraft .card.card-minecraft-edition h3 {
    height: 70px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    clear: both;
}
.with-minecraft .resources h5 {
    font-family: Open Sans;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 0;
}
.with-minecraft .resources a {
    font-size: 16px;
}
.with-minecraft .resources .resources-thumb {
    height: 150px;
    padding-bottom: 20px;
}
.with-minecraft .resources .resources-thumb img {
    padding-top: 25px;
}
.virtual-coding-camps {
    background-color: #fff;
}
.virtual-coding-camps .virtual-coding-camps-hero {
    background-color: #3da886;
    background-image: url("/images/live-coding/virtual-coding-camps/graphic-hero.png),url(../image/waves/swoosh-lower-condensed-white.svg),linear-gradient(90deg,#3da886 15%,#1e886c 85%");
    background-position: bottom 2rem center,bottom -2px center,50%;
    background-repeat: no-repeat;
    background-size: 21.25rem,125% 3rem,cover;
    padding-top: 2rem;
    padding-bottom: 12.5rem;
}
.virtual-coding-camps .virtual-coding-camps-hero .page-hero__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.parent-dashboard-courses-sem .virtual-coding-camps .virtual-coding-camps-hero {
    background-size: 21.25rem,0 0,cover;
}
.parent-dashboard-courses-sem .virtual-coding-camps .virtual-coding-camps-hero .button-group {
    display: none!important;
}
.virtual-coding-camps .virtual-coding-camps-hero .button-group .button.secondary:focus,
.virtual-coding-camps .virtual-coding-camps-hero .button-group .button.secondary:hover {
    background-color: #00bcd4;
    color: #fefefe;
}
.virtual-coding-camps .virtual-coding-camps-hero .tab-new-badge {
    background-color: #fbdd33;
    border-radius: 1em;
    color: #25293a;
    font-size: 0.75rem;
    padding: 0.4em 0.6em;
    position: absolute;
    top: -1rem;
    right: 1rem;
    text-transform: uppercase;
}
@media print,screen and (min-width:40em) {
    .virtual-coding-camps .virtual-coding-camps-hero {
        background-position: center right 1rem,bottom -2px center,50%;
        background-size: 40%,125% 3rem,cover;
        padding-bottom: 2rem;
    }
    .parent-dashboard-courses-sem .virtual-coding-camps .virtual-coding-camps-hero {
        background-size: 40%,0 0,cover;
        padding-top: 4rem;
    }
}
@media print,screen and (min-width:64em) {
    .virtual-coding-camps .virtual-coding-camps-hero {
        background-image: url("/images/live-coding/virtual-coding-camps/graphic-hero@2x.png),url(../image/waves/swoosh-lower-condensed-white.svg),linear-gradient(90deg,#3da886 15%,#1e886c 85%");
        background-position: top 50% left calc(50% + 250px),bottom -2px center,50%;
        background-size: 31.25rem,125% 3rem,cover;
        padding-bottom: 4rem;
    }
    .parent-dashboard-courses-sem .virtual-coding-camps .virtual-coding-camps-hero {
        background-size: 31.25rem,0 0,cover;
    }
}
@media screen and (min-width:75em) {
    .virtual-coding-camps .virtual-coding-camps-hero {
        background-position: top 50% left calc(50% + 320px),bottom -2px center,50%;
        background-size: 40rem,125% 3rem,cover;
    }
    .parent-dashboard-courses-sem .virtual-coding-camps .virtual-coding-camps-hero {
        background-size: 40rem,0 0,cover;
    }
}
.virtual-coding-camps .virtual-coding-camps__lede {
    isolation: isolate;
    margin-top: -11.25rem;
}
.virtual-coding-camps .virtual-coding-camps__lede-image {
    position: relative;
    z-index: 1;
    display: block;
    margin: auto;
    width: 34.375rem;
    max-width: 100%;
}
.virtual-coding-camps .virtual-coding-camps__lede-image-overlay {
    position: absolute;
    z-index: 1;
    display: block;
    margin: auto;
    height: 125px;
    width: 125px;
    top: -10px;
    right: 0;
}
@media print,screen and (min-width:64em) {
    .virtual-coding-camps .virtual-coding-camps__lede-image-overlay {
        height: 250px;
        width: 250px;
        right: 150px;
    }
}
.virtual-coding-camps .virtual-coding-camps__lede-copy p {
    font-size: 20px;
}
.virtual-coding-camps .virtual-coding-camps__cs-banner {
    padding: 1rem 0!important !important;
    background-color: #3995f1;
    background-image: linear-gradient(90deg,#02bcd4 15%,#4e85fb 85%);
    color: #fff;
}
.virtual-coding-camps .introduction {
    padding-top: 0;
}
.virtual-coding-camps .introduction h2,
.virtual-coding-camps .introduction p {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .virtual-coding-camps .introduction h2,
    .virtual-coding-camps .introduction p {
        text-align: inherit;
    }
}
.virtual-coding-camps .introduction img {
    max-height: 300px;
}
.virtual-coding-camps .introduction .profile .photo {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
@media print,screen and (min-width:40em) {
    .virtual-coding-camps .introduction .profile .photo {
        float: right;
        width: 150px;
        height: 150px;
        margin-top: -75px;
    }
}
.virtual-coding-camps .introduction .profile .name-bio {
    margin-top: 7px;
}
@media print,screen and (min-width:40em) {
    .virtual-coding-camps .introduction .profile .name-bio {
        float: right;
        margin-top: 25px;
        margin-right: 30px;
        text-align: right;
    }
}
.virtual-coding-camps .introduction .profile .name-bio .name {
    font-size: 18px;
    font-weight: 700;
}
.virtual-coding-camps .introduction .profile .name-bio .shortBio {
    font-size: 15px;
}
.virtual-coding-camps .classes .tabs-content {
    border: none;
}
.virtual-coding-camps .classes .class {
    padding: 1rem;
}
@media print,screen and (min-width:64em) {
    .virtual-coding-camps .classes .class {
        padding: 3rem;
    }
}
.virtual-coding-camps .classes .class .course-requirements p {
    margin-bottom: 0.25rem;
}
.virtual-coding-camps .classes .class .course-requirements ul {
    margin-left: 1rem;
}
.virtual-coding-camps .classes .class .course-sessions table tbody label {
    cursor: pointer;
}
.virtual-coding-camps .classes .class .course-sessions .course-sessions-table-container {
    max-height: 240px;
    overflow-y: hidden;
}
@media screen and (min-width:75em) {
    .virtual-coding-camps .classes .class .course-sessions .course-sessions-table-container {
        max-height: 200px;
    }
}
.virtual-coding-camps .classes .class .course-sessions.expanded .course-sessions-table-container {
    max-height: none;
}
.virtual-coding-camps .classes .class .course-sessions.expanded .expand-sessions-button {
    display: none;
}
.virtual-coding-camps .classes .class .price {
    font-size: 32px;
    font-weight: 700;
}
.virtual-coding-camps .classes .class .price__previous {
    font-size: 50%;
    color: #7c7f81;
    text-decoration: line-through;
}
.virtual-coding-camps .classes .class .price-per-class__previous {
    font-size: 70%;
    color: #7c7f81;
    text-decoration: line-through;
}
.virtual-coding-camps .classes .class .course-images {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}
.virtual-coding-camps .classes .class .course-images .course-image,
.virtual-coding-camps .classes .class .course-images .screenshot {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.virtual-coding-camps .classes .class .course-images .screenshot {
    border-radius: 5px;
}
.virtual-coding-camps .classes .class .course-images .main-image {
    margin-bottom: 1rem;
}
.virtual-coding-camps .classes .class .course-images .thumbnails {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.virtual-coding-camps .classes .class .course-images .thumbnails .thumbnail {
    width: 30%;
    height: 60px;
    padding: 2px;
}
@media print,screen and (min-width:64em) {
    .virtual-coding-camps .classes .class .course-images .thumbnails {
        display: flex;
        justify-content: space-between;
    }
    .virtual-coding-camps .classes .class .course-images .thumbnails .thumbnail {
        width: auto;
        height: 80px;
    }
}
.virtual-coding-camps .classes .text-green {
    color: #82ca6d;
}
.virtual-coding-camps .classes .text-red {
    color: #f25954;
}
.virtual-coding-camps .classes .seats {
    font-size: 12px;
}
.virtual-coding-camps .sessions .title {
    margin-bottom: 42px;
    border-bottom: 2px solid #d3d3d3;
    padding-bottom: 25px;
}
.virtual-coding-camps .more-info .info {
    box-shadow: 0 20px 20px -20px rgba(0,0,0,.15);
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 35px 15px;
    background-color: #fff;
    text-align: center;
}
.virtual-coding-camps .more-info .info h4 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #7c7f89;
}
.virtual-coding-camps .more-info .info p {
    color: #b0b2b3;
}
.virtual-coding-camps > .description {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../image/camps/locations/background-90.jpg");
    background-size: cover;
}
@media print,screen and (min-width:40em) {
    .virtual-coding-camps > .description {
        height: 600px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.virtual-coding-camps > .description .image-text {
    box-shadow: 0 20px 20px -20px rgba(0,0,0,.15);
}
.virtual-coding-camps > .description .image-text .image {
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.virtual-coding-camps > .description .image-text .text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 25px 15px;
    background-color: #fff;
    color: #7c7f81;
    font-size: 18px;
}
.virtual-coding-camps > .description .image-text .text .social-network {
    margin-top: 2rem;
    font-weight: 500;
}
@media print,screen and (min-width:40em) {
    .virtual-coding-camps > .description .image-text {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: #fff;
    }
    .virtual-coding-camps > .description .image-text .image {
        border-radius: 0;
        padding-right: 100px;
        padding-left: 35px;
    }
    .virtual-coding-camps > .description .image-text .text {
        border-radius: 0;
        padding: 0 35px 0 100px;
    }
}
.live-coding {
    background-color: #fff;
}
.live-coding h2 {
    margin-bottom: 1rem;
}
.live-coding h2,
.live-coding h3,
.live-coding p {
    color: inherit;
}
.live-coding a {
    font-size: inherit;
}
.live-coding.maintenance {
    background-color: transparent;
}
.live-coding.maintenance .hero {
    background-image: none;
}
.live-coding .live-coding-hero {
    background-color: #665fef;
    background-image: url("../image/waves/swoosh-lower-condensed-white.svg),linear-gradient(90deg,#9374f0 15%,#665fef 85%");
    background-position: bottom -2px center,50%;
    background-repeat: no-repeat;
    background-size: 100% 2rem,cover;
    padding-top: 3.75rem;
    padding-bottom: 2rem;
}
.dashboard-sidebar-wrapper-parent .live-coding .live-coding-hero {
    padding-top: 0;
}
.live-coding .live-coding-hero.\--alt-bg {
    background-image: linear-gradient(90deg,#9374f0 15%,#665fef 85%);
    background-position: 50%;
    background-size: cover;
    padding-bottom: 0;
    position: relative;
}
.live-coding .live-coding-hero.\--alt-bg:after,
.live-coding .live-coding-hero.\--alt-bg:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    z-index: 0;
}
.live-coding .live-coding-hero.\--alt-bg:before {
    top: 0;
    bottom: 40%;
    background-image: url("../image/waves/swoosh-lower-condensed-white.svg");
    background-position: bottom -2px center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.live-coding .live-coding-hero.\--alt-bg:after {
    top: 60%;
    bottom: 0;
    background-color: #fff;
}
.live-coding .live-coding-hero.\--alt-bg .page-hero__content {
    padding-bottom: 1rem;
    position: relative;
    z-index: 1;
}
.live-coding .live-coding-hero .page-hero__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media screen and (max-width:39.9375em) {
    .live-coding .live-coding-hero .page-hero__content {
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (max-width:39.9375em) {
    .live-coding .live-coding-hero .page-hero__title {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
}
.live-coding .live-coding-hero .page-hero__description {
    font-size: 0.75rem;
}
@media print,screen and (min-width:40em) {
    .live-coding .live-coding-hero .page-hero__description {
        font-size: 1rem;
    }
}
.live-coding .live-coding-hero .page-hero__description,
.live-coding .live-coding-hero .page-hero__title {
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .live-coding .live-coding-hero .page-hero__description,
    .live-coding .live-coding-hero .page-hero__title {
        text-align: left;
    }
}
.parent-dashboard-courses-sem .live-coding .live-coding-hero {
    background-size: 21.25rem,0 0,cover;
}
.parent-dashboard-courses-sem .live-coding .live-coding-hero .button-group {
    display: none!important;
}
.live-coding .live-coding-hero .button-group .button.secondary:focus,
.live-coding .live-coding-hero .button-group .button.secondary:hover {
    background-color: #00bcd4;
    color: #fefefe;
}
@media print,screen and (min-width:40em) {
    .live-coding .live-coding-hero {
        background-position: bottom -2px center,50%;
        background-size: 100% 4rem,cover;
        padding-bottom: 4rem;
    }
    .dashboard-sidebar-wrapper-parent .live-coding .live-coding-hero,
    .live-coding .live-coding-hero .page-hero__content {
        padding-top: 1rem;
    }
}
@media print,screen and (min-width:64em) {
    .live-coding .live-coding-hero {
        background-position: bottom -2px center,50%;
        background-size: 100% 5rem,cover;
        padding-bottom: 8rem;
    }
    .live-coding .live-coding-hero__image {
        position: absolute;
        width: 415px;
    }
    .live-coding .live-coding-hero .page-hero__content {
        padding-top: 4rem;
    }
    .dashboard-sidebar-wrapper-parent .live-coding .live-coding-hero {
        padding-top: 0;
        padding-bottom: 10rem;
    }
}
.live-coding .live-coding-box {
    background-color: #fefefe;
    border: 1px solid #707070;
    border-radius: 5px;
    color: #0a0a0a;
    overflow: hidden;
    text-align: left;
}
.live-coding .live-coding-box.\--expanded {
    width: 100%;
}
.live-coding .live-coding-box__body {
    padding: 1rem;
}
@media print,screen and (min-width:40em) {
    .live-coding .live-coding-box__body {
        padding: 2.5rem 3.75rem 1.25rem;
    }
}
.live-coding .live-coding-box__footer {
    background-color: #fffcf1;
    font-size: 0.75em;
    padding: 1.25rem;
}
@media print,screen and (min-width:40em) {
    .live-coding .live-coding-box__footer {
        font-size: 1rem;
        padding: 0.625rem 3.75rem;
    }
}
.live-coding .live-coding-story {
    background-color: #0063e0;
    background-image: url("../image/parents/coding-classes/bfs-saira.png");
    background-position: bottom left -2rem;
    background-repeat: no-repeat;
    background-size: 400px;
    color: #fefefe;
    padding: 60px 1rem 260px;
    position: relative;
}
@media print,screen and (min-width:40em) {
    .live-coding .live-coding-story {
        background-position: bottom left 10%;
    }
}
@media print,screen and (min-width:64em) {
    .live-coding .live-coding-story {
        background-position: 0 100% calc(50% - 380px);
        background-size: 650px;
        padding: 100px 0 120px;
    }
}
.live-coding .live-coding-story__play {
    position: absolute;
    bottom: 80px;
    left: 230px;
}
@media print,screen and (min-width:40em) {
    .live-coding .live-coding-story__play {
        left: calc(230px + 10%);
    }
}
@media print,screen and (min-width:64em) {
    .live-coding .live-coding-story__play {
        bottom: 170px;
        left: calc(50% - 280px);
    }
}
.mobile-page {
    background-color: #fff;
}
@media print,screen and (min-width:40em) {
    .mobile-page-row {
        display: flex;
        align-items: center;
    }
}
.mobile-page .mobile-page-hero {
    background-color: #6e76ea;
    background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/waves/waves-top-layered.svg),radial-gradient(ellipse at top,#00bcd4,#2132ab 85%");
    background-position: bottom -2px center,50%,bottom;
    background-repeat: no-repeat;
    background-size: 150% auto,cover,cover;
    color: #fff;
    font-weight: 500;
    padding: 2rem 0 0;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .mobile-page .mobile-page-hero {
        padding: 4rem 0 0;
    }
}
@media print,screen and (min-width:64em) {
    .mobile-page .mobile-page-hero {
        background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/waves/waves-top-layered.svg),radial-gradient(ellipse at top,#00bcd4,#2132ab 85%");
        background-position: bottom -2px center,50%,bottom;
        background-size: 135% auto,cover,cover;
        text-align: left;
    }
}
.mobile-page .mobile-page-hero.\--tynker-junior {
    background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/mobile/v2/hero-bg-tynker-junior.svg");
    background-position: bottom -2px center,50%;
    background-size: 150% auto,cover;
}
@media print,screen and (min-width:64em) {
    .mobile-page .mobile-page-hero.\--tynker-junior {
        background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/mobile/v2/hero-tynker-jr@2x.png),url(../image/mobile/v2/hero-bg-tynker-junior.svg");
        background-position: bottom -2px center,top 25% left calc(50% + 18rem),bottom;
        background-size: 100% 4rem,38rem,cover;
    }
    .mobile-page .mobile-page-hero.\--tynker-junior.\--has-tabs {
        background-position: bottom -2px center,top 20% left calc(50% + 2rem),bottom;
        background-size: 100% 4rem,32rem,cover;
    }
}
.mobile-page .mobile-page-hero.\--tynker {
    background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/mobile/v2/hero-bg-tynker-app.svg");
    background-position: bottom -2px center,50%;
    background-size: 150% auto,cover;
}
@media print,screen and (min-width:64em) {
    .mobile-page .mobile-page-hero.\--tynker {
        background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/mobile/v2/hero-tynker@2x.png),url(../image/mobile/v2/hero-bg-tynker-app.svg");
        background-position: bottom -2px center,top 25% left calc(50% + 18rem),bottom;
        background-size: 100% 4rem,38rem,cover;
    }
    .mobile-page .mobile-page-hero.\--tynker.\--has-tabs {
        background-position: bottom -2px center,top 20% left calc(50% + 2rem),bottom;
        background-size: 100% 4rem,32rem,cover;
    }
}
.mobile-page .mobile-page-hero.\--mod-creator {
    background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/mobile/v2/hero-bg-mod-creator.svg");
    background-position: bottom -2px center,50%;
    background-size: 150% auto,cover;
}
@media print,screen and (min-width:64em) {
    .mobile-page .mobile-page-hero.\--mod-creator {
        background-image: url("../image/waves/swoosh-lower-white-symmetric.svg),url(../image/mobile/v2/hero-mod-creator@2x.png),url(../image/mobile/v2/hero-bg-mod-creator.svg");
        background-position: bottom -2px center,top 25% left calc(50% + 18rem),bottom;
        background-size: 100% 4rem,38rem,cover;
    }
    .mobile-page .mobile-page-hero.\--mod-creator.\--has-tabs {
        background-position: bottom -2px center,top 20% left calc(50% + 2rem),bottom;
        background-size: 100% 4rem,32rem,cover;
    }
}
.mobile-page .mobile-page-hero p {
    color: inherit;
}
.mobile-page .mobile-page-hero-icon {
    max-width: 5rem;
}
.mobile-page-card {
    background-color: #6e76ea;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 16px;
    color: #fff;
    display: block;
    padding: 2rem;
    text-align: center;
}
.mobile-page-card:focus,
.mobile-page-card:hover {
    color: #fff;
}
.mobile-page-card.\--tynker-junior {
    background-color: #00848f;
    background-image: url("../image/mobile/v2/hero-bg-tynker-junior.svg");
}
.mobile-page-card.\--tynker {
    background-color: #2950b5;
    background-image: url("../image/mobile/v2/hero-bg-tynker-app.svg");
}
.mobile-page-card.\--mod-creator {
    background-color: #4928b4;
    background-image: url("../image/mobile/v2/hero-bg-mod-creator.svg");
}
.mobile-page-card p {
    color: inherit;
}
@media print,screen and (min-width:64em) {
    .mobile-page-card {
        padding: 2rem 4rem;
    }
}
.mobile-page-card-title {
    color: inherit;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: bolder;
}
.mobile-page-card-icon {
    margin-bottom: 0.5rem;
    max-width: 6rem;
}
.mobile-page-card-description {
    font-size: 1.125em;
}
.mobile-page-tab {
    background-color: #f4f9fa;
    border-radius: 8px;
    color: #222;
    display: flex;
    flex-wrap: nowrap;
    font-size: 0.875rem;
    margin: 0 auto 0.75rem;
    padding: 0.75rem;
    transition: all 0.2s ease-in-out;
    width: 100%;
    max-width: 14rem;
}
.mobile-page-tab.is-active,
.mobile-page-tab:focus,
.mobile-page-tab:hover {
    color: #222;
    transform: scale(1.125);
}
.mobile-page-tab.is-active {
    background-color: #2eadc9;
    color: #fff;
    font-weight: 700;
}
.\--tynker-junior .mobile-page-tab.is-active {
    background-color: #4d30ba;
}
@media print,screen and (min-width:64em) {
    .mobile-page-tab {
        margin-right: 0;
    }
}
.mobile-page-tab-icon {
    margin-right: 0.75rem;
    width: 3rem;
    height: 3rem;
}
.mobile-page-tab-copy {
    flex-grow: 1;
}
.mobile-page-tab-title {
    display: block;
    font-size: 1.2em;
}
.mobile-page .button-app-store {
    display: inline-block;
    width: 12rem;
}
@media print,screen and (min-width:64em) {
    .mobile-page .button-app-store {
        position: absolute;
        bottom: 30.5vw;
        left: 70%;
    }
}
@media screen and (min-width:75em) {
    .mobile-page .button-app-store {
        top: 14.25rem;
        left: calc(50% + 15rem);
    }
}
.mobile-page .footnote-text {
    margin-top: 1rem;
}
.mobile-page .bg-gray {
    background-color: #edeeef;
}
body.site section.mobile-page {
    padding-bottom: 0;
    padding-top: 0;
}
.free-trial-lp-features ul {
    text-align: left;
}
@media screen and (max-width:63.9375em) {
    .free-trial-lp-features ul {
        width: 225px;
        margin: 0 auto;
    }
}
@media print,screen and (min-width:64em) {
    .free-trial-lp-features ul.free-trial-lp-features-1 {
        padding-left: 50px;
    }
    .free-trial-lp-features ul.free-trial-lp-features-2 {
        padding-left: 30px;
    }
    .free-trial-lp-features ul.free-trial-lp-features-3 {
        padding-left: 60px;
    }
}
.minecraft-gallery-footer {
    background-image: url("../image/minecraft/community/mc-space-bg.png),linear-gradient(180deg,#6a679d,#4f55c2");
    background-repeat: no-repeat,no-repeat;
    background-size: contain,100%;
    padding: 0;
}
.minecraft-gallery-footer h2 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 1px;
}
.minecraft-gallery-footer p {
    color: #fff;
    margin-bottom: 16px;
}
.minecraft-gallery-footer .minecraft-what {
    padding: 0;
}
.minecraft-gallery-footer .minecraft-what .minecraft-what-content {
    position: relative;
    padding: 30px;
}
@media print,screen and (min-width:40em) {
    .minecraft-gallery-footer .minecraft-what .minecraft-what-content {
        height: 440px;
    }
}
.minecraft-gallery-footer .minecraft-what .minecraft-what-content .image {
    height: 440px;
}
.minecraft-gallery-footer .minecraft-what .minecraft-what-cards .image-button {
    height: 212px;
}
.minecraft-gallery-footer .minecraft-what .minecraft-featured-video {
    position: absolute;
    right: 0;
    bottom: 0;
}
.minecraft-gallery-footer .minecraft-what.minecraft-what-small {
    padding: 40px;
}
.minecraft-gallery-footer .minecraft-what.minecraft-what-small .zf-column {
    height: auto;
}
.minecraft-gallery-footer .minecraft-what.minecraft-what-small .zf-column .text-block {
    padding: 0;
    top: inherit;
    left: inherit;
    transform: inherit;
}
.minecraft-gallery-footer .minecraft-ask-parent {
    min-height: 190px;
    padding: 40px 30px 30px;
}
.minecraft-gallery-footer .minecraft-ask-parent .label {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
.minecraft-gallery-footer .minecraft-ask-parent .sent-label {
    color: #fff;
    line-height: 110px;
}
.minecraft-gallery-footer .minecraft-ask-parent .text-field {
    border: none;
    margin-bottom: 15px;
    border-radius: 5px;
    font-weight: 100;
    width: 280px;
    vertical-align: top;
    margin-right: 10px;
    padding-left: 15px;
}
.minecraft-gallery-footer .minecraft-ask-parent .button,
.minecraft-gallery-footer .minecraft-ask-parent .text-field {
    margin-top: 15px;
    height: 44px;
    display: inline-block;
    -user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.minecraft-gallery-footer .minecraft-ask-parent .button {
    line-height: 20px;
    border-radius: 5px;
    background-color: #1fbdd4;
    color: #fff;
    width: 100px;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}
.minecraft-gallery-footer .minecraft-ask-parent .button:hover {
    background-color: #0eacc3;
    transform: scale(1.01);
}
.minecraft-lp h1,
.minecraft-lp h2,
.minecraft-lp label,
.minecraft-lp p {
    color: inherit;
}
.minecraft-lp input {
    border-radius: 8px;
    min-height: 50px;
}
.minecraft-lp-hero {
    background-image: url("../image/minecraft/landing-page/bg-abstract-curve-white.svg),url(../image/minecraft/landing-page/hero-lion.png");
    background-position: bottom -1px center,bottom -1rem center;
    background-repeat: no-repeat;
    background-size: 100% auto,28rem;
    color: #fff;
    padding-bottom: 18rem!important;
}
@media print,screen and (min-width:64em) {
    .minecraft-lp-hero {
        background-position: bottom -1px center,bottom 2rem right 10%;
        background-size: 100% auto,40%;
        padding-bottom: 2rem!important;
    }
}
@media screen and (min-width:75em) {
    .minecraft-lp-hero {
        background-image: url("../image/minecraft/landing-page/bg-abstract-curve-white.svg),url(../image/minecraft/landing-page/hero-lion@2x.png");
        background-position: bottom -1px center,top right 16%;
    }
}
.minecraft-lp-shape {
    background-position: top 1rem center,top;
    background-repeat: no-repeat;
    background-size: auto 5rem,7.5rem;
    border-radius: 10rem;
    color: #0a0a0a;
    display: block;
    font-weight: 700;
    height: 10rem;
    padding-top: 7.5rem;
    text-align: center;
    transition: all 0.1s ease-in-out;
}
.minecraft-lp-shape:focus,
.minecraft-lp-shape:hover {
    color: #0a0a0a;
    transform: scale(1.05);
}
@media print,screen and (min-width:64em) {
    .minecraft-lp-shape {
        background-position: bottom 2rem center,50%;
        background-size: auto 8rem,contain;
        color: #fff;
        height: 15rem;
        padding-top: 2rem;
    }
    .minecraft-lp-shape:focus,
    .minecraft-lp-shape:hover {
        color: #fff;
    }
}
.minecraft-lp-shape.\--skins {
    background-image: url("../image/minecraft/landing-page/graphic-mcskin.svg),url(../image/minecraft/landing-page/shape-teal.svg");
}
.minecraft-lp-shape.\--mobs {
    background-image: url("../image/minecraft/landing-page/graphic-mob@2x.png),url(../image/minecraft/landing-page/shape-blue.svg");
}
.minecraft-lp-shape.\--blocks {
    background-image: url("../image/minecraft/landing-page/graphic-block.svg),url(../image/minecraft/landing-page/shape-darkpurple.svg");
}
.minecraft-lp-shape.\--add-ons {
    background-image: url("../image/minecraft/landing-page/graphic-addon@2x.png),url(../image/minecraft/landing-page/shape-purple.svg");
}
.minecraft-lp-shape.\--mods {
    background-image: url("../image/minecraft/landing-page/graphic-mod.svg),url(../image/minecraft/landing-page/shape-red.svg");
}
.minecraft-lp-shape.\--items {
    background-image: url("../image/minecraft/landing-page/graphic-item.svg),url(../image/minecraft/landing-page/shape-green.svg");
}
.minecraft-lp-vista {
    background-image: url("../image/minecraft/landing-page/bg-abstract-curve-purple.svg),url(../image/minecraft/landing-page/bg-mc-ground.svg");
    background-repeat: no-repeat;
    background-position: bottom -1px center,bottom -2.5rem center;
    background-size: 100%,100%;
}
@media print,screen and (min-width:40em) {
    .minecraft-lp-vista .image-button {
        min-height: 260px;
    }
}
@media screen and (min-width:75em) {
    .minecraft-lp-vista {
        background-position: bottom -1px center,50%;
    }
}
.minecraft-lp-postvista {
    background-color: #4d4fb2;
    color: #fff;
}
.minecraft-lp-postvista .card {
    color: #666;
    font-size: 14px;
    padding: 1rem 0.5rem 0;
}
.minecraft-lp-postvista .card ul {
    line-height: 2;
}
body.body-minecraft-lp {
    background-image: url("../image/minecraft/landing-page/hero-temple.png),url(../image/minecraft/landing-page/bg-gradient-blue-cyan.svg");
    background-position: top -5rem center,top;
    background-repeat: no-repeat;
    background-size: 500%,600%;
}
@media print,screen and (min-width:40em) {
    body.body-minecraft-lp {
        background-size: 250%,300%;
    }
}
@media print,screen and (min-width:64em) {
    body.body-minecraft-lp {
        background-size: 110% auto,150%;
    }
}
@media screen and (min-width:75em) {
    body.body-minecraft-lp {
        background-image: url("../image/minecraft/landing-page/hero-temple@2x.png),url(../image/minecraft/landing-page/bg-gradient-blue-cyan.svg");
        background-size: 110% auto,120%;
    }
}
.course-bundles-landing {
    background-color: #009def;
    background-image: url("../image/coding-course-bundles/bg-cloudshape.svg),url(../image/coding-course-bundles/bg-sunburst.svg");
    background-position: bottom,50%;
    background-repeat: no-repeat;
    background-size: 100% auto,auto 150%;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .course-bundles-landing {
        background-position: center bottom -5rem,center right -45vw;
        background-size: 150% 25%,150vw;
        padding-top: 2.5rem!important;
        padding-bottom: 5rem!important;
    }
}
@media screen and (min-width:75em) {
    .course-bundles-landing {
        background-position: center bottom -8rem,center right -45vw;
        background-size: 125% auto,150vw;
        padding-bottom: 10rem!important;
    }
}
.course-bundles-landing h1,
.course-bundles-landing p {
    color: inherit;
}
.course-bundles-card {
    color: #0a0a0a;
    padding: 2rem 2rem 1rem;
    margin-bottom: 0!important;
    overflow: visible!important;
}
.course-bundles-card:active,
.course-bundles-card:focus,
.course-bundles-card:hover {
    cursor: default;
    transform: none!important;
}
.course-bundles-sales-badge {
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    background-color: transparent;
    background-image: url("../image/coding-course-bundles/sale-badge.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    filter:drop-shadow(3px 5px 2px rgba(0,0,0,.25));
    font-size: 1.5em;
    line-height: 1;
    padding-top: 2.25rem;
    text-align: center;
    transform: rotate(10deg);
    width: 8rem;
    height: 8rem;
}
@media print,screen and (min-width:64em) {
    .course-bundles-sales-badge {
        top: -1.5rem;
        right: -1.5rem;
    }
}
.course-bundles-option {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.course-bundles-option > * {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 0;
}
.course-bundles-option-radio {
    margin-right: 1rem!important;
    margin-bottom: 0!important;
}
.course-bundles-option-details {
    flex-basis: 0%!important;
    flex-grow: 1!important;
    font-size: 1rem;
}
.course-bundles-option-price {
    font-size: 1.5rem;
    font-weight: 700;
}
.course-bundles-ribbon {
    background-color: #4ab9ec;
    padding: 0.75rem 0 0!important !important;
    margin-top: 2rem;
}
.highlight-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 1rem rgba(0,0,0,.16);
    display: block;
    margin-right: 0.9375rem;
    margin-bottom: 2rem;
    margin-left: 0.9375rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    min-width: 18.75rem;
    transition: all 0.1s ease-in-out;
}
.highlight-card:focus-within,
.highlight-card:hover {
    transform: scale(1.012);
}
.highlight-card .highlight-card__header {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 1.5rem 1rem;
}
.highlight-card .highlight-card__header.\--blue {
    background-color: #4168ff;
}
.highlight-card .highlight-card__header.\--magenta {
    background-color: #bb4fba;
}
.highlight-card:nth-of-type(3n+1) .highlight-card__header {
    background-image: url("../image/homepage/spring-2019/amoeba-1.png");
}
.highlight-card:nth-of-type(3n+2) .highlight-card__header {
    background-image: url("../image/homepage/spring-2019/amoeba-2.png");
}
.highlight-card:nth-of-type(3n+3) .highlight-card__header {
    background-image: url("../image/homepage/spring-2019/amoeba-3.png");
}
@media screen and (min-width:75em) {
    .highlight-card:nth-of-type(3n+1) .highlight-card__header {
        background-image: url("../image/homepage/spring-2019/amoeba-1@2x.png");
    }
    .highlight-card:nth-of-type(3n+2) .highlight-card__header {
        background-image: url("../image/homepage/spring-2019/amoeba-2@2x.png");
    }
    .highlight-card:nth-of-type(3n+3) .highlight-card__header {
        background-image: url("../image/homepage/spring-2019/amoeba-3@2x.png");
    }
}
.highlight-card__icon {
    width: 10.9375rem;
    height: 10.9375rem;
}
.highlight-card__body {
    padding: 1rem;
}
.highlight-card__action {
    margin-bottom: 0;
}
.highlight-card__action:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.highlights {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-evenly;
}
.highlights > * {
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
}
@media print,screen and (min-width:64em) {
    .highlights {
        justify-content: center;
    }
    .highlights > * {
        max-width: 31%;
    }
}
.body-homepage-parent {
    background-color: #fff;
}
.body-homepage-parent-winter {
    background-image: url("../image/homepage/winter-2019/bg-blue-waves.svg");
    background-position: top -1rem center;
    background-repeat: no-repeat;
}
@media print,screen and (min-width:64em) {
    .body-homepage-parent-winter {
        background-size: 100%;
    }
}
@media screen and (min-width:75em) {
    .body-homepage-parent-winter {
        background-size: 100%;
    }
}
.body-homepage-parent-winter header.header-new-app-3 {
    background-color: transparent;
}
.body-homepage-parent-winter header.header-new-app-4 nav ul li.active > a {
    color: #fff;
}
.body-homepage-parent-bbc {
    background-image: url(  "../image/homepage/bbc-2020/background.png" );
    background-position: top -1rem center;
    background-repeat: no-repeat;
    background-size: cover;
}
.body-homepage-parent-bbc header.header-new-app-3 {
    background-color: transparent;
}
.body-homepage-parent-bbc header.header-new-app-4 nav ul li.active > a {
    color: #fff;
}
.body-homepage-parent header.header-new-app-3 {
    box-shadow: none;
}
.body-homepage-parent header.header-new-app-3.is-stuck {
    box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.homepage-parent {
    background-image: url("../image/homepage/homepage-parent/new/bg-swoosh.png),url(../image/homepage/homepage-parent/new/bg-blue-abstract.png");
    background-repeat: no-repeat;
    background-position: center 250px;
    background-size: contain;
    margin: 0 auto;
    max-width: 1800px;
    overflow: hidden;
}
@media print,screen and (min-width:40em) {
    .homepage-parent {
        background-position: center 140px,right 140px;
        background-size: contain,70%;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent {
        background-position: top,100% 0;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent {
        background-size: 100%,70%;
    }
}
.homepage-parent h1,
.homepage-parent h2 {
    -webkit-font-smoothing: antialiased;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.homepage-parent h1 {
    font-size: 1.9rem;
}
@media print,screen and (min-width:40em) {
    .homepage-parent h1 {
        font-size: 2.2rem;
    }
}
.homepage-parent h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
    padding-bottom: 1rem!important;
}
@media print,screen and (min-width:40em) {
    .homepage-parent h2 {
        font-size: 1.8rem;
    }
}
.homepage-parent h3 {
    font-size: 1.1rem;
}
.homepage-parent-bbc h1,
.homepage-parent-bbc h2,
.homepage-parent-bbc h3,
.homepage-parent-bbc h4,
.homepage-parent-bbc h5,
.homepage-parent-bbc h6,
.homepage-parent-variant-1 h1,
.homepage-parent-variant-1 h2,
.homepage-parent-variant-1 h3,
.homepage-parent-variant-1 h4,
.homepage-parent-variant-1 h5,
.homepage-parent-variant-1 h6,
.homepage-parent-variant-2 h1,
.homepage-parent-variant-2 h2,
.homepage-parent-variant-2 h3,
.homepage-parent-variant-2 h4,
.homepage-parent-variant-2 h5,
.homepage-parent-variant-2 h6,
.homepage-parent-variant-halloween h1,
.homepage-parent-variant-halloween h2,
.homepage-parent-variant-halloween h3,
.homepage-parent-variant-halloween h4,
.homepage-parent-variant-halloween h5,
.homepage-parent-variant-halloween h6,
.homepage-parent-variant-winter h1,
.homepage-parent-variant-winter h2,
.homepage-parent-variant-winter h3,
.homepage-parent-variant-winter h4,
.homepage-parent-variant-winter h5,
.homepage-parent-variant-winter h6 {
    color: inherit;
}
.homepage-parent-bbc .homepage-parent-hero,
.homepage-parent-variant-1 .homepage-parent-hero,
.homepage-parent-variant-2 .homepage-parent-hero,
.homepage-parent-variant-halloween .homepage-parent-hero,
.homepage-parent-variant-winter .homepage-parent-hero {
    min-height: 30rem;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-bbc .homepage-parent-hero,
    .homepage-parent-variant-1 .homepage-parent-hero,
    .homepage-parent-variant-2 .homepage-parent-hero,
    .homepage-parent-variant-halloween .homepage-parent-hero,
    .homepage-parent-variant-winter .homepage-parent-hero {
        min-height: 32rem;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent-bbc .homepage-parent-hero,
    .homepage-parent-variant-1 .homepage-parent-hero,
    .homepage-parent-variant-2 .homepage-parent-hero,
    .homepage-parent-variant-halloween .homepage-parent-hero,
    .homepage-parent-variant-winter .homepage-parent-hero {
        min-height: 20rem;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent-bbc .homepage-parent-hero,
    .homepage-parent-variant-1 .homepage-parent-hero,
    .homepage-parent-variant-2 .homepage-parent-hero,
    .homepage-parent-variant-halloween .homepage-parent-hero,
    .homepage-parent-variant-winter .homepage-parent-hero {
        min-height: 28vw;
        max-height: 33rem;
    }
}
.homepage-parent-bbc .homepage-parent-hero-intro h2,
.homepage-parent-variant-1 .homepage-parent-hero-intro h2,
.homepage-parent-variant-2 .homepage-parent-hero-intro h2,
.homepage-parent-variant-halloween .homepage-parent-hero-intro h2,
.homepage-parent-variant-winter .homepage-parent-hero-intro h2 {
    margin-bottom: 2rem;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-bbc .homepage-parent-hero-intro,
    .homepage-parent-variant-1 .homepage-parent-hero-intro,
    .homepage-parent-variant-2 .homepage-parent-hero-intro,
    .homepage-parent-variant-halloween .homepage-parent-hero-intro,
    .homepage-parent-variant-winter .homepage-parent-hero-intro {
        max-width: none!important;
        margin-left: 0;
    }
}
.homepage-parent-bbc .homepage-parent-circles,
.homepage-parent-variant-1 .homepage-parent-circles,
.homepage-parent-variant-2 .homepage-parent-circles,
.homepage-parent-variant-halloween .homepage-parent-circles,
.homepage-parent-variant-winter .homepage-parent-circles {
    margin-bottom: 2.5rem;
}
.homepage-parent-bbc .hero-ghost-link,
.homepage-parent-variant-1 .hero-ghost-link,
.homepage-parent-variant-2 .hero-ghost-link,
.homepage-parent-variant-halloween .hero-ghost-link,
.homepage-parent-variant-winter .hero-ghost-link {
    height: 50%;
    position: absolute;
    right: 15%;
    top: 50%;
    width: 60%;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-bbc .hero-ghost-link,
    .homepage-parent-variant-1 .hero-ghost-link,
    .homepage-parent-variant-2 .hero-ghost-link,
    .homepage-parent-variant-halloween .hero-ghost-link,
    .homepage-parent-variant-winter .hero-ghost-link {
        height: 100%;
        right: 0;
        top: 0;
    }
}
.homepage-parent-variant-1 {
    background-image: url("../image/homepage/homepage-parent/winter/bg-swoosh-winter-w600px.png),url(../image/homepage/homepage-parent/winter/mc-winter-2018-w600px.png),url(../image/homepage/homepage-parent/new/bg-blue-abstract.png");
    background-position: center 350px,70% 340px,right 350px;
    background-size: contain,60%,contain;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-variant-1 {
        background-position: center 215px,60% 260px,-20px 230px;
        background-size: contain,50%,contain;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent-variant-1 {
        background-position: top,90% 40px,160px top;
        background-size: contain,50%,contain;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent-variant-1 {
        background-image: url("../image/homepage/homepage-parent/winter/bg-swoosh-winter-w1200px.png),url(../image/homepage/homepage-parent/winter/mc-winter-2018-w1200px.png),url(../image/homepage/homepage-parent/new/bg-blue-abstract.png");
    }
}
@media screen and (min-width:90em) {
    .homepage-parent-variant-1 {
        background-position: top,90% 60px,160px top;
    }
}
.homepage-parent-variant-2 {
    background-color: #279dfe!important;
    background-image: url("../image/homepage/spring-2019/bg-white-swoosh.svg),url(../image/homepage/homepage-parent/winter/mc-winter-2018-w600px.png),url(../image/homepage/spring-2019/bg-blue-water.svg");
    background-position: bottom -2px center,bottom,50%;
    background-size: 100% auto,22rem,cover;
    color: #fff!important;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-variant-2 {
        background-position: bottom -2px center,center 80%,50%;
        background-size: 100% auto,25rem,cover;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent-variant-2 {
        background-image: url("../image/homepage/spring-2019/bg-white-swoosh.svg),url(../image/homepage/homepage-parent/winter/mc-winter-2018-w1200px.png),url(../image/homepage/spring-2019/bg-blue-water.svg");
        background-position: bottom -2px center,90% 2rem,50%;
        background-size: 100% auto,45%,cover;
    }
}
.homepage-parent-variant-2 .homepage-parent-hero {
    margin-bottom: 0;
}
.homepage-parent-variant-winter {
    background-color: transparent!important;
    background-image: url("../image/homepage/spring-2019/bg-white-swoosh.svg),url(../image/homepage/winter-2019/bg-hero.png");
    background-position: bottom -2px center,bottom -3rem center;
    background-size: 100% auto,27rem;
    color: #fff!important;
    max-width: none;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-variant-winter {
        background-size: 100% auto,32rem;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent-variant-winter {
        background-image: url("../image/homepage/spring-2019/bg-white-swoosh.svg),url(../image/homepage/winter-2019/bg-hero@2x.png");
        background-position: bottom -2px center,bottom 1.5rem right 4rem;
        background-size: 100% auto,50%;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent-variant-winter {
        background-position: bottom -2px center,center right 20%;
        background-size: 100% auto,45rem;
    }
}
.homepage-parent-bbc {
    background-color: transparent!important;
    background-image: url("../image/homepage/bbc-2020/bg-hero.png");
    background-position: bottom -3rem center;
    background-size: 27rem;
    color: #fff!important;
    max-width: none;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-bbc {
        background-size: 100% auto,32rem;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent-bbc {
        background-image: url("../image/homepage/bbc-2020/bg-hero.png");
        background-position: bottom 1.5rem right 4rem;
        background-size: 50%;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent-bbc {
        background-position: center right 20%;
        background-size: 45rem;
    }
}
.homepage-parent-sale-badge {
    background-image: url("../image/coding-course-bundles/sale-badge.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    display: block;
    width: 8.4em;
    height: 8.4em;
    font-size: 1.25rem;
    font-weight: 700;
    padding-top: 2.4em;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    z-index: 1;
    position: absolute;
    bottom: 2rem;
    left: 5%;
}
.homepage-parent-sale-badge:hover {
    color: #fff;
}
.homepage-parent-sale-badge > b {
    font-size: 1.8em;
    line-height: 1;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-sale-badge {
        bottom: 5rem;
        left: 17%;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent-sale-badge {
        top: auto;
        right: 10%;
        bottom: 5rem;
        left: auto;
        transform: rotate(10deg);
    }
}
@media screen and (min-width:75em) {
    .homepage-parent-sale-badge {
        top: auto;
        right: 12%;
        bottom: 4rem;
        font-size: 1.5rem;
    }
}
.homepage-parent-hero {
    position: relative;
    margin-bottom: 2rem;
    min-height: 26rem;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-hero {
        margin-top: 3rem;
        min-height: 20rem;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent-hero {
        min-height: 24rem;
    }
}
@media screen and (min-width:90em) {
    .homepage-parent-hero {
        min-height: 28rem;
    }
}
.homepage-parent-hero-intro h2 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 0!important;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-hero-intro {
        font-size: 1.1rem;
        max-width: 22rem;
        margin-left: 2rem;
        text-align: left;
    }
}
.homepage-parent-hero-button {
    min-width: 11rem;
    margin-top: 1.5rem;
}
.homepage-parent-hero-img {
    width: 64%;
    min-width: 310px;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-hero-img {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
.homepage-parent-circles {
    text-transform: uppercase;
    word-spacing: 99rem;
    line-height: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 5rem;
}
.homepage-parent-circles,
.homepage-parent-circles a {
    font-weight: 700;
    font-size: 0.9rem;
    color: inherit;
}
.homepage-parent-circles img {
    display: block;
    margin: 1rem auto;
}
.homepage-parent-easiest {
    margin: 2rem auto;
}
.homepage-parent-easiest-bg {
    background-image: url("../image/homepage/homepage-parent/new/coding-progression.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    min-height: 12rem;
    margin-bottom: 1rem;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-easiest-bg {
        min-height: 22rem;
        margin-bottom: 0;
    }
}
.homepage-parent-easiest-checks {
    line-height: 2;
}
@media print,screen and (min-width:64em) {
    .homepage-parent-easiest-checks {
        margin-top: 5rem;
    }
}
.homepage-parent-easiest-button {
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.homepage-parent-testimonials {
    margin-bottom: 6rem;
}
.homepage-parent-testimonials-card {
    position: relative;
    text-align: center;
    box-shadow: 0 0 2rem rgba(0,0,0,.2);
    padding: 4rem 2.5rem 1.5rem;
    margin: 1rem 1rem 2rem;
    border-radius: 4px;
    border: none;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-testimonials-card {
        padding: 4rem 4rem 2rem;
        margin: 2rem;
    }
}
.homepage-parent-testimonials-card-avatar {
    position: absolute;
    top: -55px;
    left: calc(50% - 72px);
    width: 144px;
    height: 110px;
}
.homepage-parent-testimonials-card cite,
.homepage-parent-testimonials-card p {
    color: #0a0a0a;
}
.homepage-parent-testimonials-card-title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.1rem;
}
.homepage-parent-testimonials-card cite strong,
.homepage-parent-testimonials-card-title {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}
.homepage-parent-testimonials-card-content {
    font-style: italic;
}
.homepage-parent-testimonials-card cite {
    text-align: right;
    font-style: normal;
}
.homepage-parent-testimonials-card cite:before {
    display: none;
}
.homepage-parent-testimonials-card-content {
    text-align: left;
}
.homepage-parent-testimonials-card-content:after,
.homepage-parent-testimonials-card-content:before {
    content: "";
    width: 20px;
    height: 13px;
}
.homepage-parent-testimonials-card-content:before {
    float: left;
    margin-left: -2rem;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDIwIDEzJz48cGF0aCBmaWxsPScjMDZhZmE2JyBkPSdNOSA2djdIMFY2bDItNmg1TDYgNmgzem0xMSAwdjdoLTlWNmwyLTZoNWwtMSA2aDN6Jy8+PC9zdmc+");
}
.homepage-parent-testimonials-card-content:after {
    float: right;
    margin-right: -2rem;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDIwIDEzJz48cGF0aCBmaWxsPScjMDZhZmE2JyBkPSdNMCA3VjBoOXY3bC0zIDZIMWwyLTZ6bTExIDBWMGg5djdsLTMgNmgtNGwxLTZ6Jy8+PC9zdmc+");
}
.homepage-parent-testimonials-slick {
    display: none;
}
.homepage-parent-testimonials .slick-initialized {
    display: block;
}
.homepage-parent-testimonials .slick-list {
    overflow: visible;
}
.homepage-parent-testimonials .slick-dots li {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5rem;
}
.homepage-parent-testimonials .slick-dots li button:before {
    font-size: 1.5rem;
}
.homepage-parent-testimonials .slick-slide {
    outline: none;
}
.homepage-parent-testimonials .slick-slide:not(.slick-active) {
    transform: scale(.95);
    opacity: 0.5;
}
.homepage-parent-brands {
    margin-bottom: 4rem;
}
.homepage-parent-brands .has-tip {
    border-bottom: none;
    cursor: auto;
}
.homepage-parent-community {
    background-image: url("../image/homepage/homepage-parent/new/map-effect-red.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    margin-bottom: 1rem;
    min-height: 19rem;
}
@media print,screen and (min-width:40em) {
    .homepage-parent-community {
        min-height: 25rem;
    }
}
.homepage-parent-community-subtitle {
    margin-bottom: 1rem;
}
.homepage-parent-community-subtitle,
.homepage-parent-community-value {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
}
.homepage-parent-community-value {
    color: #ff575f;
    display: block;
}
.homepage-parent-community-subtitle .homepage-parent-community-value {
    display: inline;
}
.homepage-parent.homepage-parent-winter-sale {
    background-image: url("../image/homepage/homepage-parent/winter/bg-swoosh-winter-w600px.png),url(../image/homepage/homepage-parent/winter/mc-winter-2018-w600px-gift-sale.png),url(../image/homepage/homepage-parent/winter/bg-blue-abstract-winter-w600px.png");
    background-position: center 260px,right 242px,right 260px;
    background-size: contain,60%,contain;
}
@media print,screen and (min-width:40em) {
    .homepage-parent.homepage-parent-winter-sale {
        background-position: center 200px,90% 220px,-20px 200px;
        background-size: contain,50%,contain;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-sale {
        background-position: top,90% 10px,160px top;
        background-size: contain,50%,contain;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent.homepage-parent-winter-sale {
        background-image: url("../image/homepage/homepage-parent/winter/bg-swoosh-winter-w1200px.png),url(../image/homepage/homepage-parent/winter/mc-winter-2018-w1200px-gift-sale.png),url(../image/homepage/homepage-parent/winter/bg-blue-abstract-winter-w1200px.png");
    }
}
@media screen and (min-width:90em) {
    .homepage-parent.homepage-parent-winter-sale {
        background-position: top,90% 20px,160px top;
    }
}
@media screen and (min-width:105em) {
    .homepage-parent.homepage-parent-winter-sale .homepage-parent-hero {
        margin-bottom: 6rem;
    }
}
.homepage-parent.homepage-parent-winter-sale .hero-ghost-link {
    height: 50%;
    position: absolute;
    right: 15%;
    top: 50%;
    width: 60%;
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-sale .hero-ghost-link {
        height: 100%;
        right: 0;
        top: 0;
    }
}
.homepage-parent.homepage-parent-winter-sale .gifting-badge {
    width: 200px;
    height: 200px;
    display: inline-block;
    position: absolute;
    right: 0;
}
@media screen and (max-width:39.9375em) {
    .homepage-parent.homepage-parent-winter-sale .gifting-badge img {
        margin-top: 70px;
        width: 80%;
    }
}
.homepage-parent.homepage-parent-winter-sale-2 {
    background-image: url(../image/homepage/homepage-parent/winter-sale/sale-w647px.png), url(../image/homepage/homepage-parent/winter-sale/snowflakes-w640px.png), url(../image/homepage/homepage-parent/winter-sale/snow-w600px.png), linear-gradient(90deg, #ab0014, #9e121b 15.82%, #9d121b 38.72%, #ba1919 65.4%, #8b121a);
    background-position: 50% 260px,top,top,50% 0;
    background-size: 70%,contain,100% 700px,100% 20%;
}
@media print,screen and (min-width:40em) {
    .homepage-parent.homepage-parent-winter-sale-2 {
        background-position: 50% 230px,top,top,50% 0;
        background-size: 50%,contain,100% 700px,100% 20%;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-sale-2 {
        background-image: url(../image/homepage/homepage-parent/winter-sale/sale-w1280px.png), url(../image/homepage/homepage-parent/winter-sale/snowflakes-w1280px.png), url(../image/homepage/homepage-parent/winter-sale/snow-w1200px.png), linear-gradient(90deg, #ab0014, #9e121b 15.82%, #9d121b 38.72%, #ba1919 65.4%, #8b121a);
        background-position: 85% 80px,top,top,50% 0;
    }
}
@media screen and (min-width:90em) {
    .homepage-parent.homepage-parent-winter-sale-2 {
        background-position: 85% 0,top,top,50% 0;
    }
}
.homepage-parent.homepage-parent-winter-sale-2 .homepage-parent-hero h1,
.homepage-parent.homepage-parent-winter-sale-2 .homepage-parent-hero h2 {
    color: #fff;
}
.homepage-parent.homepage-parent-winter-sale-2 .hero-ghost-link {
    height: 50%;
    position: absolute;
    right: 15%;
    top: 50%;
    width: 60%;
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-sale-2 .hero-ghost-link {
        height: 100%;
        right: 0;
        top: 0;
    }
}
.homepage-parent.homepage-parent-winter-blue {
    background-image: url(../image/homepage/homepage-parent/winter/bg-swoosh-winter-w600px.png), url(../image/homepage/homepage-parent/winter/mc-winter-holidays-2018-w600px.png), url(../image/homepage/homepage-parent/winter/bg-blue-abstract-winter-w600px.png);
    background-position: center 260px,right 242px,right 260px;
    background-size: contain,60%,contain;
}
@media print,screen and (min-width:40em) {
    .homepage-parent.homepage-parent-winter-blue {
        background-position: center 200px,90% 220px,-20px 200px;
        background-size: contain,50%,contain;
    }
}
@media screen and (min-width:60em) {
    .homepage-parent.homepage-parent-winter-blue .homepage-parent-hero {
        margin-bottom: 80px;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-blue {
        background-position: top,90% 10px,160px top;
        background-size: contain,50%,contain;
    }
    .homepage-parent.homepage-parent-winter-blue .homepage-parent-hero {
        margin-bottom: 1rem;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent.homepage-parent-winter-blue {
        background-image: url(../image/homepage/homepage-parent/winter/bg-swoosh-winter-w1200px.png), url(../image/homepage/homepage-parent/winter/mc-winter-holidays-2018-w1200px.png), url(../image/homepage/homepage-parent/winter/bg-blue-abstract-winter-w1200px.png)
    }
}
@media screen and (min-width:90em) {
    .homepage-parent.homepage-parent-winter-blue {
        background-position: top,90% 20px,160px top;
    }
}
@media screen and (min-width:105em) {
    .homepage-parent.homepage-parent-winter-blue .homepage-parent-hero {
        margin-bottom: 6rem;
    }
}
.homepage-parent.homepage-parent-winter-blue .hero-ghost-link {
    height: 50%;
    position: absolute;
    right: 15%;
    top: 50%;
    width: 60%;
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-blue .hero-ghost-link {
        height: 100%;
        right: 0;
        top: 0;
    }
}
.homepage-parent.homepage-parent-winter-mc {
    background-image: url(../image/homepage/homepage-parent/winter/bg-swoosh-winter-w600px.png), url(../image/homepage/homepage-parent/winter/mc-winter-2018-w600px.png), url(../image/homepage/homepage-parent/winter/bg-blue-abstract-winter-w600px.png);
    background-position: center 260px,70% 250px,right 260px;
    background-size: contain,60%,contain;
}
@media print,screen and (min-width:40em) {
    .homepage-parent.homepage-parent-winter-mc {
        background-position: center 200px,60% 230px,-20px 200px;
        background-size: contain,50%,contain;
    }
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-mc {
        background-position: top,90% 40px,160px top;
        background-size: contain,50%,contain;
    }
}
@media screen and (min-width:75em) {
    .homepage-parent.homepage-parent-winter-mc {
        background-image: url(../image/homepage/homepage-parent/winter/bg-swoosh-winter-w1200px.png), url(../image/homepage/homepage-parent/winter/mc-winter-2018-w1200px.png), url(../image/homepage/homepage-parent/winter/bg-blue-abstract-winter-w1200px.png)
    }
}
@media screen and (min-width:90em) {
    .homepage-parent.homepage-parent-winter-mc {
        background-position: top,90% 60px,160px top;
    }
}
@media screen and (min-width:105em) {
    .homepage-parent.homepage-parent-winter-mc .homepage-parent-hero {
        margin-bottom: 6rem;
    }
}
.homepage-parent.homepage-parent-winter-mc .hero-ghost-link {
    height: 50%;
    position: absolute;
    right: 15%;
    top: 50%;
    width: 60%;
}
@media print,screen and (min-width:64em) {
    .homepage-parent.homepage-parent-winter-mc .hero-ghost-link {
        height: 100%;
        right: 0;
        top: 0;
    }
}
.homepage-parent.homepage-parent-winter-mc .gifting-badge {
    width: 200px;
    height: 200px;
    display: inline-block;
    position: absolute;
    right: 0;
}
@media screen and (max-width:39.9375em) {
    .homepage-parent.homepage-parent-winter-mc .gifting-badge img {
        margin-top: 70px;
        width: 80%;
    }
}
.hp-control {
    font-weight: 400;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
@media print,screen and (min-width:64em) {
    .hp-control {
        padding-bottom: 4rem!important;
    }
}
.hp-control-swiggle {
    background-color: #ebfcff!important;
}
@media print,screen and (min-width:40em) {
    .hp-control-swiggle {
        background-image: url(../image/homepage/spring-2021/bg-squiggle-top.svg), url(../image/homepage/spring-2021/bg-squiggle-bottom.svg);
        background-position: top -10px left 50%,bottom -10px right 50%;
        background-repeat: no-repeat;
        background-size: 100% 10rem;
        padding-top: 8rem!important;
        padding-bottom: 8rem!important;
    }
    body.no-webp .hp-control-swiggle {
        background-position: top -40px left 50%,bottom -40px right 50%;
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-swiggle {
        padding-top: 10rem!important;
        padding-bottom: 10rem!important;
    }
}
.hp-control-landing {
    background-image: linear-gradient(#fff -10%,transparent 25% 50%,#fff),url(../image/homepage/spring-2019/hero-bg-graphic.svg);
    background-position: 0 0,50%;
    background-repeat: no-repeat;
    background-size: cover;
}
@media print,screen and (min-width:64em) {
    .hp-control-landing {
        padding-top: 4rem!important;
    }
}
.hp-control-resources {
    background-image: url(../image/homepage/spring-2021/bg-squiggle-top.svg), linear-gradient(180deg, #ebfcff, #f4f9fa);
    background-position: top -10px left 50%,50%;
    background-repeat: no-repeat;
    background-size: 100% 6rem,auto;
    padding-top: 2rem;
}
@media print,screen and (min-width:40em) {
    .hp-control-resources {
        padding-top: 4rem;
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-resources {
        padding-top: 6rem;
    }
}
@media print,screen and (min-width:40em) {
    .hp-control-bubbles {
        background-image: linear-gradient(0deg,#dff2f5,hsla(0,0%,100%,0) 5%),url(../image/homepage/spring-2019/bg-shape-testimonials.svg);
        background-position: 50%,bottom -4rem left 50%;
        background-repeat: no-repeat;
        background-size: auto,150% auto;
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-bubbles {
        background-position: 50%,top 750px left 50%;
    }
}
@media screen and (min-width:75em) {
    .hp-control-bubbles {
        background-position: 50%,bottom -16rem left 50%;
        background-size: auto,125% 1400px;
    }
}
.hp-control-awards {
    background-color: #2876c5;
}
.hp-control-awards img {
    max-height: 100px;
}
@media print,screen and (min-width:40em) {
    .hp-control-awards {
        padding-bottom: 2em!important;
    }
    .hp-control-awards img {
        max-height: 50px;
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-awards img {
        max-height: 70px;
    }
}
.hp-control-icon-new img {
    width: 5.25rem;
    height: 5.25rem;
}
.hp-control-app {
    margin-bottom: 2rem;
}
.hp-control-app__title {
    font-size: 1.25rem;
    margin-bottom: 0!important;
}
.hp-control-app__title > a {
    color: inherit;
    font-size: inherit;
}
.hp-control-app__meta {
    font-size: 0.875rem;
}
.hp-control-app__rating {
    color: #f0ca00;
    white-space: nowrap;
}
.hp-control-app p {
    margin-bottom: 0.5rem;
}
.hp-control-level {
    background-color: #fff;
    color: #0a0a0a;
    border-radius: 20px;
    border-top: 170px solid transparent;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    position: relative;
    margin: 2rem auto 0;
    max-width: 100%;
    padding-bottom: 20px;
    text-align: center;
    width: 350px;
}
.hp-control-level-beginner {
    border-color: #7561a7;
}
.hp-control-level-intermediate {
    border-color: #62b14c;
}
.hp-control-level-advanced {
    border-color: #de6f46;
}
.hp-control-level-thumbnail {
    display: inline-block;
    height: 170px;
    margin: -130px 0 30px;
}
.hp-control-level-list {
    line-height: 2;
}
.hp-control a .hp-control-level .hp-control-level-list {
    color: #0a0a0a;
}
.hp-control-brands {
    margin-bottom: 4rem;
}
.hp-control-brands .has-tip {
    border-bottom: 0;
}
@media print,screen and (min-width:64em) {
    .hp-control-sprite:before {
        display: block;
        content: "";
        border: 10px solid #62eeff;
        position: absolute;
        right: 5%;
        transform: rotate(35deg);
        width: 50px;
        height: 50px;
    }
}
.hp-control-testimonial {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin-bottom: 1rem;
    padding: 50px 50px 20px;
    position: relative;
    width: 100%;
}
.hp-control-testimonial blockquote {
    border: 0;
}
.hp-control-testimonial blockquote:before {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDIwIDEzJz48cGF0aCBmaWxsPScjMDZhZmE2JyBkPSdNOSA2djdIMFY2bDItNmg1TDYgNmgzem0xMSAwdjdoLTlWNmwyLTZoNWwtMSA2aDN6Jy8+PC9zdmc+);
    content: "";
    float: left;
    margin-left: -2rem;
    width: 20px;
    height: 13px;
}
.hp-control-testimonial blockquote p {
    color: #2f2f2f;
    font-size: 125%;
    font-style: italic;
}
@media print,screen and (min-width:64em) {
    .hp-control-testimonial {
        margin-bottom: 2.5rem;
        min-height: 270px;
    }
    .hp-control-testimonial blockquote {
        min-height: 105px;
    }
}
.hp-control-testimonial-meta {
    display: table;
    margin-left: auto;
}
.hp-control-testimonial-meta > img,
.hp-control-testimonial-meta > span {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.hp-control-testimonial-avatar {
    border-radius: 50%;
    margin-left: 1.5rem;
    width: 80px;
}
.hp-control-ribbon {
    background-color: #edfcff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    color: inherit;
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}
.hp-control-ribbon b {
    color: #00bcd4;
    font-weight: inherit;
}
@media print,screen and (min-width:40em) {
    .hp-control-ribbon {
        font-size: 125%;
        padding: 5px 0;
    }
}
.hp-control-ribbon-thumbnail {
    height: 50px;
    margin-right: 1rem;
}
@media print,screen and (min-width:40em) {
    .hp-control-ribbon-thumbnail {
        height: 72px;
    }
}
.hp-control-ribbon-icon {
    font-size: 2.5rem!important;
    margin-right: 0.5rem;
}
@media print,screen and (min-width:40em) {
    .hp-control-ribbon-icon {
        font-size: 1.5rem!important;
    }
}
.hp-control-map-title {
    position: relative;
    z-index: 2;
}
.hp-control-map {
    background-image: url(../image/homepage/homepage-parent/new/map-blue.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 28.5rem;
    position: relative;
    z-index: 1;
}
@media print,screen and (min-width:40em) {
    .hp-control-map {
        min-height: 30rem;
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-map {
        margin-top: -4rem;
        min-height: 42rem;
    }
}
.hp-control-map-label {
    background-image: url(../image/homepage/spring-2021/dots.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: content-box;
    display: block;
    margin-top: -4.5rem;
    margin-left: -4.5rem;
    padding: 4rem 4.5rem 4.5rem;
    pointer-events: none;
    position: absolute;
    text-align: center;
    width: 8.5rem;
    height: 8.5rem;
}
@media print,screen and (min-width:64em) {
    .hp-control-map-label {
        margin-top: -6.5rem;
        margin-left: -6.5rem;
        padding: 6rem 6.5rem 6.5rem;
    }
}
.hp-control-map-label.\--students {
    top: 11rem;
    right: -3rem;
}
@media print,screen and (min-width:40em) {
    .hp-control-map-label.\--students {
        top: -1rem;
        right: auto;
        left: calc(50% + 12rem);
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-map-label.\--students {
        top: 2rem;
        left: calc(50% + 22rem);
    }
}
.hp-control-map-label.\--code {
    top: 14rem;
    left: 1.5rem;
}
@media print,screen and (min-width:40em) {
    .hp-control-map-label.\--code {
        top: 14rem;
        left: calc(50% - 20rem);
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-map-label.\--code {
        top: 20rem;
        left: calc(50% - 30rem);
    }
}
.hp-control-map-label.\--schools {
    top: 22rem;
    left: calc(50% - 2rem);
}
@media print,screen and (min-width:40em) {
    .hp-control-map-label.\--schools {
        top: 26rem;
        left: calc(50% + 4rem);
    }
}
@media print,screen and (min-width:64em) {
    .hp-control-map-label.\--schools {
        top: 33rem;
        left: calc(50% + 10rem);
    }
}
.hp-control-map-label-content {
    background-color: #33343b;
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    pointer-events: auto;
    width: inherit;
    height: inherit;
}
.hp-control-map-label b {
    color: #fde867;
    display: block;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1;
}
.hp-control .card-resource {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    color: #25293a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
    height: 12.5rem;
}
@media print,screen and (min-width:40em) {
    .hp-control .card-resource {
        height: 15rem;
    }
}
@media print,screen and (min-width:64em) {
    .hp-control .card-resource {
        padding: 2rem 1rem 2rem 2rem;
    }
}
@media screen and (min-width:75em) {
    .hp-control .card-resource {
        height: 15rem;
    }
}
.hp-control .card-resource__title {
    color: #0096aa;
    font-size: 1rem;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
.hp-control .card-resource__block-link {
    color: inherit;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.125rem;
}
.hp-control .card-resource__block-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media print,screen and (min-width:40em) {
    .hp-control .card-resource__block-link {
        font-size: 1.25rem;
    }
}
.hp-control .card-resource__link-list {
    margin-bottom: 0;
    overflow-y: auto;
    padding-left: 0.25rem;
}
.hp-control .card-resource__link-list > li {
    padding-left: 0.25rem;
}
.hp-control .card-resource__link-list > li a {
    color: inherit;
    font-size: 0.75rem;
}
.hp-control .card-resource__link-list > li::marker {
    content: "\203A";
}
.dashboard-nav {
    margin-bottom: 0;
    margin-right: -25px;
    margin-left: -25px;
    overflow-x: auto;
    padding-right: 25px;
    padding-left: 25px;
    position: relative;
    white-space: nowrap;
    width: 100%;
}
.dashboard-nav::-webkit-scrollbar {
    display: none!important;
}
@media print,screen and (min-width:64em) {
    .dashboard-nav {
        scrollbar-width: none;
    }
}
@media screen and (min-width:75em) {
    .dashboard-nav {
        overflow-x: visible;
    }
}
.dashboard-nav > li {
    display: inline-block;
    position: relative;
    padding: 0 22px;
}
.dashboard-nav > li > a,
.dashboard-nav > li > button {
    text-decoration: none;
    background-size: 100%;
    color: hsla(0,0%,100%,.85);
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 1.6;
    padding: 8px 2px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.dashboard-nav > li > a:after,
.dashboard-nav > li > a:before,
.dashboard-nav > li > button:after,
.dashboard-nav > li > button:before {
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
}
.dashboard-nav > li > a:before,
.dashboard-nav > li > button:before {
    background-position: 100% 100%;
}
.dashboard-nav > li > a:after,
.dashboard-nav > li > button:after {
    background-position: 0 100%;
}
.dashboard-nav > li > a:focus,
.dashboard-nav > li > a:hover,
.dashboard-nav > li > button:focus,
.dashboard-nav > li > button:hover {
    background-image: url("../image/dashboard/navigation/tab-body-hover.svg");
    color: #fff;
    z-index: 2;
}
.dashboard-nav > li > a:focus:before,
.dashboard-nav > li > a:hover:before,
.dashboard-nav > li > button:focus:before,
.dashboard-nav > li > button:hover:before {
    background-image: url("../image/dashboard/navigation/tab-start-hover.svg");
    right: 100%;
}
.dashboard-nav > li > a:focus:after,
.dashboard-nav > li > a:hover:after,
.dashboard-nav > li > button:focus:after,
.dashboard-nav > li > button:hover:after {
    background-image: url("../image/dashboard/navigation/tab-end-hover.svg");
    left: 100%;
}
.dashboard-nav > li > a:focus,
.dashboard-nav > li > button:focus {
    outline: 0;
}
.dashboard-nav > li.is-active > a,
.dashboard-nav > li.is-active > button {
    background-image: url("../image/dashboard/navigation/tab-body.svg");
    color: #00bcd4!important;
    z-index: 3;
}
.dashboard-nav > li.is-active > a:before,
.dashboard-nav > li.is-active > button:before {
    background-image: url("../image/dashboard/navigation/tab-start.svg");
    right: calc(100% - 1px);
}
.dashboard-nav > li.is-active > a:after,
.dashboard-nav > li.is-active > button:after {
    background-image: url("../image/dashboard/navigation/tab-end.svg");
    left: calc(100% - 1px);
}
.dashboard-nav > li.filter-button {
    float: right;
}
.dashboard-nav > li.filter-button > a {
    color: #477690;
    padding: 8px 30px 8px 10px;
    font-size: 1rem;
    line-height: 1rem;
    background: #fff;
    border-radius: 20px;
    background-image: url("data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzMyJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMzIgMjQnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDMyLDAgMTYsMjQnIHN0eWxlPSdmaWxsOiByZ2IoNzEsIDExOCwgMTQ0KSc+PC9wb2x5Z29uPjwvc3ZnPg==");
    background-origin: content-box;
    background-position: right -.875rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding: 8px 30px 8px 20px;
}
.dashboard-nav > li.filter-button > a:hover {
    background-image: url("data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgd2lkdGg9JzMyJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMzIgMjQnPjxwb2x5Z29uIHBvaW50cz0nMCwwIDMyLDAgMTYsMjQnIHN0eWxlPSdmaWxsOiByZ2IoNzEsIDExOCwgMTQ0KSc+PC9wb2x5Z29uPjwvc3ZnPg==");
}
.dashboard-nav > li.filter-button > a:hover:after,
.dashboard-nav > li.filter-button > a:hover:before {
    background-image: none;
}
.dashboard-nav > li.filter-button .menu-dropdown {
    position: absolute;
    background-color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 8px;
    z-index: 51;
    box-shadow: 2px 2px 10px rgba(0,0,0,.5);
    margin-top: 10px;
}
.dashboard-nav > li.filter-button .menu-dropdown ul {
    margin-bottom: 0;
    margin-left: 0;
}
.dashboard-nav > li.filter-button .menu-dropdown ul li {
    color: #555;
    font-weight: 700;
    padding: 0 10px;
}
.dashboard-nav > li.filter-button .menu-dropdown ul li a {
    color: #555;
    font-weight: 700;
}
.dashboard-nav > li.filter-button .menu-dropdown ul li a:hover {
    color: #000;
}
.dashboard-nav > li.filter-button .menu-dropdown:after {
    content: "";
    position: absolute;
    border-style: solid;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: transparent transparent #fff;
}
.dashboard-nav > li.tabs-title {
    float: none;
}
.dashboard-nav > li.tabs-title > a,
.dashboard-nav > li.tabs-title > button {
    font-size: 16px;
}
.dashboard-nav > li.tabs-title > a:hover,
.dashboard-nav > li.tabs-title > button:hover {
    background-color: transparent;
}
.dashboard-nav.\--inverted > li > a:before,
.dashboard-nav.\--inverted > li > button:before {
    background-position: 100% 0;
}
.dashboard-nav.\--inverted > li > a:after,
.dashboard-nav.\--inverted > li > button:after {
    background-position: 0 0;
}
.dashboard-nav.\--inverted > li > a:focus:before,
.dashboard-nav.\--inverted > li > a:hover:before,
.dashboard-nav.\--inverted > li > button:focus:before,
.dashboard-nav.\--inverted > li > button:hover:before {
    background-image: url("../image/dashboard/navigation/tab-inverted-start-hover.svg");
}
.dashboard-nav.\--inverted > li > a:focus:after,
.dashboard-nav.\--inverted > li > a:hover:after,
.dashboard-nav.\--inverted > li > button:focus:after,
.dashboard-nav.\--inverted > li > button:hover:after {
    background-image: url("../image/dashboard/navigation/tab-inverted-end-hover.svg");
}
.dashboard-nav.\--inverted > li.is-active > a:before,
.dashboard-nav.\--inverted > li.is-active > button:before {
    background-image: url("../image/dashboard/navigation/tab-inverted-start.svg");
}
.dashboard-nav.\--inverted > li.is-active > a:after,
.dashboard-nav.\--inverted > li.is-active > button:after {
    background-image: url("../image/dashboard/navigation/tab-inverted-end.svg");
}
.dashboard-nav.\--detached {
    border-bottom: 2px solid #7580b3;
    margin-right: 0;
    margin-left: 0;
}
.dashboard-nav.\--detached > li > a,
.dashboard-nav.\--detached > li > button {
    color: rgba(90,94,107,.85);
}
.dashboard-nav.\--detached > li > a:focus,
.dashboard-nav.\--detached > li > a:hover,
.dashboard-nav.\--detached > li > button:focus,
.dashboard-nav.\--detached > li > button:hover {
    background-image: url("../image/dashboard/navigation/tab-detached-body-hover.svg");
    color: #5a5e6b;
}
.dashboard-nav.\--detached > li > a:focus:before,
.dashboard-nav.\--detached > li > a:hover:before,
.dashboard-nav.\--detached > li > button:focus:before,
.dashboard-nav.\--detached > li > button:hover:before {
    background-image: url("../image/dashboard/navigation/tab-detached-start-hover.svg");
}
.dashboard-nav.\--detached > li > a:focus:after,
.dashboard-nav.\--detached > li > a:hover:after,
.dashboard-nav.\--detached > li > button:focus:after,
.dashboard-nav.\--detached > li > button:hover:after {
    background-image: url("../image/dashboard/navigation/tab-detached-end-hover.svg");
}
.dashboard-nav.\--detached > li.is-active > a,
.dashboard-nav.\--detached > li.is-active > button {
    background-image: url("../image/dashboard/navigation/tab-detached-body.svg");
    color: #fff!important;
}
.dashboard-nav.\--detached > li.is-active > a:before,
.dashboard-nav.\--detached > li.is-active > button:before {
    background-image: url("../image/dashboard/navigation/tab-detached-start.svg");
}
.dashboard-nav.\--detached > li.is-active > a:after,
.dashboard-nav.\--detached > li.is-active > button:after {
    background-image: url("../image/dashboard/navigation/tab-detached-end.svg");
}
.dashboard-nav.\--portal {
    margin-right: 0;
    margin-left: 0;
}
.dashboard-nav.\--portal > li > a,
.dashboard-nav.\--portal > li > a:focus,
.dashboard-nav.\--portal > li > a:hover,
.dashboard-nav.\--portal > li > button,
.dashboard-nav.\--portal > li > button:focus,
.dashboard-nav.\--portal > li > button:hover {
    color: #00bcd4;
}
.dashboard-nav.\--white > li.is-active > a,
.dashboard-nav.\--white > li.is-active > button {
    background-image: url("../image/dashboard/navigation/tab-white-body.svg");
}
.dashboard-nav.\--white > li.is-active > a:before,
.dashboard-nav.\--white > li.is-active > button:before {
    background-image: url("../image/dashboard/navigation/tab-white-start.svg");
}
.dashboard-nav.\--white > li.is-active > a:after,
.dashboard-nav.\--white > li.is-active > button:after {
    background-image: url("../image/dashboard/navigation/tab-white-end.svg");
}
.dashboard-nav.is-scrollable {
    overflow-x: auto;
    overflow-x: overlay;
    scrollbar-width: auto;
}
.dashboard-nav.is-scrollable::-webkit-scrollbar {
    background-color: transparent;
    display: block!important;
    height: 0.5em;
}
.dashboard-nav.is-scrollable::-webkit-scrollbar-track,
.dashboard-nav.is-scrollable::-webkit-scrollbar-track-piece {
    background-color: transparent;
}
.dashboard-nav.is-scrollable::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 1em;
}
.dashboard-nav-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 4;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.12s ease-in-out;
}
li.is-active .dashboard-nav-label {
    color: #ffab00;
}
.dashboard-nav-label.\--yellow {
    color: #ffd600;
}
.dashboard-header-tabs {
    color: #fff;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.dashboard-header-tabs h1,
.dashboard-header-tabs h2,
.dashboard-header-tabs p {
    color: inherit;
}
.dashboard-header-tabs .button-toggle-filters {
    color: inherit!important;
}
.dashboard-header-tabs .tab {
    background-color: rgba(46,51,71,.5);
    display: inline-block;
    margin: 10px;
    padding: 7px 20px;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}
.dashboard-header-tabs .tab.selected,
.dashboard-header-tabs .tab:hover {
    background-color: #fff;
    color: #2e3347;
}
.dashboard-header-tabs .unlock-activities {
    display: inline-block;
    text-align: center;
}
.dashboard-header-tabs .unlock-activities a {
    color: #fff;
}
.dashboard-header-tabs .unlock-activities a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.dashboard-header-tabs.dashboard-header-tabs-purple {
    background: linear-gradient(135deg,#6a689e,#4d57c2);
}
.dashboard-header-tabs.dashboard-header-tabs-purple .tab {
    background-color: #55579b;
}
.dashboard-header-tabs.dashboard-header-tabs-purple .tab.selected,
.dashboard-header-tabs.dashboard-header-tabs-purple .tab:hover {
    color: #55579b;
}
.dashboard-header-tabs.dashboard-header-tabs-blue {
    background-color: #00bcd4;
}
.dashboard-header-tabs.\--gradient {
    background-color: #00bcd4;
    background-image: linear-gradient(135deg,#00bcd4,#9661e8);
}
.dashboard-header-tabs.\--gradient-cyan {
    background-color: #00c4cb;
    background-image: linear-gradient(135deg,#00c4cb,#0389d4);
}
.dashboard-header-tabs.\--gradient-orange {
    background-color: #fda940;
    background-image: linear-gradient(135deg,#fda940,#fe6489);
}
.dashboard-header-tabs.\--gradient-purple {
    background-color: #756ab8;
    background-image: linear-gradient(45deg,#756ab8,#56bbdd);
}
.menu-tabs {
    min-height: 56px;
}
.menu-tabs .sticky {
    background-color: #fff;
    width: 100%;
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
    margin-top: 0!important;
}
.menu-tabs .tabs-title a {
    line-height: 34px;
    font-size: 16px;
    padding: 0 15px;
    margin-right: 10px;
    color: #335675;
    border-bottom: 4px solid transparent;
    border-radius: 0;
}
.menu-tabs .is-active a,
.menu-tabs .tabs-title a:hover {
    color: #00bcd4;
    background: 0 0;
}
.menu-tabs .is-active a {
    border-bottom-color: #00bcd4;
    border-radius: 0;
}
.menu-tabs.menu-tabs-top {
    padding: 10px 0 10px 30px;
    background-color: #fff;
    border-bottom: 1px solid #d3d3d3;
    white-space: nowrap;
    overflow-x: auto;
}
.menu-tabs.menu-tabs-top::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.menu-tabs.menu-tabs-top::-webkit-scrollbar-track {
    background-color: #d3d3d3;
    border-radius: 5px;
}
.menu-tabs.menu-tabs-top::-webkit-scrollbar-thumb {
    background-color: #545454;
    border-radius: 5px;
}
@media print,screen and (min-width:64em) {
    .menu-tabs.menu-tabs-top {
        white-space: normal;
        overflow-x: inherit;
    }
}
.menu-tabs.menu-tabs-top .menu {
    display: inline-block;
}
.menu-tabs.menu-tabs-top .menu .tabs-title {
    float: none;
    display: inline-block;
}
.menu-tabs .button {
    float: right;
    margin-bottom: 0;
}
.menu-tabs .button span {
    font-size: 12px;
    padding-right: 10px;
    vertical-align: middle;
}
.ik2-grant {
    background-color: #fff;
}
.ik2-grant section {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.ik2-grant-hero {
    background-image: url("../image/partners/infosys/k2-grant/bg-hero-mobile.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 9.375rem;
}
@media print,screen and (min-width:40em) {
    .ik2-grant-hero {
        background-image: url("../image/partners/infosys/k2-grant/bg-hero-desktop.png");
        min-height: 18.75rem;
    }
}
@media screen and (min-width:75em) {
    .ik2-grant-hero {
        background-image: url("../image/partners/infosys/k2-grant/bg-hero-desktop@2x.png");
    }
}
.ik2-grant-hero__logo {
    position: absolute;
    bottom: 0.625rem;
    height: 1.875rem;
}
@media print,screen and (min-width:40em) {
    .ik2-grant-hero__logo {
        bottom: 1rem;
        height: 5rem;
    }
}
.ik2-grant-hero__logo.\--app-logo {
    left: 2%;
}
@media screen and (min-width:75em) {
    .ik2-grant-hero__logo.\--app-logo {
        left: 10%;
    }
}
.ik2-grant-hero__logo.\--partner-logo {
    right: 2%;
}
@media screen and (min-width:75em) {
    .ik2-grant-hero__logo.\--partner-logo {
        right: 10%;
    }
}
.ik2-grant-hero__logo > img {
    max-height: 100%;
}
.ik2-grant-tablet {
    margin-bottom: 1rem;
    position: relative;
    text-align: center;
}
.ik2-grant-tablet__notice {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 7.5rem;
}
@media print,screen and (min-width:40em) {
    .ik2-grant-tablet__notice {
        right: auto;
        left: calc(50% + 3rem);
        width: auto;
    }
}
article blockquote {
    margin-bottom: 31px;
}
article h1 {
    text-align: center;
}
article h2 {
    margin: 0 0 0.75em;
    line-height: 1.4;
}
article p,
article ul {
    font-size: 20px;
    line-height: 31px;
    padding: 0 0 15px;
}
article a {
    font-size: 20px;
}
article li:not(:last-of-type) {
    padding-bottom: 31px;
}
article .article-header {
    background: url("http://placehold.it/870x250");
    background-position: 50%;
    background-size: cover;
    height: 250px;
}
article > section {
    padding: 20px 0;
}
article > section > :last-child,
article > section > :last-child > :last-child,
article > section > :last-child > :last-child > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
article > section a.download {
    font-size: 18px;
}
article > section .article-section-title .article-section-subtitle {
    font-size: 30px;
    text-align: center;
}
.article-nav {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 5px 4px rgba(0,0,0,.11);
    border-radius: 10px;
    margin-top: 2rem;
}
.article-nav ul li {
    font-size: 16px;
    letter-spacing: 0;
    text-align: left;
}
.article-nav ul li a {
    color: #25293a;
    display: block;
    padding: 1rem;
}
.article-nav ul li.article-nav-current-item {
    background: #6361eb 0 0 no-repeat padding-box;
}
.article-nav ul li.article-nav-current-item a {
    color: #fff;
}
.article-nav ul li.article-nav-current-item:first-child {
    border-radius: 5px 5px 0 0;
}
.article-nav ul li.article-nav-current-item:last-child {
    border-radius: 0 0 5px 5px;
}
.article-root {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.article-root:after,
.article-root:before {
    display: table;
    content: " ";
}
.article-root:after {
    clear: both;
}
@media print,screen and (min-width:40em) {
    .article-root .article-container {
        width: 66.6666666667%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .article-root .article-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-container:last-child:not(:first-child) {
        float: right;
    }
}
@media print,screen and (min-width:64em) {
    .article-root .article-container {
        width: 75%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:64em) and (min-width:40em) {
    .article-root .article-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:64em) {
    .article-root .article-container:last-child:not(:first-child) {
        float: right;
    }
}
.article-root .article-container section {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.article-root .article-container section:after,
.article-root .article-container section:before {
    display: table;
    content: " ";
}
.article-root .article-container section:after {
    clear: both;
}
.article-root .article-container section .article-text {
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    .article-root .article-container section .article-text {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
.article-root .article-container section .article-text:last-child:not(:first-child) {
    float: right;
}
.article-root .article-container section .article-text h2 a {
    color: #25293a;
}
.article-root .article-container section .article-image {
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    .article-root .article-container section .article-image {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
.article-root .article-container section .article-image:last-child:not(:first-child) {
    float: right;
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating section .article-text {
        width: 58.3333333333%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .article-root .article-container .alternating section .article-text {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating section .article-text:last-child:not(:first-child) {
        float: right;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating section .article-image {
        width: 41.6666666667%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .article-root .article-container .alternating section .article-image {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating section .article-image:last-child:not(:first-child) {
        float: right;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating section:nth-of-type(odd) .article-text {
        position: relative;
        left: 41.6666666667%;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating section:nth-of-type(odd) .article-image {
        position: relative;
        left: -58.3333333333%;
    }
}
.article-root .article-container .alternating div.section-full-width {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.article-root .article-container .alternating div.section-full-width:after,
.article-root .article-container .alternating div.section-full-width:before {
    display: table;
    content: " ";
}
.article-root .article-container .alternating div.section-full-width:after {
    clear: both;
}
.article-root .article-container .alternating div.section-full-width .article-text {
    width: 100%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print,screen and (min-width:40em) {
    .article-root .article-container .alternating div.section-full-width .article-text {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
.article-root .article-container .alternating div.section-full-width .article-text:last-child:not(:first-child) {
    float: right;
}
@media print,screen and (min-width:40em) {
    .article-root .article-nav-container {
        width: 33.3333333333%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .article-root .article-nav-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .article-root .article-nav-container:last-child:not(:first-child) {
        float: right;
    }
}
@media print,screen and (min-width:64em) {
    .article-root .article-nav-container {
        width: 25%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:64em) and (min-width:40em) {
    .article-root .article-nav-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:64em) {
    .article-root .article-nav-container:last-child:not(:first-child) {
        float: right;
    }
}
.article-root .article-cta {
    display: block;
    font-size: 26px;
    text-align: center;
}
.article-root table tbody td,
.article-root table thead th {
    border: 1px solid #f1f1f1;
    padding: 1.5rem 0.625rem;
    text-align: center;
}
.article-root table thead th {
    vertical-align: bottom;
}
.article-root table tbody td {
    vertical-align: top;
}
.article-root table tbody tr,
.article-root table tbody tr:nth-child(2n) {
    background-color: #fff;
}
.explore-page h1 {
    padding: 0;
    margin-bottom: 30px;
}
.explore-page a,
.explore-page h1,
.explore-page h2,
.explore-page h3,
.explore-page p {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.explore-page .panel .gallery-listing ul li {
    position: relative;
    line-height: 18px;
}
.explore-page .panel .gallery-listing ul li a {
    font-size: 14px;
}
.explore-page .community-project-old .project-card {
    float: none;
    width: 100%;
    height: auto;
    border: 0;
    margin-bottom: 30px;
}
.explore-page .community-project-old .project-card h5 {
    padding: 0;
}
.explore-page .community-project-old .icon-button-like .icon-heart {
    display: inline-block;
}
.explore-page .community-project-old .icon-button-like .icon-heart-2,
.explore-page .community-project-old .icon-button-like.liked .icon-heart {
    display: none;
}
.explore-page .community-project-old .icon-button-like.liked .icon-heart-2 {
    display: inline-block;
}
.explore-page.explore-page-view-resource .learnmore {
    float: none;
    line-height: 24px;
    display: inline-block;
    padding-top: 12px;
    font-weight: 600;
    text-decoration: underline;
}
.explore-page.explore-page-view-resource .summary a.btn-round.orange {
    background-color: #ee9920;
    border-color: #ee9920;
    color: #fff;
}
.explore-page.explore-page-view-resource .summary a.btn-round.orange.hollow {
    color: #ee9920;
    background-color: #fff;
}
.explore-page.explore-page-view-resource .summary a.btn-round.orange.hollow:hover {
    color: #fff;
    background-color: #ee9920;
}
.explore-page.explore-page-view-resource .community h3 {
    color: #fff;
}
.explore-page .top-container-background {
    background: -moz-linear-gradient(-45deg,#6a699c 17%,#4e5abf 100%);
    background: -webkit-linear-gradient(-45deg,#6a699c 17%,#4e5abf);
    background: linear-gradient(135deg,#6a699c 17%,#4e5abf);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a699c",endColorstr="#4e5abf",GradientType=1);
}
.ebook-landing {
    background-color: #fff;
    background-image: url("../image/ebook/landing-page/bg-swoosh-header.svg),url(../image/ebook/bg-swoosh-footer.svg");
    background-repeat: no-repeat;
    background-position: center top -2rem,bottom;
    background-size: auto 50rem,100%;
    padding-bottom: 24rem;
}
.ebook-landing h1,
.ebook-landing h2,
.ebook-landing h3 {
    font-weight: 700;
}
@media screen and (min-width:75em) {
    .ebook-landing {
        background-size: 120%,100%;
    }
}
.ebook-landing .ebook-landing-hero {
    background-image: url("../image/ebook/landing-page/hero.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 25rem;
    color: #fff;
    margin-bottom: 4rem;
    padding: 76px 0 21rem;
    position: relative;
}
.ebook-landing .ebook-landing-hero__description {
    color: inherit;
    font-size: 1.5625rem;
}
@media screen and (min-width:75em) {
    .ebook-landing .ebook-landing-hero {
        background-position: right calc(50% - 20rem) center;
        background-size: auto;
        margin-bottom: 0;
        padding: 12rem 0 10rem;
    }
}
.ebook-landing .ebook-landing-gallery > .zf-row > .zf-column {
    margin-bottom: 2rem;
}
@media print,screen and (min-width:64em) {
    .ebook-landing .ebook-landing-gallery > .zf-row > .zf-column {
        margin-bottom: 0;
        padding-top: 5rem;
    }
    .ebook-landing .ebook-landing-gallery > .zf-row > .zf-column:nth-of-type(odd) {
        margin-top: -5rem;
    }
    .ebook-landing .ebook-landing-gallery > .zf-row > .zf-column:nth-of-type(2n):not(:last-of-type) {
        margin-top: 5rem;
    }
}
.ebook-landing .ebook-landing-card {
    margin-right: auto;
    margin-left: auto;
    max-width: 25rem;
}
.ebook-landing .ebook-landing-card__image {
    margin-bottom: 1rem;
    box-shadow: 0 1.5rem 2rem rgba(0,0,0,.2);
}
.ebook-landing .ebook-landing-card__description {
    margin-bottom: 1rem;
}
@media print,screen and (min-width:64em) {
    .ebook-landing .ebook-landing-card__image {
        margin-bottom: 2.625rem;
    }
    .ebook-landing .ebook-landing-card__description {
        font-size: 1.25em;
        margin-bottom: 1.25rem;
    }
    .ebook-landing .ebook-landing-card__link {
        font-size: 1.25em;
    }
}
body.site section.ebook-landing {
    padding-bottom: 0;
    padding-top: 0;
}
.ebook-detail {
    background-color: #fff;
    background-image: url("../image/ebook/bg-swoosh-footer.svg");
    background-size: 100%;
    padding-bottom: 24rem;
}
.ebook-detail,
.ebook-detail .ebook-detail-hero {
    background-repeat: no-repeat;
    background-position: bottom;
}
.ebook-detail .ebook-detail-hero {
    background-color: #8a9aea;
    background-image: url("../image/ebook/details-page/bg-swoosh-header.svg");
    background-size: cover;
    color: #fff;
    padding-top: 4.25rem;
    position: relative;
}
.ebook-detail .ebook-detail-hero__book {
    box-shadow: 11px 1px 12px rgba(0,0,0,.3);
    margin-bottom: 2rem;
    width: 21.875rem;
}
.ebook-detail .ebook-detail-hero__title {
    margin-top: 2.5rem;
}
.ebook-detail .ebook-detail-hero__description {
    color: inherit;
    font-size: 1.375rem;
}
@media print,screen and (min-width:40em) {
    .ebook-detail .ebook-detail-hero {
        background-color: rgba(114,196,247,.24);
        background-image: url("../image/ebook/details-page/ctg-hero-space-ship.png),url(../image/ebook/details-page/bg-swoosh-header.svg");
        background-size: auto,cover;
        background-position: top 0.5rem right 1rem,bottom;
        padding-top: 10.625rem;
        padding-bottom: 3.75rem;
    }
}
@media print,screen and (min-width:64em) {
    .ebook-detail .ebook-detail-hero {
        background-position: top 2rem right 1rem,bottom;
    }
}
.ebook-detail .ebook-detail-hero .hero-cart-link {
    background-color: #fff;
    padding: 40px;
    border-radius: 15px;
    left: 60%;
    top: 60%;
    margin: auto;
    position: absolute;
    text-align: center;
}
.ebook-detail .ebook-detail-hero .hero-cart-link h5 {
    color: #00a2b6;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}
.ebook-detail .ebook-detail-hero .hero-cart-link ul {
    list-style-type: none;
    text-align: center;
}
.ebook-detail .ebook-detail-hero .hero-cart-link .price {
    text-align: center;
    padding-bottom: 10px;
}
.ebook-detail .ebook-detail-hero .hero-cart-link .rate {
    font-size: 57px;
    font-weight: 700;
}
.ebook-detail .ebook-detail-hero .hero-cart-link .per-month {
    color: rgba(0,0,0,.4);
    font-size: 20px;
}
.ebook-detail .ebook-detail-hero .hero-cart-link .add-to-cart-button {
    background-color: #ff8d1a;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
.ebook-detail .ebook-detail-purchase-card {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 10px rgba(0,0,0,.25);
    color: #0a0a0a;
    font-size: 0.875rem;
    margin: 0 auto;
    padding: 1rem;
    max-width: 18.75rem;
}
@media print,screen and (min-width:40em) {
    .ebook-detail .ebook-detail-purchase-card {
        float: right;
    }
}
.ebook-detail .ebook-detail-purchase-card__title {
    color: #00bcd4;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.2rem;
}
.ebook-detail .ebook-detail-purchase-card__price {
    font-size: 3.125rem;
    font-weight: 700;
}
.ebook-detail .ebook-detail-purchase-card__price sup {
    font-size: 50%;
    margin-right: -.1rem;
    top: -.75em;
}
.ebook-detail .ebook-detail-purchase-card__price-rate {
    color: #a8abad;
    font-size: 1.25rem;
}
.ebook-detail .ebook-detail-purchase-card ul.checkmark li {
    font-size: 13px;
}
.ebook-detail .ebook-detail-content {
    padding: 3.75rem 0;
}
.ebook-detail .ebook-detail-content p {
    font-size: 1.25em;
}
.ebook-detail .ebook-detail-content a {
    font-size: inherit;
}
.ebook-detail .ebook-detail-content ul {
    font-size: 1.25em;
}
.ebook-detail .ebook-detail-content ul.activities {
    font-size: 1.25rem;
    list-style: disc;
    margin-left: 40px;
}
.ebook-detail .ebook-detail-content ul.checkmark li {
    background-position-y: 10px;
    font-size: inherit;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.ebook-detail .ebook-detail-content .menu.menu-filters.menu-filters-pills li {
    padding: 0;
}
.ebook-detail .ebook-detail-content .menu.menu-filters.menu-filters-pills li input {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}
.ebook-detail .ebook-detail-content .menu.menu-filters.menu-filters-pills li label {
    color: #575757;
    font-weight: 700;
    padding: 0.5rem 2.5rem;
}
.ebook-detail .ebook-detail-content .menu.menu-filters.menu-filters-pills li.is-active label {
    color: #fff;
}
.ebook-detail .ebook-detail-gallery {
    background-color: #edf3f4;
    padding: 3.75rem 0;
}
.ebook-detail .ebook-detail-gallery__title {
    margin-bottom: 2.5rem;
}
.ebook-detail .ebook-detail-gallery__link {
    font-size: 1.375rem;
}
.ebook-detail .ebook-detail-card {
    cursor: pointer;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    max-width: 16.25rem;
    position: relative;
    transition: all 0.1s ease-in-out;
}
.ebook-detail-collection .ebook-detail-card:hover {
    transform: scale(1.012);
}
.ebook-detail-collection .ebook-detail-card:hover:after,
.ebook-detail-collection .ebook-detail-card:hover:before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.ebook-detail-collection .ebook-detail-card:hover:before {
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    border-radius: 50%;
    top: 2.5rem;
    width: 5rem;
    height: 5rem;
    z-index: 1;
}
.ebook-detail-collection .ebook-detail-card:hover:after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    margin-left: 0.25rem;
    top: 3.5rem;
    width: 0;
    height: 0;
    z-index: 2;
}
.ebook-detail .ebook-detail-card__image {
    display: block;
    margin-bottom: 1rem;
    position: relative;
}
.ebook-detail .ebook-detail-card__description {
    font-size: 1rem!important;
}
.ebook-detail .ebook-detail-card.is-coming-soon .ebook-detail-card__image:before {
    background-color: rgba(0,0,0,.75);
    color: #fff;
    content: "Coming Soon";
    display: none;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 13;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}
.ebook-detail .ebook-detail-card.is-coming-soon:hover .ebook-detail-card__image:before {
    display: block;
}
.ebook-detail .ebook-detail-email-collector .ebook-error-message {
    margin-left: 0;
}
.ebook-detail .ebook-detail-email-collector .ebook-selectbox {
    color: gray;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
}
.ebook-detail .ebook-detail-email-collector .ebook-selectbox > input {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}
.ebook-detail .ebook-detail-email-collector .ebook-selectbox__input {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 8px 10px rgba(0,0,0,.25);
    color: #fff;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.5625rem;
    line-height: 3.125rem;
    margin-right: 1.5625rem;
    text-align: center;
    vertical-align: middle;
    width: 3.125rem;
    height: 3.125rem;
}
.ebook-detail .ebook-detail-email-collector .ebook-selectbox__input > .icon {
    display: none;
}
.ebook-detail .ebook-detail-email-collector .ebook-selectbox > input:checked+.ebook-selectbox__input {
    background-color: #2ad9b1;
}
.ebook-detail .ebook-detail-email-collector .ebook-selectbox > input:checked+.ebook-selectbox__input > .icon {
    display: inline-block;
}
.ebook-detail .ebook-detail-email-collector .email-registration-success,
.ebook-detail .ebook-detail-email-collector .email-row {
    margin-left: 0;
}
.ebook-detail .ebook-detail-email-collector .email-input-field {
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ebook-detail .ebook-detail-email-collector .email-field-wrapper {
    padding-left: 0;
}
.ebook-detail .ebook-detail-email-collector .email-marketing-checkbox {
    display: block;
    margin: 0 0 0 -16px;
    padding: 0 0 20px;
    font-size: 18px;
    color: gray;
}
.ebook-detail .ebook-detail-email-collector .email-marketing-checkbox > input {
    visibility: hidden;
    margin: 0;
}
.ebook-detail .ebook-detail-email-collector .email-marketing-checkbox > span {
    vertical-align: middle;
    display: inline-block;
    max-width: 700px;
    margin: 0 0 0 16px;
}
.ebook-detail .ebook-detail-email-collector .email-marketing-checkbox > img {
    display: inline-block;
    padding: 0;
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-color: grey;
    border-radius: 3px;
    box-shadow: 15px 15px 15px rbga(0,0,0,.4);
    margin-right: 10px;
}
.ebook-detail .ebook-detail-email-collector .email-marketing-checkbox > input:checked+img {
    background-image: url("../image/ebook/details-page/green-check-mark.svg");
    background-repeat: no-repeat;
    background-position: center -7px;
    height: 50px;
    width: 50px;
    background-size: auto;
    margin-right: 10px;
}
.ebook-detail .ebook-detail-email-collector .button-wrapper {
    margin-top: 50px;
}
.ebook-detail .ebook-detail-email-collector .button-wrapper .ebook-accept-button {
    height: 106px;
    width: 356px;
    background-image: url("../image/ebook/details-page/get-ebook.svg");
}
.ebook-detail .ebook-detail-email-collector .button-wrapper > p {
    margin-top: 10px;
    font-size: 18px;
    color: gray;
}
.ebook-detail .ebook-detail-prefooter p {
    color: #707070;
    font-size: 1.125rem;
}
@media print,screen and (min-width:64em) {
    .ebook-detail .ebook-detail-prefooter {
        margin-bottom: -10rem;
    }
}
@media print,screen and (min-width:64em) {
    .ebook-detail .ebook-detail-side-wave {
        background-image: url("../image/ebook/details-page/bg-swoosh-aside.svg");
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: auto 80%;
    }
}
body.site section.ebook-detail {
    padding-bottom: 0;
    padding-top: 0;
}
.pythonroom-page {
    background: linear-gradient(180deg,#0087d4 0,#0075b8 15%,#005488);
}
.pythonroom-page .with-graphics {
    height: 100vh;
    max-height: 600px;
    background-image: url("../image/pythonroom/snake-tree.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 120% -40px;
}
.pythonroom-page .text {
    padding: 80px 40px;
    color: #fff;
}
.pythonroom-page .text p,
.pythonroom-page .text p strong {
    color: #fff;
}
.pythonroom-page .text p em {
    font-weight: 700;
}
.pythonroom-page .text p .button {
    background-color: #fff;
    padding: 14px 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00b3ff;
}
.privacy-page ol li,
.privacy-page ul li {
    list-style-position: inside;
    margin-bottom: 1rem;
}
.privacy-page ol li p:first-child,
.privacy-page ul li p:first-child {
    display: inline;
}
.privacy-page ol li p:nth-child(2),
.privacy-page ul li p:nth-child(2) {
    margin-top: 1rem;
}
.privacy-page ol.blank {
    list-style-type: none;
}
.privacy-page ol.upper-alpha {
    list-style-type: upper-alpha;
}
.privacy-page ul {
    list-style-type: disc;
}
.privacy-page ul ul {
    list-style-type: circle;
}
.privacy-page ul ul ul {
    list-style-type: square;
}
.privacy-page ul ul ul ul {
    list-style-type: disc;
}
.privacy-page .underline {
    text-decoration: underline;
}
.privacy-page .c2 {
    orphans: 2;
    widows: 2;
    direction: ltr;
}
.privacy-page .c5 {
    color: #15c;
    text-decoration: underline;
}
.privacy-page .c1 {
    color: inherit;
    text-decoration: inherit;
}
.privacy-page .c0 {
    font-weight: 700;
}
.privacy-page .c4 {
    font-style: italic;
}
.privacy-page .c3 {
    height: 11pt;
}
.privacy-page.\--non-student h3,
.privacy-page.\--student h3 {
    text-decoration: underline;
}
.privacy-page.\--non-student h4,
.privacy-page.\--student h4 {
    text-decoration: underline;
    font-style: italic;
}
.privacy-page.\--non-student ul.toc,
.privacy-page.\--student ul.toc {
    margin-left: 2rem;
}
.privacy-page.\--non-student ul.toc li a,
.privacy-page.\--student ul.toc li a {
    font-weight: 700;
}
@media screen and (max-width:39.9375em) {
    body.site section.privacy-page {
        padding-top: 0;
    }
}
body.site section.privacy-page .menu-tabs {
    margin-bottom: 2rem;
}
.off-canvas-content .privacy-page .menu-tabs.menu-tabs-top {
    background-color: transparent;
}
.modal .show-lesson-details > .modal-header > h3 {
    color: #fff;
}
.show-lesson-details {
    max-width: 740px;
    max-height: 600px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.show-lesson-details > .modal-header > h3 {
    color: #fff;
}
.show-lesson-details > .modal-body {
    max-height: 474px;
    overflow: auto;
    margin-top: 20px;
}
.show-lesson-details > .modal-body > .activities,
.show-lesson-details > .modal-body > .blocks,
.show-lesson-details > .modal-body > .concepts,
.show-lesson-details > .modal-body > .instructor-notes,
.show-lesson-details > .modal-body > .review-questions {
    margin: 20px 10px 10px 0;
}
.show-lesson-details > .modal-body > .activities ol,
.show-lesson-details > .modal-body > .activities ul,
.show-lesson-details > .modal-body > .blocks ol,
.show-lesson-details > .modal-body > .blocks ul,
.show-lesson-details > .modal-body > .concepts ol,
.show-lesson-details > .modal-body > .concepts ul,
.show-lesson-details > .modal-body > .instructor-notes ol,
.show-lesson-details > .modal-body > .instructor-notes ul,
.show-lesson-details > .modal-body > .review-questions ol,
.show-lesson-details > .modal-body > .review-questions ul {
    margin-left: 20px;
}
.show-lesson-details > .modal-body > .activities {
    list-style: none;
}
.show-lesson-details > .modal-body > .activities ul {
    margin-left: 0;
}
.show-lesson-details > .modal-body > .activities ul li {
    margin: 0;
    border-top: 1px solid #dae1e1;
    padding: 5px 0;
}
.show-lesson-details > .modal-body > .activities ul li:last-child {
    border-bottom: 1px solid #dae1e1;
}
.show-lesson-details > .modal-body > .activities ul li .thumbnail {
    float: left;
    width: 91px;
    height: 60px;
    margin-right: 15px;
}
.show-lesson-details > .modal-body > .activities ul li .thumbnail img {
    width: 91px;
    height: 60px;
    padding: 0;
    margin: 0;
}
.show-lesson-details > .modal-body > .activities ul li .info .title {
    margin-bottom: 0;
    padding-bottom: 0.5em;
    line-height: 21px;
    font-size: 17px;
    font-weight: 500;
}
.show-lesson-details > .modal-body > .activities ul li .info .description {
    padding-bottom: 0;
    line-height: 16px;
    font-size: 13px;
    font-weight: 300;
}
.show-lesson-details > .modal-footer .text {
    float: left;
    width: 75%;
    text-align: left;
}
.show-lesson-details > .modal-footer .actions {
    float: right;
    width: 25%;
}
.school-coding-curriculum-index .scope-sequence-hero {
    background: #617bbe;
    background: -moz-linear-gradient(left,#617bbe 0,#9fb6e1 100%);
    background: -webkit-linear-gradient(left,#617bbe,#9fb6e1);
    background: linear-gradient(90deg,#617bbe 0,#9fb6e1);
    color: #fff;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#617bbe",endColorstr="#9fb6e1",GradientType=1))
    padding: 30px 10px;
    margin-bottom: 60px;
}
.school-coding-curriculum-index .scope-sequence-hero .scope-sequence-hero-image {
    background-image: url("/images/school/programming-curriculum/scope-sequence.png");
    background-repeat: no-repeat;
    padding: 50px 0;
    background-size: 44%;
    background-position: 30px;
}
@media screen and (max-width:39.9375em) {
    .school-coding-curriculum-index .scope-sequence-hero .scope-sequence-hero-image {
        background-image: none;
        padding: 0;
    }
}
.school-coding-curriculum-index .scope-sequence-hero p {
    color: inherit;
}
.school-coding-curriculum-index .scope-sequence-hero .button {
    margin-top: 20px;
    margin-bottom: 0;
}
.school-coding-curriculum-index .scope-sequence-hero .icon-checkmark {
    color: #23b2a7;
}
.school-coding-curriculum-index .scope-sequence-hero .icon-checkmark:after {
    display: none;
}
.school-coding-curriculum-index .scope-sequence-hero .common-core-wrap {
    margin-bottom: 30px;
}
@media print,screen and (min-width:64em) {
    .school-coding-curriculum-index .scope-sequence-hero .common-core-wrap {
        margin-bottom: 0;
    }
}
.school-coding-curriculum-index .scope-sequence-hero .common-core-wrap a {
    min-width: 200px;
}
.school-coding-curriculum-index .course-list-table {
    background-color: #f6fafb;
    padding: 40px 0;
    font-weight: 400;
}
.school-coding-curriculum-index .course-list-table .table {
    border-radius: 8px;
    color: #999;
    text-align: center;
    font-weight: 300;
}
.school-coding-curriculum-index .course-list-table .table tbody,
.school-coding-curriculum-index .course-list-table .table td,
.school-coding-curriculum-index .course-list-table .table thead {
    border: none;
}
.school-coding-curriculum-index .course-list-table .table th {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #d4edf0;
}
.school-coding-curriculum-index .course-list-table .table tr {
    border-bottom: 1px solid #d4edf0;
}
.school-coding-curriculum-index .course-list-table .table tr:last-child {
    border-bottom: none;
}
.school-coding-curriculum-index .course-list-table table,
.school-coding-curriculum-index .course-list-table td,
.school-coding-curriculum-index .course-list-table thead,
.school-coding-curriculum-index .course-list-table tr {
    background-color: #f6fafb;
}
.school-coding-curriculum-index .course-list-table td {
    padding: 10px 30px;
}
.school-coding-curriculum-index .course-list-table td.align-left {
    padding-left: 0;
}
.school-coding-curriculum-index .course-list-table td .icon-checkmark {
    padding-right: 0;
}
.school-coding-curriculum-index .course-list-table th {
    border-bottom: none;
    padding: 0;
    min-width: 150px;
}
.school-coding-curriculum-index .course-list-table th h6 {
    padding: 10px 0;
    margin: 0;
}
.school-coding-curriculum-index .course-list-table .icon-checkmark {
    font-weight: 700;
    padding-right: 10px;
}
.school-coding-curriculum-index .course-list-table .icon-checkmark.checkmark-green {
    color: #22bdb6;
}
.school-coding-curriculum-index .course-list-table .icon-checkmark.checkmark-blue {
    color: #00bcd4;
}
.school-coding-curriculum-index .course-list-table .icon-checkmark.checkmark-purple {
    color: #9078c6;
}
.school-coding-curriculum-index .course-list-table .icon-checkmark.checkmark-orange {
    color: #ffaa31;
}
.school-coding-curriculum-index .course-list-table .wide-table-header {
    min-width: 200px;
}
.school-coding-curriculum-index .course-list-table .footnote {
    text-align: center;
    color: #999;
}
.school-coding-curriculum-request {
    background-color: #fff;
}
.school-coding-curriculum-request section {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.school-coding-curriculum-request .hero {
    background: linear-gradient(90deg,#66b6d0,#68b0ca 21.25%,#6e9ebb 50.72%,#7880a1 84.86%,#7d7194);
    color: #fff;
    font-weight: 400;
    text-align: center;
}
.school-coding-curriculum-request .hero label {
    text-align: left;
}
.school-coding-curriculum-request .hero h3 span {
    display: block;
    font-size: 14px;
}
.school-coding-curriculum-request .hero ul {
    list-style-type: disc;
    padding-left: 1em;
}
.school-coding-curriculum-request .hero .quote-message img {
    width: 70%;
}
@media print,screen and (min-width:64em) {
    .school-coding-curriculum-request .hero {
        text-align: initial;
    }
}
.school-coding-curriculum-request .hero .back-link-container {
    text-align: initial;
}
.school-coding-curriculum-request .hero .back-link-container .back-link {
    color: #fff;
}
.school-coding-curriculum-request .hero .title {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 24px;
}
@media print,screen and (min-width:64em) {
    .school-coding-curriculum-request .hero .title {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.school-coding-curriculum-request .hero .school-plan-card {
    color: #0a0a0a;
    margin: 0 auto;
    width: 322px;
}
.school-coding-curriculum-request .hero .school-plan-card .title {
    color: #565f85;
}
.school-coding-curriculum-request .hero .message {
    margin-top: 35px;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .school-coding-curriculum-request .hero .message {
        margin-top: 0;
    }
}
.school-coding-curriculum-request .hero .price,
.school-coding-curriculum-request .hero .sale {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 1rem;
}
.school-coding-curriculum-request .hero .price .value,
.school-coding-curriculum-request .hero .sale .value {
    font-weight: 700;
}
.school-coding-curriculum-request .hero .price.has-sale {
    color: #ccc;
    margin-bottom: 0;
    text-decoration: line-through;
}
.school-coding-curriculum-request .hero .sale-badge {
    position: relative;
    top: 0.25rem;
    right: 0.25rem;
    width: 75px;
    height: 75px;
    background-image: url("../image/school/sale-badge.svg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    line-height: 75px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
}
.school-coding-curriculum-request .hero .sale-badge-small {
    font-size: 12px;
    line-height: 45px;
    height: 45px;
    width: 45px;
}
.school-coding-curriculum-request .hero .sale-badge-has-discount {
    line-height: 65px;
}
.school-coding-curriculum-request .hero .sale-badge-has-discount .sale-badge-discount {
    font-size: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 16px;
}
.school-coding-curriculum-request .hero .accordion.courses {
    background: 0 0;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item {
    margin-bottom: 2rem;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item h2 {
    color: #fff;
    padding-bottom: 0;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-title {
    border: none;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-title:focus,
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-title:hover {
    background: 0 0;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-title:before {
    display: none;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content {
    border: none;
    padding: 0 0 0 1rem;
    background: 0 0;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content .intro {
    color: #fff;
    font-size: 14px;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content .details {
    list-style-type: none;
    padding-left: 0;
    font-size: 14px;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content .platforms {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content .platforms .platform {
    display: inline-block;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content .platforms .platform+.platform {
    margin-left: 0.5em;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .accordion-content .platforms .platform .icon-apple {
    margin-top: -2px;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .show-details:after {
    content: "";
    display: inline-block;
    margin-left: 1em;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .hide-details {
    display: none;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item .hide-details:after {
    content: "";
    display: inline-block;
    margin-left: 1em;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item.is-active .show-details {
    display: none;
}
.school-coding-curriculum-request .hero .accordion.courses .accordion-item.is-active .hide-details {
    display: block;
}
.school-coding-curriculum-request .hero .check-validity {
    background-color: #31424c;
    border-radius: 8px;
    padding: 1.5rem;
}
.school-coding-curriculum-request .hero .check-validity label {
    color: #ccc;
    white-space: nowrap;
}
.school-coding-curriculum-request .hero .check-validity select {
    display: block;
    border-radius: 5px;
}
.school-coding-curriculum-request .hero .check-validity input[type=email],
.school-coding-curriculum-request .hero .check-validity input[type=number],
.school-coding-curriculum-request .hero .check-validity input[type=tel],
.school-coding-curriculum-request .hero .check-validity input[type=text] {
    display: block;
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #c0c7cb;
    outline: none;
    padding: 6px;
}
.school-coding-curriculum-request .hero .check-validity .button.button-submit,
.school-coding-curriculum-request .hero .check-validity input[type=button],
.school-coding-curriculum-request .hero .check-validity input[type=submit] {
    margin-top: 1rem;
}
.school-coding-curriculum-request .hero .check-validity-title {
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    text-align: center;
}
.school-coding-curriculum-request .hero .check-validity .schoolOrDistrictName {
    position: relative;
}
.school-coding-curriculum-request .hero .check-validity .schoolsmenu {
    position: absolute;
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -14px;
    padding: 4px;
    max-height: 10em;
    width: 90%;
    overflow-y: auto;
    z-index: 10;
    font-size: 14px;
    line-height: 20px;
}
.school-coding-curriculum-request .hero .check-validity .schoolsmenu li {
    padding: 2px;
    cursor: pointer;
    white-space: nowrap;
    color: #0a0a0a;
}
.school-coding-curriculum-request .hero .check-validity .schoolsmenu li em {
    font-style: normal;
    font-weight: 700;
    margin-right: 10px;
    display: block;
}
.school-coding-curriculum-request .hero .check-validity .schoolsmenu li span {
    display: block;
}
.school-coding-curriculum-request .hero .check-validity .schoolsmenu li:hover {
    background-color: #ccc;
    color: #fff;
}
.school-coding-curriculum-request .hero .check-validity .link-previous-page {
    display: inline-block;
    margin-top: 1.4rem;
}
.school-coding-curriculum-request .built-for-educators {
    background-color: #f4f9fa;
}
.school-coding-curriculum-request .built-for-educators .title-container {
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .title-container .title {
    letter-spacing: 1px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}
.school-coding-curriculum-request .built-for-educators .title-container .subtitle {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile {
    text-align: center;
    min-height: 260px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile .image {
    width: 164px;
    height: 130px;
    margin: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile .title {
    color: #211f1f;
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile .description {
    color: #717272;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    max-width: 280px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-block-and-text .image {
    background-image: url("/images/school/built-for-educators/block-and-text-coding.png");
    background-size: 154px 85px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-comprehensive-curriculum .image {
    background-image: url("../image/school/school-page/comprehensive-curriculum-icon-03-12-18.png");
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-free-training .image {
    background-image: url("../image/school/school-page/free-training-icon.png");
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-success-stories .image {
    background-image: url("../image/school/school-page/success-stories-icon.png");
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-automatic-assessments-2 .image {
    background-image: url("../image/school/school-page/automatic-assessments-2.png");
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-classroom-management-2 .image {
    background-image: url("../image/school/school-page/metrics.png");
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-creativity-tools .image {
    background-image: url("/images/school/built-for-educators/creativity-tools.png");
    background-size: 96px 77px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-automatic-assessments .image {
    background-image: url("/images/school/built-for-educators/automatic-assessments.png");
    background-size: 89px 77px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-stem-courses .image {
    background-image: url("../image/school/school-page/stem-courses-icon.png");
    margin-bottom: 20px;
}
.school-coding-curriculum-request .built-for-educators .tiles .tile.tile-classroom-management .image {
    background-image: url("/images/school/built-for-educators/classroom-management.png");
    background-size: 90px 77px;
}
@media screen and (max-width:39.9375em) {
    .school-coding-curriculum-request .built-for-educators .tiles .tile {
        min-height: 250px;
    }
}
@media screen and (max-width:39.9375em) {
    .school-coding-curriculum-request .built-for-educators {
        padding: 10px 0;
    }
    .school-coding-curriculum-request .built-for-educators .title-container {
        margin-bottom: 10px;
    }
    .school-coding-curriculum-request .built-for-educators .tile {
        min-height: 0!important;
    }
}
.school-coding-curriculum-request .whats-new-2019 {
    background-color: #f4f9fa;
}
.school-coding-curriculum-request .whats-new-2019 ul li {
    list-style-type: disc;
    list-style-position: inside;
}
.school-coding-curriculum-request .whats-new-2019 img {
    max-height: 250px;
}
.school-coding-curriculum-request .body ul {
    padding-left: 20px;
    list-style: initial;
}
.school-coding-curriculum-request .body .button-request-quote {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media print,screen and (min-width:64em) {
    .school-coding-curriculum-request .body .button-request-quote {
        display: inline-block;
    }
}
.school-coding-curriculum-request .body .table-compare-plans {
    min-width: 100%;
    color: #999;
}
.school-coding-curriculum-request .body .table-compare-plans thead {
    border: none;
    background-color: transparent;
}
.school-coding-curriculum-request .body .table-compare-plans thead th {
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
.school-coding-curriculum-request .body .table-compare-plans thead th p {
    margin-bottom: 5px;
}
.school-coding-curriculum-request .body .table-compare-plans thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
.school-coding-curriculum-request .body .table-compare-plans thead th .description {
    font-size: 14px;
    font-weight: 400;
}
.school-coding-curriculum-request .body .table-compare-plans tbody {
    border: none;
}
.school-coding-curriculum-request .body .table-compare-plans tbody tr {
    border-bottom: 1px solid #d4edf0;
}
.school-coding-curriculum-request .body .table-compare-plans tbody tr:nth-child(2n) {
    background-color: transparent;
}
.school-coding-curriculum-request .body .table-compare-plans tbody th {
    text-align: left;
    color: initial;
    font-weight: 300;
}
.school-coding-curriculum-request .body .table-compare-plans tbody td {
    text-align: center;
}
.school-coding-curriculum-request .body .table-compare-plans tbody td .icon-checkmark {
    color: #22bdb6;
}
.school-coding-curriculum-request .body .resources {
    margin-top: 60px;
}
.school-coding-curriculum-request .body .resources .image-container {
    text-align: right;
}
.blue-ribbon-educator .section-banner {
    width: 100%;
    height: 100%;
    background: linear-gradient(240deg,rgba(25,34,63,.85) 51.95%,rgba(31,35,69,.85) 71.94%,rgba(48,39,84,.85) 98.72%,rgba(49,39,85,.85)),url("../image/school/blue-ribbon/bg-hero-teachers.jpg") 50% no-repeat;
    background-size: cover;
    min-height: 400px;
}
.blue-ribbon-educator .section-banner h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 3%;
}
.blue-ribbon-educator .section-banner h3 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
}
@media screen and (max-width:39.9375em) {
    .blue-ribbon-educator .section-banner {
        min-height: 320px;
    }
}
.blue-ribbon-educator .section-content li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 20px;
}
.blue-ribbon-educator .section-content .benefits {
    background-color: #3ca7de;
    color: #fff;
    padding: 20px;
}
.blue-ribbon-educator .section-content .benefits p {
    color: #fff;
}
.blue-ribbon-educator .section-content .benefits .beneift-title {
    font-size: 21px;
}
.blue-ribbon-educator .section-content .benefits h4 {
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 0 10px;
}
.blue-ribbon-educator .section-content .benefits .zf-column {
    padding: 0.5rem;
}
.blue-ribbon-educator .section-content .benefits .benefit-box {
    background-color: hsla(0,0%,100%,.1);
    padding: 20px;
    min-height: 130px;
}
.blue-ribbon-educator .section-content .benefits .benefit-box span {
    color: #62cefc;
    font-size: 16px;
    vertical-align: middle;
}
.blue-ribbon-educator .section-content .qualifications {
    background: url("../image/school/blue-ribbon/bg-hero-qualifications.jpg") no-repeat;
    background-size: cover;
    background-position: 0;
    padding: 30px 10px;
}
.blue-ribbon-educator .section-content .qualifications h4 {
    margin-top: 0;
}
@media print,screen and (min-width:40em) {
    .blue-ribbon-educator .section-content .qualifications {
        background-position: 50%;
    }
}
@media print,screen and (min-width:64em) {
    .blue-ribbon-educator .section-content .qualifications {
        min-height: 400px;
    }
    .blue-ribbon-educator .section-content .qualifications h4 {
        margin-top: 50px;
    }
}
.blue-ribbon-educator .section-content .apply {
    background-color: #282f4b;
    background-position: 100%;
    padding: 30px 10px;
}
.blue-ribbon-educator .section-content .apply h4,
.blue-ribbon-educator .section-content .apply li,
.blue-ribbon-educator .section-content .apply p {
    color: #fff;
}
@media print,screen and (min-width:40em) {
    .blue-ribbon-educator .section-content .apply {
        background: url("../image/school/blue-ribbon/bg-hero-join.jpg") no-repeat;
        background-position: 50%;
        min-height: 450px;
        background-size: cover;
    }
}
@media print,screen and (min-width:64em) {
    .blue-ribbon-educator .section-content .apply h4 {
        margin-top: 50px;
    }
}
body.site section.blue-ribbon-educator {
    padding-bottom: 0;
    padding-top: 0;
}
.modal-school-bundle-preview {
    border: 0;
    padding: 0;
    max-height: 615px;
}
.modal-school-bundle-preview::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.modal-school-bundle-preview::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}
.modal-school-bundle-preview::-webkit-scrollbar-thumb {
    background-color: #919191;
    border-radius: 5px;
}
.modal-school-bundle-preview .button {
    display: inline-block;
}
.modal-school-bundle-preview .header {
    padding: 20px;
    color: #fff;
    background-color: #36a1d8;
}
.modal-school-bundle-preview .header .title {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 24px;
}
.modal-school-bundle-preview .header .subtitle {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 20px;
    padding-right: 25px;
}
.modal-school-bundle-preview .header .left {
    text-align: left;
}
.modal-school-bundle-preview .header .right {
    text-align: right;
}
.modal-school-bundle-preview .body {
    padding: 20px;
}
.modal-school-bundle-preview .body .title {
    font-size: 20px;
    padding: 0;
    margin: 0 0 20px;
}
.modal-school-bundle-preview .body .course-gallery {
    overflow: hidden;
    max-height: 360px;
    overflow-y: auto;
    margin: 0 20px 20px 0;
}
.modal-school-bundle-preview .body .course-gallery::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.modal-school-bundle-preview .body .course-gallery::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}
.modal-school-bundle-preview .body .course-gallery::-webkit-scrollbar-thumb {
    background-color: #919191;
    border-radius: 5px;
}
.modal-school-bundle-preview .body .course-gallery .course-card {
    float: none;
}
.modal-school-bundle-preview .body .course-gallery .course-card .course-level {
    color: #fff;
    font-size: 10px;
}
.modal-school-bundle-preview .body .course-gallery .course-card .course-title {
    color: #fff;
    font-size: 14px;
}
.modal-school-bundle-preview .body .course-gallery .course-card .course-header {
    height: 60px;
    padding: 0 12px;
}
.modal-school-bundle-preview .body .course-gallery .course-card .course-header.school-beginner {
    background-color: #2abb9b;
}
.modal-school-bundle-preview .body .course-gallery .course-card .course-header.school-intermediate {
    background-color: #36a1d8;
}
.modal-school-bundle-preview .body .course-gallery .course-card .course-header.school-advanced {
    background-color: #8d73c3;
}
.modal-school-bundle-preview .body .course-gallery .course-card.course-card-home {
    float: none;
}
.modal-school-bundle-preview .body .features ul {
    list-style-type: none;
}
.modal-school-bundle-preview .body .features .title {
    padding: 0;
    margin: 0;
}
.modal-school-bundle-preview .body .features .description {
    padding: 0;
    margin: 0;
    font-size: 13px;
    margin-bottom: 10px;
}
.modal-school-bundle-preview .footer {
    color: #000;
    background-color: #f2f5f5;
    padding: 15px;
}
.modal-school-bundle-preview .footer .price {
    font-size: 20px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
}
.modal-school-bundle-preview .footer .button {
    margin: 0;
    min-width: 120px;
    margin-bottom: 5px;
}
.modal-school-bundle-preview .footer .button.button-blue {
    color: #fff;
    background-color: #3a9ddb;
}
.modal-school-bundle-preview .footer .button.button-orange {
    color: #fff;
    background-color: #ffaa31;
}
.modal-school-bundle-preview .footer .buttons .button {
    margin-right: 5px;
}
.modal-school-bundle-preview .footer .left {
    text-align: left;
}
.modal-school-bundle-preview .footer .right {
    text-align: right;
}
.modal-school-bundle-preview.reveal .close-reveal-modal {
    color: #fff;
}
.modal-school-bundle-preview.reveal.reveal-animated {
    padding: 0;
}
.page-school .school-video-thumbnail {
    display: block;
    position: relative;
    transition: transform 0.125s ease-in-out;
}
.page-school .school-video-thumbnail:hover {
    transform: scale(1.012);
}
.page-school .school-video-thumbnail:after {
    background-image: url("../image/school/hero/video-play-icon.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 6rem;
    height: 6rem;
}
.page-school .hero {
    position: relative;
    color: #fff;
    background: #756ab8 url("/images/school/hero.png") no-repeat 0 100%;
    min-height: 450px;
}
.page-school .hero .button {
    outline: none;
}
.page-school .hero .button.button-orange {
    padding: 15px;
    background-color: #fd9a26;
    border: 2px solid transparent;
    border-bottom: 3px solid #d57402;
}
.page-school .hero .button.button-orange:hover {
    background-color: #d57402;
}
.page-school .hero .button.button-video {
    border: 2px solid transparent;
    padding: 15px 15px 15px 50px;
    background: transparent url("/images/school/play.png") no-repeat 15px;
    background-size: 16px 16px;
}
.page-school .hero .button.button-video:hover {
    border-color: #fff;
    background-color: hsla(0,0%,100%,.1);
}
.page-school .hero .buttons-container .button {
    margin-right: 20px;
}
.page-school .hero .hero-overlay {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}
.page-school .hero .hero-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 510px;
}
.page-school .hero .hero-content .zf-row {
    height: 100%;
}
.page-school .hero .hero-content .title {
    color: #fff;
}
.page-school .hero .hero-content .description {
    color: #fff;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 300;
    text-shadow: 1px 2px 5px rgba(51,51,51,.13);
}
.page-school .hero .hero-content .description .watch-video {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.page-school .hero .hero-content .description .watch-video:hover {
    text-decoration: underline;
}
.page-school .hero .hero-footer {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 10px;
}
.page-school .hero .hero-footer .number {
    font-weight: 600;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school .hero .hero-overlay {
        display: block;
    }
    .page-school .hero .hero-content {
        max-width: none;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }
    .page-school .hero .hero-content .description,
    .page-school .hero .hero-content .title {
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    }
    .page-school .hero .hero-content .button-video {
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
        border-color: #fff;
    }
    .page-school .hero .hero-footer {
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    }
}
@media screen and (max-width:39.9375em) {
    .page-school .hero {
        background-size: cover;
        min-height: 400px;
    }
    .page-school .hero h1 {
        font-size: 30px!important;
    }
    .page-school .hero .hero-overlay {
        display: block;
    }
    .page-school .hero .hero-content {
        position: relative;
        transform: none;
        width: 100%;
        height: 100%;
        padding: 15px;
        text-align: center;
    }
    .page-school .hero .hero-content .description,
    .page-school .hero .hero-content .title {
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    }
    .page-school .hero .hero-content .button-video {
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
        border-color: #fff;
    }
    .page-school .hero .hero-content .buttons-container {
        text-align: center;
    }
    .page-school .hero .hero-footer {
        position: relative;
        text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    }
}
.page-school .school-logos {
    overflow: hidden;
    background-color: #fff;
}
.page-school .school-logos .orbit .orbit-slide.secondary {
    display: none;
}
.page-school .school-logos .orbit .orbit-bullets button {
    width: 15px;
    height: 15px;
    margin: 0 20px 20px 0;
    background-color: #cacaca;
    border-radius: 50%;
}
.page-school .school-logos .orbit .orbit-bullets button.is-active {
    background-color: #aaa;
}
.page-school .school-logos .school-callout {
    padding-top: 25px;
    font-size: 14px;
    padding-left: 40px;
}
.page-school .school-logos .school-callout .number {
    font-weight: 600;
}
.page-school .school-logos .school-logo {
    margin: auto;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 100px;
    opacity: 0.6;
}
.page-school .school-logos .school-logo.school-logo-hawthorne {
    background-image: url("/images/school/school-logos/hawthorne.png");
    opacity: 0.5;
}
.page-school .school-logos .school-logo.school-logo-steam {
    background-image: url("/images/school/school-logos/steam.png");
}
.page-school .school-logos .school-logo.school-logo-kipp {
    background-image: url("/images/school/school-logos/kipp.png");
}
.page-school .school-logos .school-logo.school-logo-palo-alto {
    background-image: url("/images/school/school-logos/palo-alto.png");
}
@media print,screen and (min-width:64em) {
    .page-school .school-logos .school-logo.school-logo-palo-alto {
        max-width: 120px;
    }
}
.page-school .school-logos .school-logo.school-logo-wichita {
    background-image: url("/images/school/school-logos/wichita.png");
    opacity: 0.8;
}
.page-school .school-logos .school-logo.school-logo-alt {
    background-image: url("/images/school/school-logos/alt.png");
}
.page-school .school-logos .school-logo.school-logo-balsz {
    background-image: url("/images/school/school-logos/balsz.png");
}
.page-school .school-logos .school-logo.school-logo-city-year {
    background-image: url("/images/school/school-logos/city-year.png");
}
.page-school .school-logos .school-logo.school-logo-cps {
    background-image: url("/images/school/school-logos/cps.png");
}
.page-school .school-logos .school-logo.school-logo-deer-valley {
    background-image: url("/images/school/school-logos/deer-valley.png");
}
.page-school .school-logos .school-logo.school-logo-fort-mcmurry {
    background-image: url("/images/school/school-logos/fort-mcmurry.png");
}
.page-school .school-logos .school-logo.school-logo-galveston {
    background-image: url("/images/school/school-logos/galveston.png");
}
.page-school .school-logos .school-logo.school-logo-isd-728 {
    background-image: url("/images/school/school-logos/isd-728.png");
}
.page-school .school-logos .school-logo.school-logo-khan-lab {
    background-image: url("/images/school/school-logos/khan-lab.png");
}
.page-school .school-logos .school-logo.school-logo-kipp-dc {
    background-image: url("/images/school/school-logos/kipp-dc.png");
}
.page-school .school-logos .school-logo.school-logo-kipp-la,
.page-school .school-logos .school-logo.school-logo-kipp-la-ignite {
    background-image: url("/images/school/school-logos/kipp-la-ignite.png");
}
.page-school .school-logos .school-logo.school-logo-menlo {
    background-image: url("/images/school/school-logos/menlo.png");
}
.page-school .school-logos .school-logo.school-logo-minnetonka {
    background-image: url("/images/school/school-logos/minnetonka.png");
}
.page-school .school-logos .school-logo.school-logo-nyc {
    background-image: url("/images/school/school-logos/nyc.png");
}
.page-school .school-logos .school-logo.school-logo-sag {
    background-image: url("/images/school/school-logos/sag.png");
}
.page-school .school-logos .school-logo.school-logo-scarsdale {
    background-image: url("/images/school/school-logos/scarsdale.png");
}
.page-school .school-logos .school-logo.school-logo-stem-magnet {
    background-image: url("/images/school/school-logos/stem-magnet.png");
}
.page-school .school-logos .school-logo.school-logo-sweetwater {
    background-image: url("/images/school/school-logos/sweetwater.png");
}
.page-school .school-logos .school-logo.school-logo-ucps {
    background-image: url("/images/school/school-logos/ucps.png");
}
.page-school .school-logos .school-logo.school-logo-vista {
    background-image: url("/images/school/school-logos/vista.png");
}
@media screen and (max-width:39.9375em) {
    .page-school .school-logos {
        padding: 0;
    }
}
.page-school .try-hoc {
    background: #3f61f5 url("../image/school/try-hoc/hoc-bg-20171108.png");
    background-size: cover;
    color: #fff;
    padding: 30px 15px 40px;
}
.page-school .try-hoc .title {
    color: #fff;
    text-align: center;
}
.page-school .try-hoc .subtitle {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .page-school .try-hoc .subtitle {
        margin-bottom: 40px;
    }
}
.page-school .try-hoc .subtitle .date {
    display: block;
}
@media print,screen and (min-width:40em) {
    .page-school .try-hoc .subtitle .date {
        display: inline;
    }
}
.page-school .try-hoc > .zf-row {
    max-width: 65rem;
}
.page-school .try-hoc .text {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .page-school .try-hoc .text {
        float: right;
        max-width: 237px;
        text-align: left;
    }
}
.page-school .try-hoc .text p {
    color: #fff;
    margin-bottom: 10px;
}
.page-school .try-hoc .text .list-container ul {
    text-align: left;
    display: inline-block;
}
.page-school .try-hoc .text .list-container ul li {
    font-size: 15px;
    line-height: 1.8;
}
.page-school .try-hoc .text .button {
    outline: none;
    text-transform: capitalize;
}
.page-school .try-hoc .text .button.hollow {
    border-color: inherit;
    color: #fff;
}
.page-school .try-hoc .text .button.hollow:hover {
    border-color: #00bcd4;
}
.page-school .built-for-educators {
    padding: 50px 0 0;
    background-color: #fff;
}
.page-school .built-for-educators .tiles .tile {
    text-align: center;
    min-height: 260px;
}
.page-school .built-for-educators .tiles .tile .image {
    width: 164px;
    height: 130px;
    margin: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.page-school .built-for-educators .tiles .tile .title {
    color: #211f1f;
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
}
.page-school .built-for-educators .tiles .tile .description {
    color: #717272;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    max-width: 280px;
}
.page-school .built-for-educators .tiles .tile.tile-block-and-text .image {
    background-image: url("/images/school/built-for-educators/block-and-text-coding.png");
    background-size: 154px 85px;
}
.page-school .built-for-educators .tiles .tile.tile-comprehensive-curriculum .image {
    background-image: url("../image/school/school-page/comprehensive-curriculum-icon-03-12-18.png");
    margin-bottom: 20px;
}
.page-school .built-for-educators .tiles .tile.tile-free-training .image {
    background-image: url("../image/school/school-page/free-training-icon.png");
    margin-bottom: 20px;
}
.page-school .built-for-educators .tiles .tile.tile-success-stories .image {
    background-image: url("../image/school/school-page/success-stories-icon.png");
    margin-bottom: 20px;
}
.page-school .built-for-educators .tiles .tile.tile-automatic-assessments-2 .image {
    background-image: url("../image/school/school-page/automatic-assessments-2.png");
    margin-bottom: 20px;
}
.page-school .built-for-educators .tiles .tile.tile-classroom-management-2 .image {
    background-image: url("../image/school/school-page/metrics.png");
    margin-bottom: 20px;
}
.page-school .built-for-educators .tiles .tile.tile-creativity-tools .image {
    background-image: url("/images/school/built-for-educators/creativity-tools.png");
    background-size: 96px 77px;
}
.page-school .built-for-educators .tiles .tile.tile-automatic-assessments .image {
    background-image: url("/images/school/built-for-educators/automatic-assessments.png");
    background-size: 89px 77px;
}
.page-school .built-for-educators .tiles .tile.tile-stem-courses .image {
    background-image: url("../image/school/school-page/stem-courses-icon.png");
    margin-bottom: 20px;
}
.page-school .built-for-educators .tiles .tile.tile-classroom-management .image {
    background-image: url("/images/school/built-for-educators/classroom-management.png");
    background-size: 90px 77px;
}
@media screen and (max-width:39.9375em) {
    .page-school .built-for-educators .tiles .tile {
        min-height: 250px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school .built-for-educators {
        padding: 10px 0;
    }
    .page-school .built-for-educators .title-container {
        margin-bottom: 10px;
    }
    .page-school .built-for-educators .tile {
        min-height: 0!important;
    }
}
.page-school .tynker-global-community {
    padding: 50px 0 30px;
    background-color: #fff;
}
.page-school .tynker-global-community .title {
    letter-spacing: 1px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}
.page-school .tynker-global-community .subtitle {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1.5;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.page-school .tynker-global-community .subtitle a {
    font-size: 14px;
}
.page-school .tynker-global-community .links {
    margin-top: 30px;
    text-align: center;
}
.page-school .programming-curriculum {
    background-color: #f2f2f2;
    padding: 20px 0;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .page-school .programming-curriculum {
        padding: 30px 0;
    }
}
@media print,screen and (min-width:64em) {
    .page-school .programming-curriculum {
        text-align: left;
    }
}
.page-school .programming-curriculum img.featured {
    padding: 0 10%;
}
.page-school .programming-curriculum .title-container {
    margin-bottom: 15px;
}
.page-school .programming-curriculum .title-container .title {
    letter-spacing: 1px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.page-school .programming-curriculum .description {
    color: #7b7b7b;
    text-align: center;
    max-width: 850px;
    margin: auto;
}
.page-school .programming-curriculum .view-all-courses {
    margin: 15px 0;
    display: block;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
}
.page-school .programming-curriculum .courses {
    margin-top: 30px;
    padding-left: 0;
}
@media screen and (max-width:39.9375em) {
    .page-school .programming-curriculum .courses {
        margin-top: 10px;
    }
}
.page-school .programming-curriculum .courses .course-list-mobile ul li {
    list-style-type: disc;
}
.page-school .programming-curriculum .courses .course-list-mobile ul p {
    font-weight: 700;
}
.page-school .programming-curriculum .courses .course-list-mobile ul span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
.page-school .programming-curriculum .courses .course-catalog {
    text-align: left;
}
.page-school .programming-curriculum .courses .course-catalog .course-card-wrap {
    display: inline-block;
    margin: 10px 20px;
}
.page-school .programming-curriculum .courses .course-catalog .course-card-wrap .course-image {
    object-fit: cover;
}
.page-school .programming-curriculum .courses .course-catalog .course-card-wrap .course-type .type-text {
    vertical-align: top;
}
@media screen and (max-width:39.9375em) {
    .page-school .programming-curriculum .courses .course-catalog {
        text-align: center;
    }
    .page-school .programming-curriculum .courses .course-catalog .course-card-wrap .course-type {
        text-align: left;
    }
}
.page-school .programming-curriculum .courses .tabs-vertical-learning-paths {
    background-color: transparent;
    border: 0;
    margin-top: 10px;
    text-align: center;
}
.page-school .programming-curriculum .courses .tabs-vertical-learning-paths li {
    margin-bottom: 15px;
}
.page-school .programming-curriculum .courses .tabs-vertical-learning-paths a {
    color: #888;
    font-weight: 700;
    background-color: #c1f6f0;
    border-radius: 5px;
}
.page-school .programming-curriculum .courses .tabs-vertical-learning-paths a:hover {
    background-color: #e3e3f3;
}
.page-school .programming-curriculum .courses .tabs-vertical-learning-paths .is-active {
    position: relative;
    text-align: center;
}
.page-school .programming-curriculum .courses .tabs-vertical-learning-paths .is-active a {
    color: #fff;
    background: #3be3d1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    -moz-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
}
@media print,screen and (min-width:40em) {
    .page-school .programming-curriculum .courses .tabs-vertical-learning-paths,
    .page-school .programming-curriculum .courses .tabs-vertical-learning-paths .is-active {
        text-align: left;
    }
    .page-school .programming-curriculum .courses .tabs-vertical-learning-paths .is-active a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .page-school .programming-curriculum .courses .tabs-vertical-learning-paths .is-active:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 23px solid #3be3d1;
        position: absolute;
        left: 100%;
        top: 0;
    }
    .page-school .programming-curriculum .courses .tabs-vertical-learning-paths .is-active.two-line:after {
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 23px solid #3be3d1;
    }
}
.page-school .programming-curriculum .courses .tabs-content-vertical-learning-paths {
    background-color: transparent;
    border: none!important;
}
.page-school .programming-curriculum .courses .tabs-content-vertical-learning-paths .subtitle {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.page-school .programming-curriculum .courses .tabs-content-vertical-learning-paths h4 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    text-align: center;
}
.page-school .programming-curriculum #plansummary:after {
    display: none;
}
.page-school .programming-curriculum .button-view-curriculum {
    background-color: #3fa9da;
    font-weight: 400;
}
.page-school .programming-curriculum-media {
    background-image: url("../image/school/why-go-premium/curriculum-mini-table-bg.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 3rem;
}
.page-school .programming-curriculum-mini-table {
    border-radius: 16px;
    cursor: auto;
    padding: 2rem;
}
.page-school .programming-curriculum-mini-table:hover {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    transform: none;
}
.page-school .programming-curriculum-mini-table > table td,
.page-school .programming-curriculum-mini-table > table th {
    color: #0a0a0a;
    padding: 0.5rem 0.625rem 0.625rem;
    text-align: left;
}
.page-school .programming-curriculum-link {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.page-school .right-solution {
    position: relative;
    padding: 0;
    background: transparent url("/images/school/right-solution/photo.png") no-repeat 50%;
    background-size: cover;
}
@media print,screen and (min-width:64em) {
    .page-school .right-solution {
        background: 0 0;
        background-color: #1da8c0;
    }
}
.page-school .right-solution .button.hollow {
    border-color: #fff;
    color: #fff;
}
.page-school .right-solution .button.hollow:hover {
    background-color: transparent;
}
.page-school .right-solution .right-solution-content {
    padding: 10%;
    background-color: rgba(0,0,0,.7);
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .page-school .right-solution .right-solution-content {
        padding: 0 10%;
    }
}
.page-school .right-solution .right-solution-content .description,
.page-school .right-solution .right-solution-content .list,
.page-school .right-solution .right-solution-content .title {
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
@media print,screen and (min-width:64em) {
    .page-school .right-solution .right-solution-content {
        background: 0 0;
    }
    .page-school .right-solution .right-solution-content .description,
    .page-school .right-solution .right-solution-content .list,
    .page-school .right-solution .right-solution-content .title {
        text-shadow: none;
    }
}
@media print,screen and (min-width:64em) {
    .page-school .right-solution .right-solution-content {
        text-align: left;
    }
}
.page-school .right-solution .right-solution-content .title {
    color: #fff;
    padding: 0;
    margin: 0 0 15px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-school .right-solution .right-solution-content .description {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
.page-school .right-solution .right-solution-content .list {
    color: #fff;
    list-style-type: disc;
    margin-top: 15px;
    padding-left: 20px;
}
.page-school .right-solution .right-solution-content .button-learn-more {
    min-width: 200px;
}
.page-school .programs-for-educators {
    position: relative;
    padding: 0;
    background: transparent url("/images/school/right-solution/for-educators.png") no-repeat 50%;
    background-size: cover;
}
@media print,screen and (min-width:64em) {
    .page-school .programs-for-educators {
        background: 0 0;
        background-color: #1da8c0;
    }
}
.page-school .programs-for-educators .programs-for-educators-content {
    padding: 10%;
    background-color: rgba(0,0,0,.7);
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .page-school .programs-for-educators .programs-for-educators-content {
        padding: 0 10%;
    }
}
.page-school .programs-for-educators .programs-for-educators-content .description,
.page-school .programs-for-educators .programs-for-educators-content .list,
.page-school .programs-for-educators .programs-for-educators-content .title {
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
@media print,screen and (min-width:64em) {
    .page-school .programs-for-educators .programs-for-educators-content {
        background: 0 0;
    }
    .page-school .programs-for-educators .programs-for-educators-content .description,
    .page-school .programs-for-educators .programs-for-educators-content .list,
    .page-school .programs-for-educators .programs-for-educators-content .title {
        text-shadow: none;
    }
}
@media print,screen and (min-width:64em) {
    .page-school .programs-for-educators .programs-for-educators-content {
        text-align: left;
    }
}
.page-school .programs-for-educators .programs-for-educators-content .button.hollow {
    border-color: #fff;
    color: #fff;
    margin-top: 30px;
}
.page-school .programs-for-educators .programs-for-educators-content .button.hollow:hover {
    background-color: transparent;
}
.page-school .programs-for-educators .programs-for-educators-content .button-learn-more {
    min-width: 200px;
}
.page-school .programs-for-educators .programs-for-educators-content .title {
    color: #fff;
    padding: 0;
    margin: 0 0 15px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-school .programs-for-educators .programs-for-educators-content .description {
    color: #fff;
    padding: 0;
    margin: 0;
}
.page-school .programs-for-educators .programs-for-educators-content .list {
    color: #fff;
    list-style-type: disc;
    margin-top: 15px;
    padding-left: 20px;
}
.page-school .resources {
    background-color: #f2f2f2;
}
.page-school .resources .image {
    height: 90px;
    margin-bottom: 0.5em;
}
.page-school .resources .image span {
    font-size: 80px;
}
.page-school .resources .image img {
    max-height: 150px;
}
.page-school .resources h5 {
    font-size: 16px;
}
.page-school .resources p {
    margin-bottom: 4rem;
}
.page-school .resources p a {
    font-size: 14px;
}
.page-school .start-teaching-programming {
    padding: 50px 15px;
    background-color: #f4f9fa;
}
.page-school .start-teaching-programming .title-container {
    margin-bottom: 30px;
}
.page-school .start-teaching-programming .title-container .title {
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
}
.page-school .start-teaching-programming .table {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 15px;
}
.page-school .start-teaching-programming .table .button.large {
    margin: 20px;
}
.page-school .start-teaching-programming .table thead {
    background-color: #fff;
}
.page-school .start-teaching-programming .table thead th {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
.page-school .start-teaching-programming .table thead th p {
    margin-bottom: 5px;
}
.page-school .start-teaching-programming .table thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
.page-school .start-teaching-programming .table thead th .description {
    font-size: 14px;
    font-weight: 400;
}
.page-school .start-teaching-programming .table thead th .button {
    margin: 0;
}
.page-school .start-teaching-programming .table tbody td {
    text-align: center;
}
.page-school .start-teaching-programming .table tbody td .feature {
    display: block;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
}
.page-school .start-teaching-programming .table tbody td .price {
    font-weight: 600;
    font-size: 18px;
}
.page-school .start-teaching-programming .table tfoot td {
    text-align: center;
    padding: 20px;
}
.page-school .start-teaching-programming .table tfoot td .request-quote-link {
    letter-spacing: 1px;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
}
.page-school .start-teaching-programming .tiles .tile {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    min-height: 260px;
    margin-bottom: 30px;
}
.page-school .start-teaching-programming .tiles .tile:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.page-school .start-teaching-programming .tiles .tile .tile-content {
    padding: 15px;
}
.page-school .start-teaching-programming .tiles .tile .tile-content .title {
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-school .start-teaching-programming .tiles .tile .tile-content .price {
    text-align: right;
    color: #5b5b5b;
    font-weight: 600;
    font-size: 20px;
}
.page-school .start-teaching-programming .tiles .tile .tile-content .features {
    margin-top: 15px;
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
}
.page-school .start-teaching-programming .tiles .tile .buttons-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.page-school .start-teaching-programming .tiles .tile .buttons-container .button {
    outline: none;
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 50px;
    line-height: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}
.page-school .start-teaching-programming .tiles .tile .buttons-container .button.button-left {
    width: 50%;
    border-bottom-right-radius: 0;
}
.page-school .start-teaching-programming .tiles .tile .buttons-container .button.button-right {
    width: 50%;
    border-bottom-left-radius: 0;
}
.page-school .start-teaching-programming .tiles .tile .buttons-container .button:hover,
.page-school .start-teaching-programming .tiles .tile:hover {
    cursor: pointer;
}
.page-school .start-teaching-programming .tiles .tile.tile-register {
    background-color: #16afca;
}
.page-school .start-teaching-programming .tiles .tile.tile-register .title {
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 200;
    margin-top: 24px;
}
.page-school .start-teaching-programming .tiles .tile.tile-register .subtitle {
    color: #fff;
}
.page-school .start-teaching-programming .tiles .tile.tile-register .button {
    background-color: #1ca3bb;
}
.page-school .start-teaching-programming .tiles .tile.tile-register .button:hover {
    background-color: #157c8f;
}
.page-school .start-teaching-programming .tiles .tile.tile-green .title {
    color: #5dbd5a;
}
.page-school .start-teaching-programming .tiles .tile.tile-green .button {
    background-color: #5dbd5a;
}
.page-school .start-teaching-programming .tiles .tile.tile-green .button.button-right {
    background-color: #4cb548;
}
.page-school .start-teaching-programming .tiles .tile.tile-green .button:hover {
    background-color: #44a341;
}
.page-school .start-teaching-programming .tiles .tile.tile-green .button:hover.button-right {
    background-color: #357e33;
}
.page-school .start-teaching-programming .tiles .tile.tile-blue .title {
    color: #2d8fcf;
}
.page-school .start-teaching-programming .tiles .tile.tile-blue .button {
    background-color: #2d8fcf;
}
.page-school .start-teaching-programming .tiles .tile.tile-blue .button.button-right {
    background-color: #2881ba;
}
.page-school .start-teaching-programming .tiles .tile.tile-blue .button:hover {
    background-color: #2472a5;
}
.page-school .start-teaching-programming .tiles .tile.tile-blue .button:hover.button-right {
    background-color: #1b557b;
}
.page-school .start-teaching-programming .tiles .tile.tile-purple .title {
    color: #7d60ba;
}
.page-school .start-teaching-programming .tiles .tile.tile-purple .button {
    background-color: #7d60ba;
}
.page-school .start-teaching-programming .tiles .tile.tile-purple .button.button-right {
    background-color: #6e4eb2;
}
.page-school .start-teaching-programming .tiles .tile.tile-purple .button:hover {
    background-color: #6346a1;
}
.page-school .start-teaching-programming .tiles .tile.tile-purple .button:hover.button-right {
    background-color: #4d367e;
}
.page-school .start-teaching-programming .tiles .district {
    text-align: center;
    font-weight: 600;
}
.page-school .start-teaching-programming .tiles .district .request-quote-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
}
@media screen and (max-width:39.9375em) {
    .page-school .start-teaching-programming .tiles {
        padding: 30px 15px;
    }
    .page-school .start-teaching-programming .tiles .tiles {
        padding: 0;
    }
}
.page-school .automatic-assessments,
.page-school .classroom-management {
    position: relative;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: #3fa9da;
}
.page-school .automatic-assessments .video,
.page-school .classroom-management .video {
    display: block;
    position: relative;
    transition: all 0.1s ease-in-out;
}
.page-school .automatic-assessments .video:hover,
.page-school .classroom-management .video:hover {
    transform: scale(1.012);
}
.page-school .automatic-assessments .video.effect-pop-hover-shadow,
.page-school .classroom-management .video.effect-pop-hover-shadow {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.page-school .automatic-assessments .video.effect-pop-hover-shadow:hover,
.page-school .classroom-management .video.effect-pop-hover-shadow:hover {
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.page-school .automatic-assessments .video img,
.page-school .classroom-management .video img {
    border-radius: 5px;
}
.page-school .automatic-assessments .video .video-play:before,
.page-school .classroom-management .video .video-play:before {
    content: "";
    background: url("../image/ui/icn-play-video.png") no-repeat;
    height: 61px;
    width: 61px;
    position: absolute;
    margin: 0 0 -30px -30px;
    left: 50%;
    bottom: 50%;
}
.page-school .automatic-assessments .image-container,
.page-school .classroom-management .image-container {
    display: flex;
    min-height: 250px;
    background: transparent url("../image/school/management-bg.png") no-repeat;
    background-size: cover;
}
.page-school .automatic-assessments .image-container img.featured,
.page-school .classroom-management .image-container img.featured {
    padding: 0 10%;
    object-fit: contain;
}
.page-school .automatic-assessments .automatic-assessments-content .title-container,
.page-school .automatic-assessments .classroom-management-content .title-container,
.page-school .classroom-management .automatic-assessments-content .title-container,
.page-school .classroom-management .classroom-management-content .title-container {
    margin-bottom: 15px;
}
.page-school .automatic-assessments .automatic-assessments-content .title-container .title,
.page-school .automatic-assessments .classroom-management-content .title-container .title,
.page-school .classroom-management .automatic-assessments-content .title-container .title,
.page-school .classroom-management .classroom-management-content .title-container .title {
    color: #fff;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
}
@media print,screen and (min-width:40em) {
    .page-school .automatic-assessments .automatic-assessments-content .title-container .title,
    .page-school .automatic-assessments .classroom-management-content .title-container .title,
    .page-school .classroom-management .automatic-assessments-content .title-container .title,
    .page-school .classroom-management .classroom-management-content .title-container .title {
        text-align: left;
    }
}
.page-school .automatic-assessments .automatic-assessments-content .description,
.page-school .automatic-assessments .classroom-management-content .description,
.page-school .classroom-management .automatic-assessments-content .description,
.page-school .classroom-management .classroom-management-content .description {
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0;
}
.page-school .automatic-assessments .automatic-assessments-content .description h6,
.page-school .automatic-assessments .classroom-management-content .description h6,
.page-school .classroom-management .automatic-assessments-content .description h6,
.page-school .classroom-management .classroom-management-content .description h6 {
    margin: 0 0 0.5em;
    padding: 0;
    color: #fff;
}
.page-school .automatic-assessments .automatic-assessments-content .description p,
.page-school .automatic-assessments .classroom-management-content .description p,
.page-school .classroom-management .automatic-assessments-content .description p,
.page-school .classroom-management .classroom-management-content .description p {
    margin-bottom: 15px;
    padding-left: 26px;
    color: #fff;
}
.page-school .automatic-assessments .automatic-assessments-content .description a,
.page-school .automatic-assessments .classroom-management-content .description a,
.page-school .classroom-management .automatic-assessments-content .description a,
.page-school .classroom-management .classroom-management-content .description a {
    color: #fff;
    font-weight: 300;
    text-decoration: underline;
}
.page-school .easy-logins {
    position: relative;
    background-color: #2d8fcf;
    height: 345px;
}
.page-school .easy-logins .easy-logins-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 500px;
    padding: 10px;
}
.page-school .easy-logins .easy-logins-content .title-container {
    margin-bottom: 15px;
}
.page-school .easy-logins .easy-logins-content .title-container .title {
    color: #fff;
    text-align: left;
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
}
.page-school .easy-logins .easy-logins-content .description {
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0;
}
.page-school .easy-logins .easy-logins-content .description a {
    color: #fff;
    text-decoration: underline;
}
@media screen and (max-width:39.9375em) {
    .page-school .easy-logins {
        max-height: 260px;
    }
}
.page-school .ferpa-compliant {
    position: relative;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: #3fa9da;
}
.page-school .ferpa-compliant .ferpa-compliant-content .title-container {
    margin-bottom: 15px;
}
.page-school .ferpa-compliant .ferpa-compliant-content .title-container .title {
    color: #fff;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
}
@media print,screen and (min-width:40em) {
    .page-school .ferpa-compliant .ferpa-compliant-content .title-container .title {
        text-align: left;
    }
}
.page-school .ferpa-compliant .ferpa-compliant-content .description {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .page-school .ferpa-compliant .ferpa-compliant-content .description {
        text-align: left;
    }
}
.page-school .ferpa-compliant .ferpa-compliant-content .description a {
    color: #fff;
    text-decoration: underline;
}
.page-school .latest-news {
    padding: 50px 50px 0;
    background-color: #f4f9fa;
}
.page-school .latest-news .title-container {
    margin-bottom: 15px;
}
.page-school .latest-news .title-container .title {
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-size: 26px;
    text-align: center;
}
.page-school .latest-news .title-container .subtitle {
    color: #777;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: center;
}
.page-school .latest-news .blog {
    padding: 0;
    background-color: transparent;
}
.page-school .latest-news .posts {
    margin-top: 30px;
}
@media screen and (max-width:39.9375em) {
    .page-school .latest-news {
        padding: 20px 0;
    }
}
.page-school .faq {
    padding: 80px 0;
}
.page-school .faq .title {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 26px;
    text-align: center;
    margin: 0 0 30px;
    padding: 0;
}
.page-school .faq .faq-accordion {
    padding: 10px 20px 10px 0;
}
.page-school .faq .faq-accordion .accordion-header {
    color: #7e8285;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-left: 28px;
    text-align: left;
}
.page-school .faq .faq-accordion .accordion-header span {
    font-size: 14px;
    line-height: 24px;
    margin-left: -28px;
    margin-right: 8px;
}
.page-school .faq .faq-accordion .accordion-header:hover {
    color: #5cbe5a;
}
.page-school .faq .faq-accordion .accordion-content {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #efefef;
    color: inherit;
    display: none;
    font-size: 18px;
    line-height: 22px;
    margin: 16px;
    padding: 0;
    text-align: left;
}
.page-school .faq .faq-accordion .accordion-content p {
    font-size: 18px;
    line-height: 1.5;
}
.page-school .faq .faq-accordion.active .accordion-header {
    color: #36a1d8;
}
.page-school .faq .faq-accordion.active .accordion-content {
    display: block;
}
.page-school .faq .faq-accordion.active:hover .accordion-header {
    color: #5cbe5a;
}
.page-school .table {
    border-radius: 8px;
    color: #999;
    text-align: center;
    font-weight: 300;
}
.page-school .table tbody,
.page-school .table td,
.page-school .table thead {
    background-color: #fff;
    border: none;
}
.page-school .table th {
    text-align: center;
    padding: 20px 0;
}
.page-school .table th,
.page-school .table tr {
    border-bottom: 1px solid #d4edf0;
}
.page-school .table tr:last-child {
    border-bottom: none;
}
.page-school .table .align-left {
    text-align: left;
    padding-left: 30px;
}
.page-school .button.button-green {
    background-color: #22bdb6;
}
.page-school .button.button-green:hover {
    background-color: #1a928c;
}
.page-school .saltire {
    display: inline-block;
    color: #c7c7c7;
    line-height: 25px;
    font-weight: 700;
    font-size: 25px;
}
.page-school .icon-checkmark {
    font-weight: 700;
    padding-right: 10px;
}
.page-school .icon-checkmark.checkmark-green {
    color: #22bdb6;
}
.page-school .icon-checkmark.checkmark-blue {
    color: #00bcd4;
}
.page-school .icon-checkmark.checkmark-purple {
    color: #9078c6;
}
.page-school .icon-checkmark.checkmark-orange {
    color: #ffaa31;
}
.page-school .faq-accordion .faq-list,
.page-school .programming-curriculum-faq .faq-list {
    margin-top: 10px;
}
.page-school .faq-accordion .faq-list li,
.page-school .programming-curriculum-faq .faq-list li {
    color: #25293a;
}
.page-school .faq-accordion .faq-list li:before,
.page-school .programming-curriculum-faq .faq-list li:before {
    background-color: #25293a;
    float: left;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    margin-top: 9px;
    margin-right: 7px;
}
.page-school .faq-accordion .is-active a,
.page-school .programming-curriculum-faq .is-active a {
    color: #36a1d8!important;
}
.page-school.page-pricing-plans {
    background-color: #f6fafb;
}
.page-school.page-pricing-plans .pricing-plans-hero {
    background: #756ab8;
    background: -moz-linear-gradient(left,#38bcbf 0,#35a1cc 100%);
    background: -webkit-linear-gradient(left,#38bcbf,#35a1cc);
    background: linear-gradient(90deg,#38bcbf 0,#35a1cc);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#38bcbf",endColorstr="#35a1cc",GradientType=1))
    text-align: center;
}
.page-school.page-pricing-plans .pricing-plans-hero .pricing-plans-hero-image {
    background-image: url("/images/school/pricing/pricing-hero.png");
    background-repeat: no-repeat;
    padding: 80px 0;
    background-size: cover;
}
.page-school.page-pricing-plans .pricing-plans-hero .button {
    margin-top: 20px;
}
.page-school.page-pricing-plans .pricing-plans-hero h1 {
    color: #fff;
}
.page-school.page-pricing-plans .pricing-plans-table {
    margin-top: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .button {
    margin-top: 10px;
    background-color: #9078c6;
}
.page-school.page-pricing-plans .pricing-plans-table .button.button-teal {
    background-color: #22bdb6;
}
.page-school.page-pricing-plans .pricing-plans-table .button.secondary {
    background-color: #00bcd4;
}
.page-school.page-pricing-plans .pricing-plans-table .title {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #64749e;
}
.page-school.page-pricing-plans .pricing-plans-table .title-green {
    color: #22bdb6;
}
.page-school.page-pricing-plans .pricing-plans-table .title-blue {
    color: #00bcd4;
}
.page-school.page-pricing-plans .pricing-plans-table .title-purple {
    color: #9078c6;
}
.page-school.page-pricing-plans .pricing-plans-table .description {
    font-weight: 400;
    color: #64749e;
}
.page-school.page-pricing-plans .pricing-plans-table .table {
    width: 100%;
}
.page-school.page-pricing-plans .pricing-plans-table .table td {
    padding-right: 80px;
    padding-left: 80px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table td {
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table td {
        padding-right: 50px;
        padding-left: 50px;
    }
}
.page-school.page-pricing-plans .pricing-plans-table .table td.align-left {
    padding-left: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .table.platform-features-table td {
    text-align: left;
    padding-left: 123px;
    padding-right: 123px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.platform-features-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.platform-features-table td {
        padding-right: 50px;
        padding-left: 50px;
    }
}
.page-school.page-pricing-plans .pricing-plans-table .table.platform-features-table td.align-left {
    padding-left: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .table.creativity-tools-table td {
    text-align: left;
    padding-left: 117px;
    padding-right: 117px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.creativity-tools-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.creativity-tools-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
.page-school.page-pricing-plans .pricing-plans-table .table.creativity-tools-table td.align-left {
    padding-left: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .table.classroom-management-table td {
    text-align: left;
    padding-left: 80px;
    padding-right: 80px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.classroom-management-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.classroom-management-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
.page-school.page-pricing-plans .pricing-plans-table .table.classroom-management-table td.align-left {
    padding-left: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .table.programming-curriculum-table td {
    text-align: left;
    padding-left: 115px;
    padding-right: 115px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.programming-curriculum-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.programming-curriculum-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
.page-school.page-pricing-plans .pricing-plans-table .table.programming-curriculum-table td.align-left {
    padding-left: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .table.student-assessment-reports-table td {
    text-align: left;
    padding-left: 117px;
    padding-right: 117px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.student-assessment-reports-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media screen and (max-width:39.9375em) {
    .page-school.page-pricing-plans .pricing-plans-table .table.student-assessment-reports-table td {
        padding-right: 70px;
        padding-left: 70px;
    }
}
.page-school.page-pricing-plans .pricing-plans-table .table.student-assessment-reports-table td.align-left {
    padding-left: 30px;
}
.page-school.page-pricing-plans .pricing-plans-table .table.additional-resources-table td {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.page-school.page-pricing-plans .pricing-plans-table .table.additional-resources-table td.align-left {
    text-align: left;
}
.page-school.page-pricing-plans .accordion {
    background: 0 0;
}
.page-school.page-pricing-plans .accordion li {
    border-bottom: 1px solid #d4edf0;
}
.page-school.page-pricing-plans .accordion li a {
    border: none;
    color: #64749e;
    font-size: 16px;
    font-weight: 400;
}
.page-school.page-pricing-plans .accordion li a:focus {
    background-color: transparent;
}
.page-school.page-pricing-plans .accordion li a:hover {
    background-color: #d4edf0;
}
.page-school.page-pricing-plans .accordion li .accordion-title:before {
    width: 25px;
    height: 25px;
    font-weight: 500;
    border: 1px solid #d4edf0;
    margin-right: 10px;
    padding: 2px 8px;
    border-radius: 5px;
    position: relative;
}
.page-school.page-pricing-plans .accordion .accordion-content {
    border: none;
    background: 0 0;
    padding: 0;
}
.page-school.page-pricing-plans .accordion .accordion-content tbody,
.page-school.page-pricing-plans .accordion .accordion-content td,
.page-school.page-pricing-plans .accordion .accordion-content thead {
    background-color: #fff;
    border: none;
}
.page-school.page-pricing-plans .accordion .accordion-content tbody,
.page-school.page-pricing-plans .accordion .accordion-content tbody tr:nth-child(2n),
.page-school.page-pricing-plans .accordion .accordion-content td {
    background-color: transparent;
}
.page-school.page-pricing-plans .icon-checkmark {
    padding-left: 10px;
    padding-right: 0;
}
.page-school.page-standards-alignment .accordion {
    background: 0 0;
}
.page-school.page-standards-alignment .accordion li {
    border-bottom: 1px solid #d4edf0;
}
.page-school.page-standards-alignment .accordion li a {
    border: none;
    color: #64749e;
    font-size: 16px;
    font-weight: 400;
}
.page-school.page-standards-alignment .accordion li a:focus {
    background-color: transparent;
}
.page-school.page-standards-alignment .accordion li a:hover {
    background-color: #d4edf0;
}
.page-school.page-standards-alignment .accordion li .accordion-title:before {
    width: 25px;
    height: 25px;
    font-weight: 500;
    border: 1px solid #d4edf0;
    margin-right: 10px;
    padding: 2px 8px;
    border-radius: 5px;
    position: relative;
}
.page-school.page-standards-alignment .accordion .accordion-content {
    border: none;
    background: 0 0;
    padding: 0;
}
.page-school.page-standards-alignment .accordion .accordion-content tbody,
.page-school.page-standards-alignment .accordion .accordion-content td,
.page-school.page-standards-alignment .accordion .accordion-content thead {
    background-color: #fff;
    border: none;
}
.page-school.page-standards-alignment .accordion .accordion-content tbody,
.page-school.page-standards-alignment .accordion .accordion-content tbody tr:nth-child(2n),
.page-school.page-standards-alignment .accordion .accordion-content td {
    background-color: transparent;
}
.page-school .slick-prev {
    left: -25px;
    font-size: 100px;
}
.tile .learn-more-hover {
    display: none;
}
.tile:hover .learn-more-hover {
    display: block;
}
.tile:hover .image {
    background-size: 170px 100px;
}
.reveal.overview-info-modal {
    border: 0;
    border-radius: 5px;
    overflow: visible!important;
}
.reveal.overview-info-modal .close-reveal-modal {
    color: rgba(0,0,0,.5);
    font-size: 25px;
    font-weight: 400;
    top: 5px;
}
.reveal.overview-info-modal .subtitle,
.reveal.overview-info-modal h5 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}
.reveal.overview-info-modal p {
    color: #777;
    font-size: 14px;
}
.reveal.overview-info-modal .subtitle {
    color: #777;
    font-size: 14px;
    margin-bottom: 30px;
}
.reveal.overview-info-modal .feature-title {
    color: #777;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
}
.reveal.overview-info-modal .slick-prev {
    left: -60px;
}
.reveal.overview-info-modal .slick-prev:before {
    font-size: 30px;
}
.reveal.overview-info-modal .slick-next {
    right: -50px;
}
.reveal.overview-info-modal .slick-next:before {
    font-size: 30px;
}
.reveal.overview-info-modal .icon-checkmark {
    color: #23b2a7;
    padding-right: 10px;
}
.page-school.page-programming-curriculum .programming-curriculum-title {
    background-color: #fff;
    padding-top: 30px;
}
.page-school.page-programming-curriculum .programming-curriculum-title h1 {
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: center;
}
.page-school.page-programming-curriculum .programming-curriculum-title p {
    color: #666;
    line-height: 1.7;
    text-align: center;
}
.page-school.page-programming-curriculum .my-licenses-section {
    border-top: 1px solid #999;
    padding-top: 30px;
}
.page-school.page-programming-curriculum .my-licenses-section h6 {
    color: #65759b;
    font-size: 20px;
    padding-bottom: 0;
}
.page-school.page-programming-curriculum .my-licenses-section ul {
    margin: 0;
    color: #596267;
    font-size: 14px;
    font-weight: 400;
    list-style-type: circle;
}
.page-school.page-programming-curriculum .dropdown-programming-curriculum-courses-list {
    padding: 5px 15px;
    background-color: #00bcd4;
    width: 100%;
    border-radius: 5px;
}
.page-school.page-programming-curriculum .dropdown-programming-curriculum-courses-list a.button-link {
    color: #fff;
    padding: 7px 15px;
}
.page-school.page-programming-curriculum .dropdown-programming-curriculum-courses-list a.button-link:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
}
.page-school.page-programming-curriculum .dropdown-programming-curriculum-courses-list li {
    margin-bottom: 5px;
}
.page-school.page-programming-curriculum .dropdown-programming-curriculum-courses-list span {
    color: #666;
}
.page-school.page-programming-curriculum .tabs-content {
    background-color: #fff;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths li {
    margin-right: 0;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths .tabs-title a {
    padding: 17px 10px;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths .tabs-title.is-active a {
    background-color: #daedf9!important;
    color: #555!important;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths .is-active:after {
    border-left: 15px solid #daedf9!important;
    border-top: 23px solid transparent!important;
    border-bottom: 23px solid transparent!important;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a {
    padding-left: 10px;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a.all-courses-tab,
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a.block-coding-tab,
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a.plan-summary-tab,
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a.robotics-drones-tab,
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a.stem-tab,
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a.text-coding-tab {
    background-color: transparent;
}
.page-school.page-programming-curriculum .tabs-vertical-learning-paths a span {
    padding-left: 5px;
}
.page-school.page-programming-curriculum .scope-sequence-hero {
    background: #617bbe;
    background: -moz-linear-gradient(left,#617bbe 0,#9fb6e1 100%);
    background: -webkit-linear-gradient(left,#617bbe,#9fb6e1);
    background: linear-gradient(90deg,#617bbe 0,#9fb6e1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#617bbe",endColorstr="#9fb6e1",GradientType=1))
    padding: 30px 10px;
    margin-bottom: 60px;
}
.page-school.page-programming-curriculum .scope-sequence-hero .scope-sequence-hero-image {
    background-image: url("/images/school/programming-curriculum/scope-sequence.png");
    background-repeat: no-repeat;
    padding: 50px 0;
    background-size: 44%;
    background-position: 30px;
}
@media screen and (max-width:39.9375em) {
    .page-school.page-programming-curriculum .scope-sequence-hero .scope-sequence-hero-image {
        background-image: none;
        padding: 0;
    }
}
.page-school.page-programming-curriculum .scope-sequence-hero h5 {
    margin-bottom: 1em;
}
.page-school.page-programming-curriculum .scope-sequence-hero h5,
.page-school.page-programming-curriculum .scope-sequence-hero p {
    color: #fff;
}
.page-school.page-programming-curriculum .scope-sequence-hero p {
    font-size: 14px;
}
@media print,screen and (min-width:64em) {
    .page-school.page-programming-curriculum .scope-sequence-hero p {
        min-height: 160px;
    }
}
@media screen and (min-width:75em) {
    .page-school.page-programming-curriculum .scope-sequence-hero p {
        min-height: 140px;
    }
}
.page-school.page-programming-curriculum .scope-sequence-hero .button {
    margin-top: 20px;
    margin-bottom: 0;
}
.page-school.page-programming-curriculum .scope-sequence-hero .icon-checkmark {
    color: #23b2a7;
}
.page-school.page-programming-curriculum .scope-sequence-hero .icon-checkmark:after {
    display: none;
}
.page-school.page-programming-curriculum .scope-sequence-hero .common-core-wrap {
    margin-bottom: 30px;
}
@media print,screen and (min-width:64em) {
    .page-school.page-programming-curriculum .scope-sequence-hero .common-core-wrap {
        margin-bottom: 0;
    }
}
.page-school.page-programming-curriculum .scope-sequence-hero .common-core-wrap a {
    min-width: 200px;
}
.page-school.page-programming-curriculum .course-list-table {
    background-color: #f6fafb;
    padding: 40px 0;
    font-weight: 400;
}
.page-school.page-programming-curriculum .course-list-table h5 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 26px;
}
.page-school.page-programming-curriculum .course-list-table table,
.page-school.page-programming-curriculum .course-list-table td,
.page-school.page-programming-curriculum .course-list-table thead,
.page-school.page-programming-curriculum .course-list-table tr {
    background-color: #f6fafb;
}
.page-school.page-programming-curriculum .course-list-table td {
    padding: 10px 30px;
}
.page-school.page-programming-curriculum .course-list-table td.align-left {
    padding-left: 0;
}
.page-school.page-programming-curriculum .course-list-table td .icon-checkmark {
    padding-right: 0;
}
.page-school.page-programming-curriculum .course-list-table th {
    border-bottom: none;
    padding: 0;
    min-width: 150px;
}
.page-school.page-programming-curriculum .course-list-table th h6 {
    padding: 10px 0;
    margin: 0;
}
.page-school.page-programming-curriculum .course-list-table .wide-table-header {
    min-width: 200px;
}
.page-school.page-programming-curriculum .course-list-table .footnote {
    text-align: center;
    color: #999;
}
.page-school.page-course-details .courses-details-slider {
    background: url("/images/school/course-details/course-details-hero.png") no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.page-school.page-course-details .courses-details-slider .slide .lesson-thumbnail {
    border: 6px solid #fff;
    border-radius: 5px;
    margin-right: 10px;
    height: 150px;
}
.page-school.page-course-details .courses-details-slider .slide .lesson-thumbnail img {
    height: 138px;
    width: 100%;
    object-fit: cover;
}
.page-school.page-course-details .courses-details-slider .slide .course-title {
    padding-top: 10px;
}
.page-school.page-course-details .courses-details-slider .slide .course-title h6 {
    color: #fff;
    text-align: center;
}
.page-school.page-course-details .courses-details-slider .slide.slick-current {
    width: 300px;
}
.page-school.page-course-details .courses-details-slider .slide.slick-current .lesson-thumbnail {
    border: 6px solid #00cfb5;
}
@media screen and (max-width:39.9375em) {
    .page-school.page-course-details .courses-details-slider .slick-slide {
        width: 100%;
    }
}
.page-school.page-course-details h5 {
    color: #777;
}
.page-school.page-course-details h6 {
    color: #65759d;
}
.page-school.page-course-details .slider-content {
    margin-top: 80px;
}
.page-school.page-course-details .course-description h5 {
    margin-bottom: 10px;
}
.page-school.page-course-details .course-description .subtitle {
    color: #666;
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 16px;
}
.page-school.page-course-details .course-description ul.disc {
    list-style: none;
    margin-top: 20px;
    color: #777;
    font-weight: 400;
}
.page-school.page-course-details .course-description li:before {
    background-color: #22bdb6;
    float: left;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    margin-top: 7px;
    margin-right: 7px;
}
.page-school.page-course-details .course-lessons-accordion {
    margin-top: 30px;
}
.page-school.page-course-details .course-lessons-accordion li {
    border-bottom: 1px solid #d4edf0;
}
.page-school.page-course-details .course-lessons-accordion li a {
    background: #f8f8f8;
    border: none;
}
.page-school.page-course-details .course-lessons-accordion .accordion-content {
    border: none;
    background-color: #f8f8f8;
}
.page-school.page-course-details .course-lessons-accordion .accordion-content li {
    border: none;
}
.page-school.page-course-details .course-lessons-accordion .accordion-title {
    position: relative;
}
.page-school.page-course-details .course-lessons-accordion .accordion-title .lesson-image img {
    height: 100px;
    width: 100px;
    object-fit: contain;
    object-position: 0;
}
.page-school.page-course-details .course-lessons-accordion .accordion-title .lesson-spec {
    color: #666;
    font-size: 13px;
}
.page-school.page-course-details .course-lessons-accordion .accordion-title:before {
    width: 25px;
    height: 25px;
    font-weight: 500;
    border: 1px solid #9bc8cd;
    margin-right: 10px;
    padding: 5px 8px;
    border-radius: 5px;
    position: absolute;
    right: -10px;
    color: #9bc8cd;
}
.page-school.page-course-details .course-details-spec {
    margin: 0 10px;
}
.page-school.page-course-details .course-details-spec h6 {
    margin-bottom: 0;
}
.page-school.page-course-details .course-details-spec h5 {
    font-size: 20px;
}
.page-school.page-course-details .course-details-spec .cta-panel {
    background-color: #cde6f9;
    padding: 20px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.page-school.page-course-details .course-details-spec .cta-panel .button {
    margin-top: 20px;
}
.page-school.page-course-details .course-details-spec .course-spec-list {
    background-color: #e5f2fc;
    padding: 20px;
}
.page-school.page-course-details .course-details-spec .course-spec-description {
    background-color: #f5fbff;
    padding: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.page-school.page-course-details .course-details-spec .course-spec-description .horizontal-list li {
    display: inline-block;
    background: #e5f2fc;
    border-radius: 20px;
    font-weight: 400;
    color: #666;
    padding: 5px 15px;
    font-size: 14px;
    margin: 5px 2px;
}
.accordion-static h5 {
    color: #64749e!important;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 22px;
}
.accordion-static h6 {
    color: #64749e;
    margin-bottom: 0;
}
.accordion-static .lesson-description {
    color: #666;
    font-weight: 400;
}
.accordion-static .lesson-spec {
    color: #666;
    font-size: 13px;
}
.accordion-static .lesson-image {
    padding: 0;
}
.accordion-static .lesson-image img {
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.accordion-static .checkmark-green {
    padding-right: 10px;
}
.accordion-static li {
    border-bottom: 1px solid #d4edf0;
    padding: 20px 0;
}
.accordion-static .accordion-tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
}
.accordion-static input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.accordion-static label {
    position: relative;
    display: block;
    padding: 0 30px 0 0;
    margin: 0;
    width: 100%;
    font-weight: 700;
    line-height: 3;
    cursor: pointer;
    color: #64749e;
}
.accordion-static .accordion-tab-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s;
}
.accordion-static .accordion-tab-content h6 {
    margin-top: 30px;
}
.accordion-static .accordion-tab-content ul {
    margin: 0;
}
.accordion-static .accordion-tab-content li {
    border: none!important;
    padding: 0;
}
.accordion-static .accordion-tab-content .programming-activities-list li {
    margin-bottom: 15px;
}
.accordion-static input:checked~.accordion-tab-content {
    max-height: 9999px;
}
.accordion-static input[type=checkbox]:checked+label:after {
    content: "-";
    line-height: 23px;
    padding: 0 9px;
}
.accordion-static label:after {
    width: 25px;
    height: 25px;
    font-weight: 500;
    border: 1px solid #d4edf0;
    padding: 0 7px;
    border-radius: 5px;
    position: absolute;
    content: "+";
    right: 8px;
    line-height: 25px;
    top: 0;
}
.page-school.page-webinars .subtitle,
.page-school.page-webinars .title {
    color: #fff;
}
.page-school.page-webinars .subtitle {
    font-size: 20px;
}
.page-school.page-webinars .webinars-hero {
    margin-bottom: 30px;
    padding-top: 0;
}
.page-school.page-webinars .webinars-hero .webinars-hero-image {
    padding: 130px 0;
    background: url("/images/school/training/header-teacher-original.png") 50%/cover no-repeat #19223f;
}
.page-school.page-webinars .webinar-content {
    margin-bottom: 2rem;
}
.page-school.page-webinars .webinar-content .webinar-description {
    margin-bottom: 1rem;
    padding-top: 1.25rem;
    color: #555;
}
.page-school.page-webinars .webinar-content .webinar-description > :not(:last-child) {
    margin-bottom: 1rem;
}
.page-school.page-webinars .webinar-content .webinar-description > :last-child {
    margin-bottom: 0;
}
.page-school.page-webinars .webinar-content .webinar-description ul {
    padding-left: 2rem;
    list-style-type: disc;
    color: #555;
}
.page-school.page-webinars .webinar-content .webinar-info {
    color: #555;
    padding-top: 5px;
}
.page-school.page-webinars .webinar-content .webinar-info span {
    font-weight: 700;
}
.page-school.page-webinars .webinar-content .button {
    display: block;
    margin-top: 20px;
}
@media print,screen and (min-width:64em) {
    .page-school.page-webinars .webinar-content .button {
        display: inline-block;
    }
    .page-school.page-webinars .webinar-content .button.book-now {
        margin-right: 1em;
    }
}
.school-product_pricing {
    padding: 50px 15px;
    background-color: #f4f9fa;
}
.school-product_pricing .title-container {
    margin-bottom: 30px;
}
.school-product_pricing .title-container .title {
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
}
.school-product_pricing .table {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 15px;
}
.school-product_pricing .table .button.large {
    margin: 20px;
}
.school-product_pricing .table thead {
    background-color: #fff;
}
.school-product_pricing .table thead th {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
.school-product_pricing .table thead th p {
    margin-bottom: 5px;
}
.school-product_pricing .table thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
.school-product_pricing .table thead th .description {
    font-size: 14px;
    font-weight: 400;
}
.school-product_pricing .table thead th .button {
    margin: 0;
}
.school-product_pricing .table tbody td {
    text-align: center;
}
.school-product_pricing .table tbody td .feature {
    display: block;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
}
.school-product_pricing .table tbody td .price {
    font-weight: 600;
    font-size: 18px;
}
.school-product_pricing .table tfoot td {
    text-align: center;
    padding: 20px;
}
.school-product_pricing .table tfoot td .request-quote-link {
    letter-spacing: 1px;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
}
.school-product_pricing .tiles .tile {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    min-height: 260px;
    margin-bottom: 30px;
}
.school-product_pricing .tiles .tile:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.school-product_pricing .tiles .tile .tile-content {
    padding: 15px;
}
.school-product_pricing .tiles .tile .tile-content .title {
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
.school-product_pricing .tiles .tile .tile-content .price {
    text-align: right;
    color: #5b5b5b;
    font-weight: 600;
    font-size: 20px;
}
.school-product_pricing .tiles .tile .tile-content .features {
    margin-top: 15px;
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
}
.school-product_pricing .tiles .tile .buttons-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.school-product_pricing .tiles .tile .buttons-container .button {
    outline: none;
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 50px;
    line-height: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}
.school-product_pricing .tiles .tile .buttons-container .button.button-left {
    width: 50%;
    border-bottom-right-radius: 0;
}
.school-product_pricing .tiles .tile .buttons-container .button.button-right {
    width: 50%;
    border-bottom-left-radius: 0;
}
.school-product_pricing .tiles .tile .buttons-container .button:hover,
.school-product_pricing .tiles .tile:hover {
    cursor: pointer;
}
.school-product_pricing .tiles .tile.tile-register {
    background-color: #16afca;
}
.school-product_pricing .tiles .tile.tile-register .title {
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 200;
    margin-top: 24px;
}
.school-product_pricing .tiles .tile.tile-register .subtitle {
    color: #fff;
}
.school-product_pricing .tiles .tile.tile-register .button {
    background-color: #1ca3bb;
}
.school-product_pricing .tiles .tile.tile-register .button:hover {
    background-color: #157c8f;
}
.school-product_pricing .tiles .tile.tile-green .title {
    color: #5dbd5a;
}
.school-product_pricing .tiles .tile.tile-green .button {
    background-color: #5dbd5a;
}
.school-product_pricing .tiles .tile.tile-green .button.button-right {
    background-color: #4cb548;
}
.school-product_pricing .tiles .tile.tile-green .button:hover {
    background-color: #44a341;
}
.school-product_pricing .tiles .tile.tile-green .button:hover.button-right {
    background-color: #357e33;
}
.school-product_pricing .tiles .tile.tile-blue .title {
    color: #2d8fcf;
}
.school-product_pricing .tiles .tile.tile-blue .button {
    background-color: #2d8fcf;
}
.school-product_pricing .tiles .tile.tile-blue .button.button-right {
    background-color: #2881ba;
}
.school-product_pricing .tiles .tile.tile-blue .button:hover {
    background-color: #2472a5;
}
.school-product_pricing .tiles .tile.tile-blue .button:hover.button-right {
    background-color: #1b557b;
}
.school-product_pricing .tiles .tile.tile-purple .title {
    color: #7d60ba;
}
.school-product_pricing .tiles .tile.tile-purple .button {
    background-color: #7d60ba;
}
.school-product_pricing .tiles .tile.tile-purple .button.button-right {
    background-color: #6e4eb2;
}
.school-product_pricing .tiles .tile.tile-purple .button:hover {
    background-color: #6346a1;
}
.school-product_pricing .tiles .tile.tile-purple .button:hover.button-right {
    background-color: #4d367e;
}
.school-product_pricing .tiles .district {
    text-align: center;
    font-weight: 600;
}
.school-product_pricing .tiles .district .request-quote-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
}
@media screen and (max-width:39.9375em) {
    .school-product_pricing .tiles {
        padding: 30px 15px;
    }
    .school-product_pricing .tiles .tiles {
        padding: 0;
    }
}
body.request-quote .built-for-educators {
    background-color: #f4f9fa;
}
body.request-quote .built-for-educators .title-container {
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .title-container .title {
    letter-spacing: 1px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}
body.request-quote .built-for-educators .title-container .subtitle {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}
body.request-quote .built-for-educators .tiles .tile {
    text-align: center;
    min-height: 260px;
}
body.request-quote .built-for-educators .tiles .tile .image {
    width: 164px;
    height: 130px;
    margin: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
body.request-quote .built-for-educators .tiles .tile .title {
    color: #211f1f;
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
}
body.request-quote .built-for-educators .tiles .tile .description {
    color: #717272;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    max-width: 280px;
}
body.request-quote .built-for-educators .tiles .tile.tile-block-and-text .image {
    background-image: url("/images/school/built-for-educators/block-and-text-coding.png");
    background-size: 154px 85px;
}
body.request-quote .built-for-educators .tiles .tile.tile-comprehensive-curriculum .image {
    background-image: url("../image/school/school-page/comprehensive-curriculum-icon-03-12-18.png");
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .tiles .tile.tile-free-training .image {
    background-image: url("../image/school/school-page/free-training-icon.png");
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .tiles .tile.tile-success-stories .image {
    background-image: url("../image/school/school-page/success-stories-icon.png");
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .tiles .tile.tile-automatic-assessments-2 .image {
    background-image: url("../image/school/school-page/automatic-assessments-2.png");
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .tiles .tile.tile-classroom-management-2 .image {
    background-image: url("../image/school/school-page/metrics.png");
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .tiles .tile.tile-creativity-tools .image {
    background-image: url("/images/school/built-for-educators/creativity-tools.png");
    background-size: 96px 77px;
}
body.request-quote .built-for-educators .tiles .tile.tile-automatic-assessments .image {
    background-image: url("/images/school/built-for-educators/automatic-assessments.png");
    background-size: 89px 77px;
}
body.request-quote .built-for-educators .tiles .tile.tile-stem-courses .image {
    background-image: url("../image/school/school-page/stem-courses-icon.png");
    margin-bottom: 20px;
}
body.request-quote .built-for-educators .tiles .tile.tile-classroom-management .image {
    background-image: url("/images/school/built-for-educators/classroom-management.png");
    background-size: 90px 77px;
}
@media screen and (max-width:39.9375em) {
    body.request-quote .built-for-educators .tiles .tile {
        min-height: 250px;
    }
}
@media screen and (max-width:39.9375em) {
    body.request-quote .built-for-educators {
        padding: 10px 0;
    }
    body.request-quote .built-for-educators .title-container {
        margin-bottom: 10px;
    }
    body.request-quote .built-for-educators .tile {
        min-height: 0!important;
    }
}
body.request-quote .request-quote {
    background-color: #fff;
}
body.request-quote .request-quote .hero {
    background: linear-gradient(90deg,#66b6d0,#68b0ca 21.25%,#6e9ebb 50.72%,#7880a1 84.86%,#7d7194);
    color: #fff;
    font-weight: 400;
    text-align: center;
}
body.request-quote .request-quote .hero label {
    text-align: left;
}
body.request-quote .request-quote .hero h3 span {
    display: block;
    font-size: 14px;
}
body.request-quote .request-quote .hero ul {
    list-style-type: disc;
    padding-left: 1em;
}
body.request-quote .request-quote .hero .quote-message img {
    width: 70%;
}
@media print,screen and (min-width:64em) {
    body.request-quote .request-quote .hero {
        text-align: initial;
    }
}
body.request-quote .request-quote .hero .back-link-container {
    text-align: initial;
}
body.request-quote .request-quote .hero .back-link-container .back-link {
    color: #fff;
}
body.request-quote .request-quote .hero .title {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 30px;
}
@media print,screen and (min-width:64em) {
    body.request-quote .request-quote .hero .title {
        margin-top: 0;
        margin-bottom: 0;
    }
}
body.request-quote .request-quote .hero .message {
    margin-top: 35px;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    body.request-quote .request-quote .hero .message {
        margin-top: 0;
    }
}
body.request-quote .request-quote .hero .price,
body.request-quote .request-quote .hero .sale {
    font-size: 20px;
    line-height: 1.75;
    margin-bottom: 1rem;
}
body.request-quote .request-quote .hero .price .value,
body.request-quote .request-quote .hero .sale .value {
    font-weight: 700;
}
body.request-quote .request-quote .hero .price.has-sale {
    color: #ccc;
    margin-bottom: 0;
    text-decoration: line-through;
}
body.request-quote .request-quote .hero .sale-badge {
    background-image: url("../image/school/sale-badge.svg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    line-height: 75px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    width: 75px;
    height: 75px;
}
body.request-quote .request-quote .check-validity {
    background-color: #31424c;
    border-radius: 8px;
    padding: 1.5rem;
}
body.request-quote .request-quote .check-validity label {
    color: #ccc;
}
body.request-quote .request-quote .check-validity input[type=email],
body.request-quote .request-quote .check-validity input[type=number],
body.request-quote .request-quote .check-validity input[type=tel],
body.request-quote .request-quote .check-validity input[type=text] {
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #c0c7cb;
    outline: none;
    padding: 6px;
}
body.request-quote .request-quote .check-validity .button.button-submit,
body.request-quote .request-quote .check-validity input[type=button],
body.request-quote .request-quote .check-validity input[type=submit] {
    margin-top: 1rem;
}
body.request-quote .request-quote .check-validity-title {
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    text-align: center;
}
body.request-quote .request-quote .check-validity .organization-type-name {
    position: relative;
}
body.request-quote .request-quote .check-validity .schoolsmenu {
    position: absolute;
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -14px;
    padding: 4px;
    max-height: 10em;
    width: 90%;
    overflow-y: auto;
    z-index: 10;
    font-size: 14px;
    line-height: 20px;
}
body.request-quote .request-quote .check-validity .schoolsmenu li {
    padding: 2px;
    cursor: pointer;
    white-space: nowrap;
}
body.request-quote .request-quote .check-validity .schoolsmenu li em {
    font-style: normal;
    font-weight: 700;
    margin-right: 10px;
    display: block;
}
body.request-quote .request-quote .check-validity .schoolsmenu li span {
    display: block;
}
body.request-quote .request-quote .check-validity .schoolsmenu li:hover {
    background-color: #ccc;
    color: #fff;
}
body.request-quote .request-quote .body ul {
    padding-left: 20px;
    list-style: initial;
}
body.request-quote .request-quote .body .button-request-quote {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media print,screen and (min-width:64em) {
    body.request-quote .request-quote .body .button-request-quote {
        display: inline-block;
    }
}
body.request-quote .request-quote .body .table-compare-plans {
    min-width: 100%;
    color: #999;
}
body.request-quote .request-quote .body .table-compare-plans thead {
    border: none;
    background-color: transparent;
}
body.request-quote .request-quote .body .table-compare-plans thead th {
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
body.request-quote .request-quote .body .table-compare-plans thead th p {
    margin-bottom: 5px;
}
body.request-quote .request-quote .body .table-compare-plans thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
body.request-quote .request-quote .body .table-compare-plans thead th .description {
    font-size: 14px;
    font-weight: 400;
}
body.request-quote .request-quote .body .table-compare-plans tbody {
    border: none;
}
body.request-quote .request-quote .body .table-compare-plans tbody tr {
    border-bottom: 1px solid #d4edf0;
}
body.request-quote .request-quote .body .table-compare-plans tbody tr:nth-child(2n) {
    background-color: transparent;
}
body.request-quote .request-quote .body .table-compare-plans tbody th {
    text-align: left;
    color: initial;
    font-weight: 300;
}
body.request-quote .request-quote .body .table-compare-plans tbody td {
    text-align: center;
}
body.request-quote .request-quote .body .table-compare-plans tbody td .icon-checkmark {
    color: #22bdb6;
}
body.request-quote .request-quote .body .resources {
    margin-top: 60px;
}
body.request-quote .request-quote .body .resources .image-container {
    text-align: right;
}
body.request-quote .whats-new-2019 {
    background-color: #f4f9fa;
}
body.request-quote .whats-new-2019 ul li {
    list-style-type: disc;
    list-style-position: inside;
}
body.request-quote .whats-new-2019 img {
    max-height: 250px;
}
body.request-quote .sale-badge {
    background-image: url("../image/school/sale-badge.svg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    line-height: 75px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
}
body.request-quote-design .built-for-educators {
    background-color: #f4f9fa;
}
body.request-quote-design .built-for-educators .title-container {
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .title-container .title {
    letter-spacing: 1px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}
body.request-quote-design .built-for-educators .title-container .subtitle {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}
body.request-quote-design .built-for-educators .tiles .tile {
    text-align: center;
    min-height: 260px;
}
body.request-quote-design .built-for-educators .tiles .tile .image {
    width: 164px;
    height: 130px;
    margin: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
body.request-quote-design .built-for-educators .tiles .tile .title {
    color: #211f1f;
    margin: 0 0 5px;
    padding: 0;
    font-size: 18px;
}
body.request-quote-design .built-for-educators .tiles .tile .description {
    color: #717272;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    max-width: 280px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-block-and-text .image {
    background-image: url("/images/school/built-for-educators/block-and-text-coding.png");
    background-size: 154px 85px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-comprehensive-curriculum .image {
    background-image: url("../image/school/school-page/comprehensive-curriculum-icon-03-12-18.png");
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-free-training .image {
    background-image: url("../image/school/school-page/free-training-icon.png");
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-success-stories .image {
    background-image: url("../image/school/school-page/success-stories-icon.png");
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-automatic-assessments-2 .image {
    background-image: url("../image/school/school-page/automatic-assessments-2.png");
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-classroom-management-2 .image {
    background-image: url("../image/school/school-page/metrics.png");
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-creativity-tools .image {
    background-image: url("/images/school/built-for-educators/creativity-tools.png");
    background-size: 96px 77px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-automatic-assessments .image {
    background-image: url("/images/school/built-for-educators/automatic-assessments.png");
    background-size: 89px 77px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-stem-courses .image {
    background-image: url("../image/school/school-page/stem-courses-icon.png");
    margin-bottom: 20px;
}
body.request-quote-design .built-for-educators .tiles .tile.tile-classroom-management .image {
    background-image: url("/images/school/built-for-educators/classroom-management.png");
    background-size: 90px 77px;
}
@media screen and (max-width:39.9375em) {
    body.request-quote-design .built-for-educators .tiles .tile {
        min-height: 250px;
    }
}
@media screen and (max-width:39.9375em) {
    body.request-quote-design .built-for-educators {
        padding: 10px 0;
    }
    body.request-quote-design .built-for-educators .title-container {
        margin-bottom: 10px;
    }
    body.request-quote-design .built-for-educators .tile {
        min-height: 0!important;
    }
}
body.request-quote-design .request-quote-design {
    background-color: #fff;
}
body.request-quote-design .request-quote-design .hero {
    background: linear-gradient(90deg,#66b6d0,#68b0ca 21.25%,#6e9ebb 50.72%,#7880a1 84.86%,#7d7194);
    color: #fff;
    font-weight: 400;
    text-align: center;
}
body.request-quote-design .request-quote-design .hero label {
    text-align: left;
}
body.request-quote-design .request-quote-design .hero h3 span {
    display: block;
    font-size: 14px;
}
body.request-quote-design .request-quote-design .hero ul {
    list-style-type: disc;
    padding-left: 1em;
}
body.request-quote-design .request-quote-design .hero .quote-message img {
    width: 70%;
}
@media print,screen and (min-width:64em) {
    body.request-quote-design .request-quote-design .hero {
        text-align: initial;
    }
}
body.request-quote-design .request-quote-design .hero .back-link-container {
    text-align: initial;
}
body.request-quote-design .request-quote-design .hero .back-link-container .back-link {
    color: #fff;
}
body.request-quote-design .request-quote-design .hero .title {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 30px;
}
@media print,screen and (min-width:64em) {
    body.request-quote-design .request-quote-design .hero .title {
        margin-top: 0;
        margin-bottom: 0;
    }
}
body.request-quote-design .request-quote-design .hero .message {
    margin-top: 35px;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    body.request-quote-design .request-quote-design .hero .message {
        margin-top: 0;
    }
}
body.request-quote-design .request-quote-design .hero .price,
body.request-quote-design .request-quote-design .hero .sale {
    font-size: 20px;
    line-height: 1.75;
    margin-bottom: 1rem;
}
body.request-quote-design .request-quote-design .hero .price .value,
body.request-quote-design .request-quote-design .hero .sale .value {
    font-weight: 700;
}
body.request-quote-design .request-quote-design .hero .price.has-sale {
    color: #ccc;
    margin-bottom: 0;
    text-decoration: line-through;
}
body.request-quote-design .request-quote-design .hero .sale-badge {
    background-image: url("../image/school/sale-badge.svg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    line-height: 75px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    width: 75px;
    height: 75px;
}
body.request-quote-design .request-quote-design .check-validity {
    background-color: #31424c;
    border-radius: 8px;
    padding: 1.5rem;
}
body.request-quote-design .request-quote-design .check-validity label {
    color: #ccc;
}
body.request-quote-design .request-quote-design .check-validity input[type=email],
body.request-quote-design .request-quote-design .check-validity input[type=number],
body.request-quote-design .request-quote-design .check-validity input[type=tel],
body.request-quote-design .request-quote-design .check-validity input[type=text] {
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #c0c7cb;
    outline: none;
    padding: 6px;
}
body.request-quote-design .request-quote-design .check-validity .button.button-submit,
body.request-quote-design .request-quote-design .check-validity input[type=button],
body.request-quote-design .request-quote-design .check-validity input[type=submit] {
    margin-top: 1rem;
}
body.request-quote-design .request-quote-design .check-validity-title {
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    text-align: center;
}
body.request-quote-design .request-quote-design .check-validity .schoolOrDistrictName {
    position: relative;
}
body.request-quote-design .request-quote-design .check-validity .schoolsmenu {
    position: absolute;
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -14px;
    padding: 4px;
    max-height: 10em;
    width: 90%;
    overflow-y: auto;
    z-index: 10;
    font-size: 14px;
    line-height: 20px;
}
body.request-quote-design .request-quote-design .check-validity .schoolsmenu li {
    padding: 2px;
    cursor: pointer;
    white-space: nowrap;
}
body.request-quote-design .request-quote-design .check-validity .schoolsmenu li em {
    font-style: normal;
    font-weight: 700;
    margin-right: 10px;
    display: block;
}
body.request-quote-design .request-quote-design .check-validity .schoolsmenu li span {
    display: block;
}
body.request-quote-design .request-quote-design .check-validity .schoolsmenu li:hover {
    background-color: #ccc;
    color: #fff;
}
body.request-quote-design .request-quote-design .body ul {
    padding-left: 20px;
    list-style: initial;
}
body.request-quote-design .request-quote-design .body .button-request-quote {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media print,screen and (min-width:64em) {
    body.request-quote-design .request-quote-design .body .button-request-quote {
        display: inline-block;
    }
}
body.request-quote-design .request-quote-design .body .table-compare-plans {
    min-width: 100%;
    color: #999;
}
body.request-quote-design .request-quote-design .body .table-compare-plans thead {
    border: none;
    background-color: transparent;
}
body.request-quote-design .request-quote-design .body .table-compare-plans thead th {
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
body.request-quote-design .request-quote-design .body .table-compare-plans thead th p {
    margin-bottom: 5px;
}
body.request-quote-design .request-quote-design .body .table-compare-plans thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
body.request-quote-design .request-quote-design .body .table-compare-plans thead th .description {
    font-size: 14px;
    font-weight: 400;
}
body.request-quote-design .request-quote-design .body .table-compare-plans tbody {
    border: none;
}
body.request-quote-design .request-quote-design .body .table-compare-plans tbody tr {
    border-bottom: 1px solid #d4edf0;
}
body.request-quote-design .request-quote-design .body .table-compare-plans tbody tr:nth-child(2n) {
    background-color: transparent;
}
body.request-quote-design .request-quote-design .body .table-compare-plans tbody th {
    text-align: left;
    color: initial;
    font-weight: 300;
}
body.request-quote-design .request-quote-design .body .table-compare-plans tbody td {
    text-align: center;
}
body.request-quote-design .request-quote-design .body .table-compare-plans tbody td .icon-checkmark {
    color: #22bdb6;
}
body.request-quote-design .request-quote-design .body .resources {
    margin-top: 60px;
}
body.request-quote-design .request-quote-design .body .resources .image-container {
    text-align: right;
}
body.request-quote-design .whats-new-2019 {
    background-color: #f4f9fa;
}
body.request-quote-design .whats-new-2019 ul li {
    list-style-type: disc;
    list-style-position: inside;
}
body.request-quote-design .whats-new-2019 img {
    max-height: 250px;
}
body.request-quote-design .sale-badge {
    background-image: url("../image/school/sale-badge.svg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    line-height: 75px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
}
.school-certificate-banner {
    position: relative;
    min-height: 70px;
    background-color: #624b90;
}
.school-certificate-banner img {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 7px;
    height: 70px;
}
@media print,screen and (min-width:64em) {
    .school-certificate-banner img {
        display: block;
    }
}
.school-certificate-banner .text {
    padding: 18px 0;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .school-certificate-banner .text {
        margin-left: 180px;
        margin-right: 180px;
    }
}
.school-certificate-banner .text a {
    color: #fff;
    font-weight: 700;
}
.school-certificate-banner .text .button {
    margin-bottom: 0;
    margin-left: 2em;
    font-weight: 700;
}
body.site section.school-hoc-banner {
    padding: 0.25rem 0;
}
.school-hoc-banner {
    background-image: linear-gradient(97.56deg,#8766ca .33%,#50549c 98.07%);
    text-align: center;
}
.school-hoc-banner img {
    height: 61px;
    object-fit: cover;
    padding-right: 8px;
}
.school-hoc-banner .button {
    display: inline-block;
    margin: 7px 0 7px 1rem;
    font-size: 16px;
}
.school-hoc-banner h3 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.school-hoc-banner h3,
.school-hoc-banner h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}
.school-hoc-banner h3 a span,
.school-hoc-banner h3 span {
    opacity: 0.4;
}
.school-hoc-banner p {
    margin: 0;
    padding-left: 1rem;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    opacity: 0.5;
}
.school-hoc-banner.school-hoc-banner-2019 {
    background: #57417c;
}
body.site section.school-outside-banner {
    padding: 0.5rem 0;
}
.school-outside-banner {
    background-color: #761c64;
    text-align: center;
}
.school-outside-banner img {
    height: 61px;
    object-fit: cover;
    padding-right: 8px;
}
.school-outside-banner .button {
    display: inline-block;
    margin: 7px 0 7px 1rem;
    font-size: 16px;
}
.school-outside-banner h3 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.school-outside-banner h3,
.school-outside-banner h3 a {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
}
.school-outside-banner h3 a span,
.school-outside-banner h3 span {
    opacity: 0.4;
}
.school-outside-banner p {
    margin: 0;
    padding-left: 1rem;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    opacity: 0.5;
}
body.site section.school-renew-early-banner {
    padding: 0.25rem 0;
}
.school-renew-early-banner {
    background: #d7102b;
    background: -moz-linear-gradient(-45deg,#d7102b 23%,#ac0215 100%);
    background: -webkit-linear-gradient(-45deg,#d7102b 23%,#ac0215);
    background: linear-gradient(135deg,#d7102b 23%,#ac0215);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7102b",endColorstr="#ac0215",GradientType=1);
}
.school-renew-early-banner img {
    height: 61px;
    object-fit: cover;
    padding-right: 8px;
}
.school-renew-early-banner .button {
    display: inline-block;
    margin: 7px 0;
    font-size: 16px;
}
.school-renew-early-banner h3 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.school-renew-early-banner h3,
.school-renew-early-banner h3 a {
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
}
.school-renew-early-banner h3 a span,
.school-renew-early-banner h3 span {
    opacity: 0.4;
}
.school-renew-early-banner p {
    margin: 0;
    padding: 0 1rem;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    opacity: 0.5;
}
body.site section.school-sale-banner {
    padding: 0.25rem 0;
}
.school-sale-banner {
    background: #d7102b;
    background: -moz-linear-gradient(-45deg,#d7102b 23%,#ac0215 100%);
    background: -webkit-linear-gradient(-45deg,#d7102b 23%,#ac0215);
    background: linear-gradient(135deg,#d7102b 23%,#ac0215);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7102b",endColorstr="#ac0215",GradientType=1);
}
.school-sale-banner img {
    height: 61px;
    object-fit: cover;
    padding-right: 8px;
}
.school-sale-banner .button {
    display: inline-block;
    margin: 7px 0;
    font-size: 16px;
}
.school-sale-banner h3 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.school-sale-banner h3,
.school-sale-banner h3 a {
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
}
.school-sale-banner h3 a span,
.school-sale-banner h3 span {
    opacity: 0.4;
}
.school-sale-banner p {
    margin: 0;
    padding: 0 1rem;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    opacity: 0.5;
}
.school-sale-banner-early-bird.old-app {
    margin-top: 10px;
}
.school-sale-banner-early-bird.old-app .early-bird-sale-banner h4 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 30px;
    line-height: 1.4;
}
.school-sale-banner-early-bird.old-app .early-bird-sale-banner p {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}
.school-sale-banner-early-bird.old-app .early-bird-sale-banner span {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 1.5;
}
.school-sale-banner-early-bird .early-bird-sale-banner {
    padding: 20px 0;
    background-image: url("../image/school/sale-banner-bg-purple-20190305.png");
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width:39.9375em) {
    .school-sale-banner-early-bird .early-bird-sale-banner {
        padding: 10px 0;
    }
}
.school-sale-banner-early-bird .early-bird-sale-banner .early-bird-sale-banner-graphic {
    margin: -15px 0;
}
.school-sale-banner-early-bird .early-bird-sale-banner .early-bird-sale-banner-graphic img {
    display: none;
    width: auto;
    height: 105px;
    margin: 0;
}
@media print,screen and (min-width:64em) {
    .school-sale-banner-early-bird .early-bird-sale-banner .early-bird-sale-banner-graphic img {
        display: block;
    }
}
.school-sale-banner-early-bird .early-bird-sale-banner h4,
.school-sale-banner-early-bird .early-bird-sale-banner p,
.school-sale-banner-early-bird .early-bird-sale-banner span {
    color: #fff;
    padding: 0;
    margin: 0;
}
.school-sale-banner-early-bird .early-bird-sale-banner span {
    font-size: 12px;
    color: hsla(0,0%,100%,.5);
}
.school-sale-banner-early-bird .early-bird-sale-banner .button {
    margin-top: 20px;
    margin-bottom: 0;
}
.school-sale-banner-201803.old-app {
    margin-top: 10px;
}
.school-sale-banner-201803.old-app .early-bird-sale-banner h4 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 1.4;
}
.school-sale-banner-201803.old-app .early-bird-sale-banner p {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
}
.school-sale-banner-201803.old-app .early-bird-sale-banner span {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 1.5;
}
.school-sale-banner-201803.nomargin .early-bird-sale-banner {
    margin-bottom: 0;
}
.school-sale-banner-201803 .early-bird-sale-banner {
    margin-bottom: 30px;
    padding: 20px 0;
    background-image: url(../image/school/sale-banner-bg-20180401.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width:39.9375em) {
    .school-sale-banner-201803 .early-bird-sale-banner {
        padding: 10px 0;
    }
}
.school-sale-banner-201803 .early-bird-sale-banner .early-bird-sale-banner-graphic {
    margin-top: -20px;
}
.school-sale-banner-201803 .early-bird-sale-banner .early-bird-sale-banner-graphic img {
    display: none;
    width: 100%;
    margin: 20px auto -50px;
}
@media print,screen and (min-width:64em) {
    .school-sale-banner-201803 .early-bird-sale-banner .early-bird-sale-banner-graphic img {
        display: block;
    }
}
.school-sale-banner-201803 .early-bird-sale-banner h4,
.school-sale-banner-201803 .early-bird-sale-banner p,
.school-sale-banner-201803 .early-bird-sale-banner span {
    color: #fff;
    padding: 0;
    margin: 0;
}
.school-sale-banner-201803 .early-bird-sale-banner h4 {
    margin-bottom: 6px;
}
.school-sale-banner-201803 .early-bird-sale-banner span {
    font-size: 13px;
    color: #fff;
}
.school-sale-banner-201803 .early-bird-sale-banner .button {
    margin-top: 20px;
    margin-bottom: 0;
    border-color: #fff;
    color: #fff;
}
body.site section.school-upgrade-banner {
    padding: 0.25rem 0;
}
.school-upgrade-banner {
    background-color: #52559c;
}
.school-upgrade-banner img {
    height: 50px;
    object-fit: cover;
    margin: 5px 1rem 5px 0;
    padding-right: 8px;
}
.school-upgrade-banner .button {
    display: inline-block;
    margin: 7px 0;
}
@media print,screen and (min-width:40em) {
    .school-upgrade-banner .button-spacer {
        margin-right: 20px;
        margin-left: 20px;
    }
}
@media print,screen and (min-width:64em) {
    .school-upgrade-banner .button-spacer {
        margin-right: 60px;
    }
}
.school-upgrade-banner h3 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.school-upgrade-banner h3,
.school-upgrade-banner h3 a {
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
}
.school-upgrade-banner h3 a span,
.school-upgrade-banner h3 span {
    opacity: 0.4;
}
.school-upgrade-banner p {
    margin: 0;
    padding: 0 1rem;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    opacity: 0.5;
}
body.teacher-certificate > .content {
    display: flex;
}
body.teacher-certificate > .content > .off-canvas-wrapper {
    width: 100%;
}
body.teacher-certificate > .content > .off-canvas-wrapper > .off-canvas-content {
    display: flex;
    flex-flow: column;
    height: 100%;
    min-height: 100%;
}
body.teacher-certificate .teacher-certificate .back-link {
    color: #fff;
}
body.teacher-certificate .teacher-certificate .hero {
    background: linear-gradient(90deg,#66b6d0,#68b0ca 21.25%,#6e9ebb 50.72%,#7880a1 84.86%,#7d7194);
}
body.teacher-certificate .teacher-certificate .hero .title {
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
body.teacher-certificate .teacher-certificate .hero .certificate {
    text-align: center;
}
@media print,screen and (min-width:64em) {
    body.teacher-certificate .teacher-certificate .hero .certificate {
        text-align: initial;
    }
}
body.teacher-certificate .teacher-certificate .hero .certificate img {
    max-height: 170px;
}
body.teacher-certificate .teacher-certificate .hero .certificate > div {
    position: relative;
    display: inline-block;
}
body.teacher-certificate .teacher-certificate .hero .certificate > div span {
    position: absolute;
    display: block;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    top: 80px;
    left: 0;
    width: 100%;
}
body.teacher-certificate .teacher-certificate .hero .message {
    margin-top: 35px;
    text-align: center;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    body.teacher-certificate .teacher-certificate .hero .message {
        margin-top: 0;
        text-align: initial;
    }
}
body.teacher-certificate .teacher-certificate .hero .message a {
    color: #fff;
    font-weight: 700;
}
body.teacher-certificate .teacher-certificate .hero .page-sharing {
    display: block;
    text-align: center;
}
body.teacher-certificate .teacher-certificate .hero .page-sharing > a {
    float: none;
    text-align: left;
}
@media print,screen and (min-width:64em) {
    body.teacher-certificate .teacher-certificate .hero .page-sharing > a {
        float: left;
    }
}
body.teacher-certificate .teacher-certificate .body ul {
    padding-left: 20px;
    list-style: initial;
}
body.teacher-certificate .teacher-certificate .body .premium-features {
    margin-bottom: 10px;
}
body.teacher-certificate .teacher-certificate .body .request-quote-button {
    text-align: center;
    margin-top: 30px;
}
body.teacher-certificate .teacher-certificate .body .request-quote-button a {
    margin-top: 0;
    margin-bottom: 0;
}
body.teacher-certificate .teacher-certificate .body .request-quote-button span {
    display: block;
}
body.teacher-certificate .teacher-certificate .body .text3 {
    font-weight: 700;
    margin-top: 30px;
}
body.teacher-certificate .teacher-certificate .body .button-request-quote {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media print,screen and (min-width:64em) {
    body.teacher-certificate .teacher-certificate .body .button-request-quote {
        display: inline-block;
    }
}
.teacher-training p {
    color: inherit;
}
.teacher-training .page-hero.\--teacher-training {
    margin-bottom: 2.5rem;
    padding-top: 7.8125rem;
    padding-bottom: 9.375rem;
    background-color: #595085;
    background-image: url(../image/school/teacher-training/wave-bottom-white-1.svg),url(../image/school/teacher-training/wave-top-purple.svg),linear-gradient(135deg,#9876f0 15%,#665fef 85%);
    background-position: bottom -1px center,top -1px center,50%;
    background-repeat: no-repeat;
    background-size: 100% 5rem,100% auto,cover;
}
.teacher-training .page-hero.\--teacher-training .page-hero__title {
    font-size: 1.875rem;
}
.teacher-training .page-hero.\--teacher-certification {
    background-color: #0c1c3e;
    background-image: url(../image/school/teacher-training/bg-certification-hero.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
@media print,screen and (min-width:40em) {
    .teacher-training .page-hero.\--teacher-certification {
        padding: 6.25rem 0 12.5rem;
    }
}
.teacher-training .page-hero.\--teacher-certification .page-hero__description {
    font-size: 1rem;
}
.teacher-training .teacher-training__hero-image {
    border-radius: 8px;
    object-fit: cover;
    width: 37.5rem;
    height: 21.875rem;
    max-width: 100%;
}
.teacher-training .teacher-training__certification-steps {
    background-color: #0c1c3e;
    color: #fff;
}
.teacher-training .teacher-training__certification-steps .step-icon {
    margin-bottom: 1.5rem;
    width: 4.5rem;
    height: 4.5rem;
}
.teacher-training .teacher-training__action-banner {
    padding: 1rem 0!important !important;
    background-color: #4e85fb;
    background-image: linear-gradient(90deg,#02bcd4 15%,#4e85fb 85%);
    color: #fff;
}
.teacher-training .teacher-training__events {
    padding: 1.875rem 0 6.25rem;
    background-color: #f4faff;
    background-image: url(../image/school/teacher-training/wave-bottom-white-2.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 5rem;
}
.teacher-training .teacher-training__certification-header {
    margin-bottom: 1rem;
}
.teacher-training .teacher-training__certification-header .certification-detail {
    margin-right: 2rem;
}
.teacher-training .teacher-training__certification-header .certification-detail-label {
    margin-right: 5px;
    font-weight: 700;
}
.teacher-training .teacher-training__certification-header .certification-process {
    margin-top: 10px;
    margin-bottom: 5px;
}
.teacher-training .teacher-training__certification-header .certification-steps {
    margin-top: 10px;
    padding-left: 2rem;
}
.teacher-training .teacher-training__certification-header .certification-title {
    font-size: 24px;
    font-weight: 700;
}
.teacher-training .teacher-training__webinars .section-header {
    padding: 0 0 10px;
    font-size: 18px;
}
.teacher-training .teacher-training__webinars .mobile-header {
    padding-bottom: 30px;
    font-family: Montserrat,sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}
.teacher-training .teacher-training__webinars .mobile-header .title {
    padding-left: 50px;
}
.teacher-training .teacher-training__webinars .mobile-header .control {
    float: right;
    margin-right: 15px;
}
.teacher-training .teacher-training__webinars .mobile-header .toggle-display-control:hover {
    cursor: pointer;
}
.teacher-training .teacher-training__webinars .table-header {
    margin-bottom: 10px;
    font-size: 18px;
    width: 100%;
}
.teacher-training .teacher-training__webinars .table-header .title {
    font-weight: 700;
    margin-right: 30px;
}
.teacher-training .teacher-training__webinars .table-header .controls {
    float: right;
    margin-right: 15px;
}
.teacher-training .teacher-training__webinars .format-filters .filter-delimiter {
    padding: 0 10px;
}
.teacher-training .teacher-training__webinars .format-filters .filter {
    color: #00bcd4;
}
.teacher-training .teacher-training__webinars .format-filters .filter:hover {
    color: #008fa1;
    cursor: pointer;
}
.teacher-training .teacher-training__webinars .filters {
    margin-bottom: 20px;
}
.teacher-training .teacher-training__webinars .clear-filters {
    color: #00bcd4;
}
.teacher-training .teacher-training__webinars .clear-filters:hover {
    color: #008fa1;
    cursor: pointer;
}
.teacher-training .teacher-training__webinars .no-results-found {
    padding: 50px;
    font-size: x-large;
}
.teacher-training .teacher-training__webinars .no-results-found .clear-filters {
    font-size: large;
}
.teacher-training .teacher-training__webinars .title {
    font-weight: 600;
    min-width: 250px;
}
.teacher-training .teacher-training__webinars .description {
    margin: 15px 0 20px;
}
.teacher-training .teacher-training__webinars .nowrapping {
    white-space: nowrap;
}
.teacher-training .teacher-training__webinars .register {
    min-width: 140px;
}
.teacher-training .teacher-training__webinars .sub-filter {
    margin-left: 20px;
}
.teacher-training .teacher-training__webinars table {
    border-spacing: 0;
    border-radius: 10px;
    box-shadow: 0 0 6px #00000029;
    opacity: 1;
    overflow: hidden;
}
.teacher-training .teacher-training__webinars thead {
    background-color: #7d7d7d;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    overflow: hidden;
}
.teacher-training .teacher-training__webinars tbody {
    background: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.teacher-training .teacher-training__webinars tbody tr:nth-child(2n) {
    background-color: #efefef;
}
.teacher-training .teacher-training__webinars tbody tr:hover {
    background-color: #b7dfff;
}
.teacher-training .teacher-training__webinars tbody tr .button {
    margin-bottom: 0;
}
.teacher-training .teacher-training__webinars th {
    padding: 20px;
}
.teacher-training .teacher-training__webinars tr {
    min-height: 100px;
    border-bottom: 1px solid #fff;
}
.teacher-training .teacher-training__webinars td {
    padding: 10px 20px;
}
.teacher-training .teacher-training__webinars tfoot {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.teacher-training .teacher-training__webinars tfoot .footer-detail-separator {
    padding: 0 10px;
}
.teacher-training .teacher-training__webinars tfoot td {
    border-top: 1px solid #efefef;
    font-weight: 400;
}
.teacher-training .teacher-training__blocks-row {
    isolation: isolate;
    padding: 0;
}
.teacher-training .teacher-training__blocks-row .text-block {
    padding: 2.5rem;
    background-color: #4e85fb;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .teacher-training .teacher-training__blocks-row .text-block {
        position: absolute;
        z-index: 1;
        width: 100%;
        padding: 5rem;
    }
    .teacher-training .teacher-training__blocks-row .text-block.\--certification {
        top: 8rem;
    }
    .teacher-training .teacher-training__blocks-row .text-block.\--blue-ribbon {
        top: -4rem;
    }
}
@media print,screen and (min-width:64em) {
    .teacher-training__blocks-row:nth-of-type(2n) {
        margin-top: 12rem;
        margin-bottom: 3rem;
    }
    .teacher-training__blocks-row:last-child {
        margin-bottom: 3rem;
    }
}
.teacher-training .teacher-training__partnerships {
    margin-top: 2rem;
    margin-bottom: -4rem;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    background-color: #f2f2f2;
    background-image: url(../image/school/teacher-training/wave-top-white.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.teacher-training .training-card {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    overflow: visible;
    padding: 2rem;
    text-align: center;
}
.teacher-training .training-card a {
    font-size: 1rem;
}
.teacher-training .training-card .button,
.teacher-training .training-card button {
    margin-bottom: 0!important;
}
.teacher-training .training-card__header {
    margin-top: -4rem;
    margin-bottom: 0.625rem;
}
.teacher-training .training-card__icon {
    margin-bottom: 1.5rem;
    max-width: 7.25rem;
    max-height: 7.25rem;
}
.teacher-training .training-card__title {
    font-size: 1.125rem;
}
.teacher-training .training-card__title-level {
    display: block;
    font-size: 1rem;
    font-weight: 700;
}
.teacher-training .training-card__meta {
    font-size: 0.75rem;
    font-weight: 700;
}
.teacher-training .training-card__description {
    color: #747474;
    font-size: 0.875rem;
}
.teacher-training .training-card__footer {
    margin-top: auto;
}
.teacher-training .training-card__link {
    color: #747474;
}
.teacher-training .training-card.\--certification-level .training-card__header {
    margin-top: 0;
    margin-bottom: 0;
}
.teacher-training .training-card.\--certification-level .training-card__icon {
    max-width: 8.25rem;
    max-height: 8.25rem;
}
.teacher-training .training-card.\--certification-level .training-card__description {
    color: inherit;
    font-size: 1rem;
}
body.why-go-premium .why-go-premium {
    background-color: #fff;
}
body.why-go-premium .why-go-premium .hero {
    background: linear-gradient(90deg,#66b6d0,#68b0ca 21.25%,#6e9ebb 50.72%,#7880a1 84.86%,#7d7194);
    text-align: center;
}
@media print,screen and (min-width:64em) {
    body.why-go-premium .why-go-premium .hero {
        text-align: initial;
    }
}
body.why-go-premium .why-go-premium .hero .back-link-container {
    text-align: initial;
}
body.why-go-premium .why-go-premium .hero .back-link-container .back-link {
    color: #fff;
}
body.why-go-premium .why-go-premium .hero .title {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 30px;
}
@media print,screen and (min-width:64em) {
    body.why-go-premium .why-go-premium .hero .title {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 40px;
    }
}
body.why-go-premium .why-go-premium .hero .message {
    margin-top: 35px;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    body.why-go-premium .why-go-premium .hero .message {
        margin-top: 0;
        padding-left: 40px;
    }
}
body.why-go-premium .why-go-premium .body ul {
    padding-left: 20px;
    list-style: initial;
}
body.why-go-premium .why-go-premium .body .button-request-quote {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media print,screen and (min-width:64em) {
    body.why-go-premium .why-go-premium .body .button-request-quote {
        display: inline-block;
    }
}
body.why-go-premium .why-go-premium .body .table-compare-plans {
    min-width: 100%;
    color: #999;
}
body.why-go-premium .why-go-premium .body .table-compare-plans thead {
    border: none;
    background-color: transparent;
}
body.why-go-premium .why-go-premium .body .table-compare-plans thead th {
    vertical-align: top;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
body.why-go-premium .why-go-premium .body .table-compare-plans thead th p {
    margin-bottom: 5px;
}
body.why-go-premium .why-go-premium .body .table-compare-plans thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
body.why-go-premium .why-go-premium .body .table-compare-plans thead th .description {
    font-size: 14px;
    font-weight: 400;
}
body.why-go-premium .why-go-premium .body .table-compare-plans tbody {
    border: none;
}
body.why-go-premium .why-go-premium .body .table-compare-plans tbody tr {
    border-bottom: 1px solid #d4edf0;
}
body.why-go-premium .why-go-premium .body .table-compare-plans tbody tr:nth-child(2n) {
    background-color: transparent;
}
body.why-go-premium .why-go-premium .body .table-compare-plans tbody th {
    text-align: left;
    color: initial;
    font-weight: 300;
}
body.why-go-premium .why-go-premium .body .table-compare-plans tbody td {
    text-align: center;
}
body.why-go-premium .why-go-premium .body .table-compare-plans tbody td .icon-checkmark {
    color: #22bdb6;
}
body.why-go-premium .why-go-premium .body .resources {
    margin-top: 60px;
}
body.why-go-premium .why-go-premium .body .resources .image-container {
    text-align: right;
}
body.site {
    font-weight: 400;
}
body.site h1,
body.site h2,
body.site h3,
body.site h4,
body.site h5,
body.site h6 {
    color: inherit;
    padding-bottom: 0;
    margin-bottom: 0.5em;
}
body.site main {
    position: relative;
}
body.site .off-canvas-wrapper {
    position: static;
}
body.site section {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.content-tiles {
    isolation: isolate;
}
.content-tiles img {
    width: 100%;
}
.content-tiles__copy-block {
    padding: 2.5rem;
    background-color: #4e85fb;
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .content-tiles__copy-block {
        position: absolute;
        z-index: 1;
        width: 100%;
    }
}
@media print,screen and (min-width:64em) {
    .content-tiles {
        margin-bottom: 2rem;
    }
    .content-tiles:nth-of-type(odd) .content-tiles__copy-block {
        margin-top: 4rem;
    }
    .content-tiles.\--reverse:nth-of-type(odd) .content-tiles__copy-block,
    .content-tiles:nth-of-type(2n) .content-tiles__copy-block {
        margin-top: -4rem;
    }
    .content-tiles.\--reverse:nth-of-type(2n) .content-tiles__copy-block {
        margin-top: 4rem;
    }
}
.cs-banner {
    padding: 1.75rem 0!important !important;
    background-color: #3995f1;
    background-image: linear-gradient(90deg,#02bcd4 15%,#4e85fb 85%);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
}
.cs-banner a {
    font-weight: inherit;
    text-decoration: underline;
}
.cs-banner a,
.cs-banner p {
    color: inherit;
    font-size: inherit;
}
.cs-banner p {
    margin-bottom: 0;
}
.hero-sale-banner {
    background-color: #d7102b;
    background-image: linear-gradient(135deg,#d7102b 15%,#ac0215 85%);
    color: #fff;
    display: block;
}
.page-hero {
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
}
.page-hero h1,
.page-hero h2,
.page-hero h3,
.page-hero h4,
.page-hero p {
    color: inherit;
}
.page-hero .page-hero__content {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .page-hero .page-hero__content {
        padding-right: 15px;
        padding-left: 15px;
        text-align: left;
    }
}
@media screen and (min-width:75em) {
    .page-hero .page-hero__content {
        padding-right: 0;
        padding-left: 0;
    }
}
.page-hero .page-hero__title {
    font-size: 28px;
    margin-bottom: 1rem;
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .page-hero .page-hero__title {
        font-size: 48px;
    }
}
.page-hero .page-hero__description {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 1.75rem;
    padding: 0;
}
.page-hero .page-hero__description > a {
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
}
.page-hero .page-hero__footnote a {
    color: #fff;
}
.page-hero .page-hero__footnote a:hover,
.page-hero .page-hero__footnote span.price {
    text-decoration: underline;
}
.page-hero .page-hero__footnote span.regular-price {
    color: #a5c5f2;
    margin-left: 10px;
    text-decoration: line-through;
}

.page-hero.\--homepage {
    background-color: #5b96e0;
    background-image: url(../image/waves/swoosh-lower-condensed-white-reversed.svg), url(../image/homepage/winter-2021/website-hero-winter-2022.webp), url(../image/homepage/winter-2021/background.webp);
    background-position: bottom -2px right, bottom -2.5rem left calc(50% + 1rem), 50%;
    background-size: 101% auto, 28rem, cover;
    padding-top: 3.75rem;
    text-align: center
}

body.webp .page-hero.\--homepage {
    background-image: url(../image/waves/swoosh-lower-condensed-white-reversed.svg), url(../image/homepage/winter-2021/website-hero-winter-2022.png), url(../image/homepage/winter-2021/background.png)
}

.page-hero.\--homepage .page-hero__content {
    padding-top: 2rem;
    padding-bottom: 14rem
}

.page-hero.\--homepage .gift-coding-link-container {
    position: relative
}

.page-hero.\--homepage .gift-coding-link {
    display: none
}

@media print,
screen and (min-width:40em) {
    .page-hero.\--homepage .gift-coding-link {
        display: block;
        position: absolute;
        left: 0;
        bottom: -12rem;
        max-width: 8rem;
        max-height: 8rem
    }
}

@media print,
screen and (min-width:64em) {
    .page-hero.\--homepage .gift-coding-link {
        bottom: -4rem;
        width: 7rem;
        height: 7rem;
        right: -40%;
        left: auto
    }
}

@media screen and (min-width:75em) {
    .page-hero.\--homepage .gift-coding-link {
        bottom: -8rem;
        width: 12rem;
        height: 12rem
    }
}

@media print,
screen and (min-width:40em) {
    .page-hero.\--homepage {
        background-image: url(../image/waves/swoosh-lower-condensed-white-reversed.svg), url(../image/homepage/winter-2021/website-hero-winter-2022.webp), linear-gradient(180deg, #144897 -4rem, transparent 10rem), url(../image/homepage/winter-2021/background.webp);
        background-position: bottom -2px right, bottom -3rem right, top, 50%;
        background-size: 101% auto, 28rem, auto, cover;
        text-align: left
    }

    body.no-webp .page-hero.\--homepage {
        background-image: url(../image/waves/swoosh-lower-condensed-white-reversed.svg), url(../image/homepage/winter-2021/website-hero-winter-2022.png), linear-gradient(180deg, #144897 -4rem, transparent 10rem), url(../image/homepage/winter-2021/background.png)
    }

    .page-hero.\--homepage .page-hero__content {
        padding-top: 2rem;
        padding-bottom: 12rem
    }
}

@media print,
screen and (min-width:64em) {
    .page-hero.\--homepage {
        background-position: bottom -2px right, 100% 100%, top, 50%;
        background-size: 101% 4rem, 40rem, auto, cover
    }

    .page-hero.\--homepage .page-hero__content {
        padding-top: 2rem;
        padding-bottom: 4rem
    }
}

@media screen and (min-width:75em) {
    .page-hero.\--homepage {
        background-image: url(../image/waves/swoosh-lower-condensed-white-reversed.svg), url(../image/homepage/winter-2021/website-hero-winter-2022@2x.png), linear-gradient(180deg, #144897 -4rem, transparent 10rem), url(../image/homepage/winter-2021/background@2x.png);
        background-position: bottom -2px right, bottom 0 left calc(50% + 25rem), top, 50%;
        background-size: 101% 5rem, 45rem, auto, cover
    }

    .page-hero.\--homepage .page-hero__content {
        padding-top: 5rem;
        padding-bottom: 10rem
    }
}

@media screen and (min-width:75em) and (min-height:720px) {
    .page-hero.\--homepage .page-hero__content {
        padding-bottom: 12.5rem
    }
}
.page-hero.\--parents {
    background-color: #0075fd;
    background-image: url(../image/waves/swoosh-lower-white-symmetric.svg),url(../image/parents/spring-2021/bg-sky.png);
    background-position: bottom -2px center,50%;
    background-size: 150% auto,cover;
    padding-top: 3.75rem;
}
.page-hero.\--parents .page-hero__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
@media print,screen and (min-width:40em) {
    .page-hero.\--parents {
        background-image: url(../image/waves/swoosh-lower-white-symmetric.svg),url(../image/parents/spring-2021/bg-graphic-left.png),url(../image/parents/spring-2021/bg-graphic-right.png),url(../image/parents/spring-2021/bg-sky.png);
        background-position: bottom -2px center,bottom 4rem left,bottom 4rem right,50%;
        background-size: 135% auto,14rem,14rem,cover;
    }
    .page-hero.\--parents .page-hero__content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
@media print,screen and (min-width:64em) {
    .page-hero.\--parents {
        background-image: url(../image/waves/swoosh-lower-white-symmetric.svg),url(../image/parents/spring-2021/bg-graphic-left.png),url(../image/parents/spring-2021/bg-graphic-right.png),linear-gradient(180deg,#0075fd 0,transparent 10rem),url(../image/parents/spring-2021/bg-sky.png);
        background-position: bottom -2px center,bottom 4rem left,bottom 4rem right,top,50%;
        background-size: 135% auto,20rem,20rem,auto,cover;
    }
    .page-hero.\--parents .page-hero__content {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}
@media screen and (min-width:64em) and (min-height:720px) {
    .page-hero.\--parents .page-hero__content {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}
@media screen and (min-width:75em) {
    .page-hero.\--parents {
        background-image: url(../image/waves/swoosh-lower-white-symmetric.svg),url(../image/parents/spring-2021/bg-graphic-left@2x.png),url(../image/parents/spring-2021/bg-graphic-right@2x.png),linear-gradient(180deg,#0075fd 0,transparent 10rem),url(../image/parents/spring-2021/bg-sky@2x.png);
        background-position: bottom -2px center,bottom calc(10rem - 10vw) left,bottom calc(10rem - 10vw) right,top,50%;
        background-size: 135% auto,30vw auto,30vw auto,auto,cover;
    }
    .page-hero.\--parents .page-hero__content {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}
@media screen and (min-width:75em) and (min-height:720px) {
    .page-hero.\--parents .page-hero__content {
        padding-top: 6rem;
        padding-bottom: 8rem;
    }
}
.page-hero.\--school {
    background-color: #7867bd;
    background-image: url(../image/waves/swoosh-lower-condensed-white.svg),url(../image/waves/waves-top-overlapping.svg),linear-gradient(180deg,#5671ba 15%,#7a67be 85%);
    background-position: bottom -2px center,50%,50%;
    background-size: 150% auto,cover,auto;
    padding-top: 3.75rem;
}
@media print,screen and (min-width:40em) {
    .page-hero.\--school {
        background-size: 101% auto,cover,auto;
    }
}
@media screen and (min-width:75em) {
    .page-hero.\--school {
        background-size: 101% auto,cover,auto;
    }
}
.page-hero.\--camps {
    background-color: #7e6bdb;
    background-image: url(../image/waves/swoosh-lower-condensed-white.svg),url(../image/waves/waves-top-curved.svg),linear-gradient(180deg,#5858b2 15%,#836de0 85%);
    background-position: bottom -2px center,50%,50%;
    background-size: 150% auto,cover,auto;
    padding-top: 3.75rem;
    text-align: center;
}
.page-hero.\--camps .page-hero__content {
    padding-top: 2rem;
    padding-bottom: 4rem;
}
@media print,screen and (min-width:40em) {
    .page-hero.\--camps {
        background-size: 101% auto,cover,auto;
    }
    .page-hero.\--camps .page-hero__content {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }
}
@media print,screen and (min-width:64em) {
    .page-hero.\--camps {
        background-image: url(../image/waves/swoosh-lower-condensed-white.svg),url(../image/camps/hero-bg-camp.png),url(../image/camps/hero-bg-camp-abstract.svg),url(../image/waves/waves-top-curved.svg),linear-gradient(180deg,#5858b2 15%,#836de0 85%);
        background-position: bottom -2px center,bottom right -10rem,bottom -5rem right,50%,50%;
        background-size: 101% auto,60rem,38rem,cover,auto;
        text-align: left;
    }
    .page-hero.\--camps .page-hero__content {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}
@media screen and (min-width:64em) and (min-height:720px) {
    .page-hero.\--camps .page-hero__content {
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
}
@media screen and (min-width:75em) {
    .page-hero.\--camps {
        background-position: bottom -2px center,0 100% calc(50% + 18rem),bottom -2.5rem left calc(50% + 18rem),50%,50%;
        background-size: 101% auto,64rem,38rem,cover,auto;
    }
}
.marquee {
    overflow: hidden;
    padding-top: 1rem;
}
.marquee__content {
    animation: marquee-scroll 40s linear infinite;
    display: flex;
    width: 1400px;
}
.marquee__content:hover {
    animation-play-state: paused;
}
@media print,screen and (min-width:64em) {
    .marquee__content {
        animation-duration: 30s;
        width: 900px;
    }
}
.marquee-card {
    display: inline-block;
    margin: 0 10px;
    width: 320px;
    min-width: 320px;
}
@media print,screen and (min-width:64em) {
    .marquee-card {
        margin: 0 20px;
    }
}
.marquee-card .marquee-card__header {
    position: relative;
}
.marquee-card .marquee-card__header-image {
    border-radius: 5px;
    object-fit: fill;
    object-position: center;
    width: 320px;
    height: 210px;
}
.marquee-card .marquee-card__body {
    padding: 1rem;
    position: relative;
}
.marquee-card .marquee-card__title {
    font-size: 1.25rem;
    text-align: left;
}
.marquee-card .marquee-card__description {
    color: #707070;
}
@keyframes marquee-scroll {
    to {
        transform: translate3d(-100%,0,0);
    }
}
.section-control {
    background-color: #fff;
    color: #0a0a0a;
    font-weight: 400;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.section-control-slim {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.section-control-sticky {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.section-control-blue {
    background-color: #edf8ff;
    color: #0f0f0f;
}
.section-control-deep-blue {
    background-color: #2876c5;
}
.section-control-light-blue {
    background-color: #dff2f5;
}
.section-control-glass {
    background-color: transparent;
}
.section-control-trophy-case a {
    color: #fff;
    font-size: 1.25em;
}
.section-control-trophy-case a:focus,
.section-control-trophy-case a:hover {
    color: #fff;
    text-decoration: underline;
}
.section-control-trophy-case img {
    max-height: 90px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .section-control-trophy-case img {
        max-height: 50px;
    }
}
@media print,screen and (min-width:64em) {
    .section-control {
        text-align: left;
    }
}
.section-control a {
    font-size: inherit;
}
.section-control li,
.section-control p {
    color: inherit;
}
.section-control .zf-row {
    position: relative;
}
.section-control .rounded {
    border-radius: 8px;
}
.section-control.padding-top-0 {
    padding-top: 0!important;
}
.section-control .font-size-small {
    font-size: 80%!important;
}
.section-control .list-disc {
    list-style-type: disc;
}
.section-control .text-nowrap {
    white-space: nowrap!important;
}
.section-control.text-center {
    text-align: center;
}
.section-control-button {
    width: 100%;
}
.section-control-testimonial {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin-right: auto;
    margin-bottom: 1rem;
    margin-left: auto;
    padding: 30px 20px 20px;
    position: relative;
    width: 100%;
    max-width: 320px;
}
.section-control-testimonial blockquote {
    border: 0;
    padding: 0;
}
.section-control-testimonial blockquote:before {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDIwIDEzJz48cGF0aCBmaWxsPScjMDZhZmE2JyBkPSdNOSA2djdIMFY2bDItNmg1TDYgNmgzem0xMSAwdjdoLTlWNmwyLTZoNWwtMSA2aDN6Jy8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0.25;
    width: 40px;
    height: 40px;
}
.section-control-testimonial blockquote p {
    color: #0f0f0f;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .section-control-testimonial {
        padding: 50px 50px 20px;
        max-width: none;
    }
}
@media print,screen and (min-width:64em) {
    .section-control-testimonial {
        margin-bottom: 2.5rem;
        min-height: 270px;
    }
    .section-control-testimonial blockquote {
        min-height: 105px;
    }
}
.section-control-testimonial-meta {
    color: #0f0f0f;
    display: table;
    font-weight: 700;
    margin-left: auto;
}
.section-control-testimonial-meta > img,
.section-control-testimonial-meta > span {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.section-control-testimonial-avatar {
    border-radius: 50%;
    margin-left: 1.5rem;
    width: 80px;
}
.section-control .join-form {
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 2rem 1.5rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
}
.section-control .join-form input[type=email],
.section-control .join-form input[type=password],
.section-control .join-form input[type=text] {
    height: 50px;
    border-radius: 10px;
}
.section-control .join-form input[type=submit] {
    width: 130px;
}
.section-control .join-form p.separator {
    font-size: 14px;
}
.section-control .join-form .button-sso {
    max-width: 250px;
    width: 70%;
}
.section-control .join-form .button-sso[disabled] {
    opacity: 1;
}
.section-control .join-form label span.invalid {
    color: #f25954;
}
.tab-new-badge {
    background-color: #fbdd33;
    border-radius: 1em;
    color: #25293a;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.4em 0.6em;
    position: absolute;
    top: -1rem;
    right: -.5rem;
    text-transform: uppercase;
}
.apple-pay-button {
    width: 100%;
    height: 44px;
    padding: 10px 0;
}
.apple-pay-button.apple-pay-button-small {
    width: 94px;
}
@supports(-webkit-appearance:-apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: #000;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: #fff;
    }
    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}
@supports not (-webkit-appearance:-apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        box-sizing: border-box;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: #000;
    }
    .apple-pay-button-white,
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: #fff;
    }
    .apple-pay-button-white-with-line {
        border: 0.5px solid #000;
    }
}
.cart h3 {
    color: #596267;
    font-weight: 600;
}
.cart hr {
    border: none;
    border-bottom: 1px solid #e8e8e8;
}
.cart .cart-line {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #d3d3d3;
}
.cart .cart-line p {
    margin-bottom: 0.5rem;
}
.cart .cart-line.cart-line-addon {
    border-top: none;
}
.cart .cart-line.cart-line-addon .cart-line-image {
    visibility: hidden;
    height: 75px;
}
.cart .cart-line:first-child {
    border-top: none;
}
.cart .cart-line-image {
    background-color: #00bcd4;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 2px 3px rgba(0,0,0,.6);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 121px;
    line-height: 200px;
    text-transform: uppercase;
    text-align: center;
}
.cart .cart-line-type {
    font-size: 13px;
}
.cart .cart-line-title {
    font-size: 20px;
    font-weight: 600;
}
.cart .cart-line-description {
    font-size: 13px;
}
.cart .cart-line-upsell {
    display: none;
}
.cart .cart-line-error {
    color: #f25954;
    font-size: 12px;
    font-weight: 600;
}
.cart .cart-line-notice {
    color: #3ca7de;
    font-size: 12px;
    font-weight: 600;
}
.cart .cart-line-success {
    color: #82ca6d;
    font-size: 12px;
    font-weight: 600;
}
.cart .cart-line-warning {
    color: #ffaa31;
    font-size: 12px;
    font-weight: 600;
}
.cart .cart-line-quantity {
    text-align: center;
    width: 100%;
}
.cart .cart-line-addons {
    display: block;
    padding-top: 10px;
}
.cart .cart-line-addons .cart-line-addon {
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
.cart .cart-line-price {
    font-size: 16px;
}
.cart .cart-line-remove {
    color: #cacaca;
    font-size: 12px;
    text-decoration: underline;
}
.cart .cart-line-remove.top {
    display: none;
}
@media screen and (max-width:39.9375em) {
    .cart .cart-line-remove.top {
        display: inline-block;
    }
    .cart .cart-line-remove.bottom {
        display: none;
    }
}
.cart .cart-line-remove.cart-line-remove--individual {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    margin-right: 10px;
    margin-left: -30px;
    color: #aaa;
}
.cart .cart-line-remove.cart-line-remove--individual:hover {
    color: #dc3929;
}
.cart .cart-warning {
    font-size: 13px;
    font-weight: 600;
}
.cart .cart-warning a {
    font-size: inherit;
}
.cart .store-cart-actions {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.cart .store-cart-actions .todays-total {
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: right;
}
.cart .store-cart-actions .todays-total-currency {
    font-weight: 100;
}
.cart .store-cart-actions .button-divider {
    position: relative;
}
.cart .store-cart-actions .button-divider:after,
.cart .store-cart-actions .button-divider:before {
    border-top: 1px solid #b0b0b0;
    content: "";
    position: absolute;
    top: 50%;
    width: 4rem;
}
.cart .store-cart-actions .button-divider:before {
    right: calc(50% + 2rem);
}
.cart .store-cart-actions .button-divider:after {
    left: calc(50% + 2rem);
}
.cart .cart-awards h5 {
    color: #9a9a9a;
}
.cart .cart-awards .cart-awards-row {
    margin-top: 20px;
}
@media print,screen and (min-width:40em) {
    .cart .cart-awards .cart-awards-row {
        margin-top: 40px;
    }
}
.cart .cart-awards .logo-quote img {
    opacity: 0.6;
}
.cart .cart-awards .logo-quote p {
    font-size: 14px;
}
.cart .cart-awards .logo-quote p span {
    color: #222;
}
@media(min-width:980px) {
    .row--cart {
        padding-right: 100px;
        padding-left: 100px;
    }
}
.wrap--bundle-promo-header {
    background-color: #34444d;
    margin: 0;
    padding: 0;
}
.wrap--bundle-promo-header h5 {
    color: #fff;
    margin: 0;
    padding: 6px;
}
.wrap--bundle-promo {
    background-color: #009fdb;
}
.wrap--bundle-promo .row h1,
.wrap--bundle-promo .row h2,
.wrap--bundle-promo .row h3,
.wrap--bundle-promo .row h4,
.wrap--bundle-promo .row h5,
.wrap--bundle-promo .row p {
    color: #fff;
}
.cart-coupons {
    display: none;
    text-align: left;
}
.cart-coupons label {
    display: inline-block;
}
.cart-coupons a {
    font-size: 12px;
    font-weight: 500;
}
.cart-coupons p {
    padding: 10px;
}
.cart-coupons .cart-coupons-toggler {
    display: none;
}
.cart-coupons .cart-coupons-input {
    display: block;
}
.cart-coupons.hide-input hr {
    display: none;
}
.cart-coupons.hide-input .cart-coupons-toggler {
    display: block;
}
.cart-coupons.hide-input .cart-coupons-input {
    display: none;
}
body.checkout-payment {
    background-image: linear-gradient(#5685ba,#6b5aaa);
}
.checkout-body {
    background-color: #f5f5f7;
    border-radius: 10px;
    box-shadow: 1px 1px 3px -1px #000;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 920px;
}
@media print,screen and (min-width:40em) {
    .checkout-body {
        margin-bottom: 4rem;
        margin-top: 4rem;
    }
}
.checkout-body h2,
.checkout-body h3,
.checkout-body h4 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.checkout-body h2 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 0;
}
.checkout-body h3 {
    color: #64646e;
    font-size: 16px;
    font-weight: 500;
}
.checkout-body input {
    border-radius: 5px;
    height: 46px;
}
.checkout-body .checkout-body-main {
    box-shadow: 2px 0 5px -2px #888;
    border-top-right-radius: 10px;
}
.checkout-body .checkout-body-main .checkout-body-main-header {
    background-color: #ededef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 46px;
    position: relative;
}
.checkout-body .checkout-body-main .checkout-body-main-header .checkout-body-main-header-logo {
    display: block;
    text-align: center;
    position: absolute;
    top: -40%;
    height: 92px;
    left: 0;
    right: 0;
}
.checkout-body .checkout-body-main .checkout-body-main-header .checkout-body-main-header-logo:before {
    background: url(../image/store/checkout/tynker-t.png),linear-gradient(135deg,#d73941 39%,#b92020 40%);
    background-size: contain,auto;
    background-position: -2px,50%;
    border: 4px solid #fff;
    border-radius: 92px;
    content: " ";
    display: inline-block;
    height: 92px;
    width: 92px;
}
.checkout-body .checkout-body-main .checkout-body-main-body {
    padding-top: 48px;
    padding-bottom: 1.75rem;
}
.checkout-body .checkout-body-main .checkout-body-main-body.has-error {
    padding-top: 20px;
}
.checkout-body .payment-errors {
    margin-bottom: 1.5rem;
}
.checkout-body .button-panel > p {
    font-size: 13px;
    margin-top: -2px;
    text-align: center;
}
body.site .checkout-body h2 {
    padding-bottom: 0;
}
.checkout-loading-indicator p {
    font-size: 14px;
}
.checkout-loading-indicator .loading-indicator {
    margin: 50px auto;
}
.embedded-cart-1 {
    position: relative;
}
.embedded-cart-1 h4 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.embedded-cart-1 p {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.embedded-cart-1 a {
    font-size: 12px;
}
.embedded-cart-1 hr {
    border: none;
    border-bottom: 1px solid #e8e8e8;
    margin: 0.5em;
}
.embedded-cart-1 .embedded-cart__title {
    color: #a9b0b4;
    text-transform: uppercase;
}
.embedded-cart-1 .embedded-cart__image {
    padding: 0 10px;
    border-radius: 6px;
}
.embedded-cart-1 .embedded-cart__image.single-lifetime,
.embedded-cart-1 .embedded-cart__image.single-quarterly,
.embedded-cart-1 .embedded-cart__image.single-yearly {
    background-color: #626cb2;
}
.embedded-cart-1 .embedded-cart__image.family-lifetime,
.embedded-cart-1 .embedded-cart__image.family-quarterly,
.embedded-cart-1 .embedded-cart__image.family-yearly {
    background-color: #3790b1;
}
.embedded-cart-1 .embedded-cart__edit {
    position: absolute;
    right: 0;
    top: 0;
}
.embedded-cart-1 .embedded-cart__customer {
    position: relative;
}
.embedded-cart-1 .embedded-cart__customer .embedded-cart__customer__total {
    position: absolute;
    top: 0;
    right: 0;
}
.embedded-cart-1 .cart-summary-detail {
    padding-top: 5px;
}
.embedded-cart-1 .embedded-cart__line {
    padding-bottom: 0.5rem;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__type {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__description {
    font-size: 11px;
    padding-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__note {
    font-size: 12px;
    font-style: italic;
    padding-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__billing {
    font-size: 12px;
    padding-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line_price {
    font-size: 12px;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__original_price {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__discount_price {
    font-size: 12px;
    color: #000;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__quantity {
    font-size: 12px;
    padding-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line a.embedded-cart__line_remove {
    color: #999;
    font-size: 12px;
    text-decoration: underline;
}
.embedded-cart-1 .embedded-cart__line .embedded-cart__line__price {
    font-weight: 700;
}
.embedded-cart-1 .embedded-cart__line.cb {
    margin-bottom: 0;
}
.embedded-cart-1 .embedded-cart__line:not(:first-child) {
    padding-top: 10px;
}
.embedded-cart-1 .embedded-cart__line:not(:last-of-type) {
    margin-bottom: 0;
}
.embedded-cart-1 .embedded-cart__total {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.store .checkout .embedded-cart p {
    font-size: 12px;
    padding-bottom: 10px;
}
body.site .embedded-cart-1 {
    padding: 1rem;
}
@media print,screen and (min-width:40em) {
    body.site .embedded-cart-1 {
        padding: 4rem 2rem;
    }
}
@media print,screen and (min-width:64em) {
    body.site .embedded-cart-1 {
        padding: 4rem 2rem;
    }
}
@media screen and (max-width:39.9375em) {
    .cart .class-cart-line {
        background-color: transparent!important;
        border: 0!important;
        box-shadow: none!important;
        padding-top: 0!important;
    }
    .cart .class-cart-line:last-child {
        padding-bottom: 0!important;
    }
}
@media print,screen and (min-width:40em) {
    .cart .class-cart-line {
        padding: 1.25rem!important !important;
    }
}
.cart .class-cart-line-label {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
}
.cart .class-cart-line .date {
    font-weight: 700;
    text-transform: uppercase;
}
@media print,screen and (min-width:40em) {
    .cart .class-cart-line .date {
        font-size: 1.5rem;
        line-height: 1;
    }
    .cart .class-cart-line .date b {
        font-size: 1.875rem;
    }
}
.cart .class-cart-line .cart-line-image {
    height: auto;
}
.cart .class-cart-line .form-title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 0.875rem;
}
.cart .class-cart-line .form-price {
    font-size: 1.25rem;
    font-weight: 700;
}
.cart .class-cart-line .form-price.\--discount {
    display: block;
    font-size: 0.75rem;
    margin-left: 0.625rem;
    text-decoration: line-through;
}
.cart .class-cart-line .form-submit {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    color: #00bcd4;
    cursor: pointer;
    padding: 0;
}
.cart .class-cart-line .form-submit:focus,
.cart .class-cart-line .form-submit:hover {
    color: #0096aa;
}
.cart .class-cart-line .icon-remove {
    color: #9c9c9c;
}
.header-checkout-class {
    background-color: #00bcd4;
    background-image: linear-gradient(90deg,#02bcd4 15%,#4e85fb 85%);
    color: #fff;
}
.header-checkout-class a,
.header-checkout-class h1,
.header-checkout-class h2,
.header-checkout-class p {
    color: inherit;
}
.header-checkout-class h1 {
    font-size: 35px;
    margin-bottom: 0!important;
}
.header-checkout-class a {
    font-weight: 700;
}
.header-checkout-class a:hover {
    text-decoration: underline;
}
.header-checkout-class p {
    margin-bottom: 0;
}
.header-checkout-class-content {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.header-checkout-class-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 0;
}
.header-checkout-class-description {
    font-size: 16px;
}
.header-checkout-class-progress {
    margin-top: 1rem;
}
.header-checkout-class-progress ul {
    float: right;
}
.header-checkout-class-progress ul li {
    color: #c2c6fe;
    font-size: 12px;
    font-weight: 700;
    float: left;
    position: relative;
    text-align: center;
    width: 90px;
}
.header-checkout-class-progress ul li .dot {
    font-size: 20px;
}
.header-checkout-class-progress ul li:before {
    width: 22.5px;
    right: 45px;
}
.header-checkout-class-progress ul li:after,
.header-checkout-class-progress ul li:before {
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid #c2c6fe;
    height: 1px;
    top: 17px;
}
.header-checkout-class-progress ul li:after {
    width: 67.5px;
    left: 45px;
}
.header-checkout-class-progress ul li:first-child:before,
.header-checkout-class-progress ul li:last-child:after {
    content: none;
}
.header-checkout-class-progress ul li.active {
    color: #fff;
}
.header-checkout-class-progress ul li.active:after,
.header-checkout-class-progress ul li.active:before {
    border-top-color: #fff;
}
body.site .header-checkout-class h2 {
    padding-bottom: 0;
}
.store-checkout-payment-class h3 {
    font-size: 20px;
}
.store-checkout-payment-class p.secure {
    color: #727272;
    font-size: 11px;
}
.store-checkout-payment-class .embedded-cart-class {
    background: hsla(0,0%,100%,.91);
    box-shadow: 0 4px 5px rgba(0,0,0,.2);
    margin-bottom: 1rem;
    padding: 2rem!important !important;
}
.store-checkout-payment-class .embedded-cart-class p {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.store-checkout-payment-class .embedded-cart-class .embedded-cart-class-line-title {
    color: #616161;
    font-weight: 700;
}
.gift-store {
    padding-bottom: 40px;
    background-color: #f5f6f7;
    -webkit-backface-visibility: hidden;
}
.gift-store .breadcrumbs {
    padding: 10px 0;
    text-transform: capitalize;
}
.gift-store .breadcrumbs li {
    color: #888e92;
}
.gift-store .breadcrumbs li a {
    font-size: inherit;
}
.gift-store .gift-experts {
    text-align: center;
    padding: 20px;
    font-weight: 400;
}
.gift-store h4 {
    margin: 16px 0 6px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.gift-store .gift-spacing .zf-column {
    padding-left: 0;
    padding-right: 12px;
}
.gift-store .gift-payment-form {
    margin-bottom: 1rem;
}
.gift-store .field--wrapper {
    margin-bottom: 12px;
}
.gift-store input[type=email],
.gift-store input[type=text],
.gift-store select,
.gift-store textarea {
    height: 46px;
    border-radius: 5px;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
}
.gift-store .gift-summary .gift-summary-detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    padding: 5px 0;
}
section.gift-store {
    padding-bottom: 0;
    padding-top: 0;
}
.gift-receipt-section {
    background-color: #f5f6f7;
}
.gift-receipt-section h1,
.gift-receipt-section h2 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.gift-receipt-section h4 {
    margin: 16px 0 6px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.gift-receipt-section .gift-receipt-hero .gift-receipt-hero-content h1 {
    margin-top: 0;
}
.gift-receipt-section .gift-receipt-hero .gift-receipt-hero-content p.subtitle {
    line-height: 1.5;
    font-size: 18px;
}
.gift-receipt-section .gift-receipt-hero .gift-receipt-hero-content .gift-hero-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}
.gift-receipt-section .gift-receipt-detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.gift-receipt-section .gift-receipt-detail hr {
    margin: 10px;
}
.lang-index {
    background-color: #f4faff;
}
.lang-index h1,
.lang-index h2,
.lang-index h3,
.lang-index p {
    color: inherit;
}
.lang-index .lang-index-hero {
    background-image: url(../image/languages/divider-wave-blue-bottom.svg),linear-gradient(125deg,#02bcd4 15%,#4e85fb 85%);
    background-position: center bottom -2px,50%;
    background-size: 100%,auto;
    padding-bottom: 4rem;
}
@media print,screen and (min-width:40em) {
    .lang-index .lang-index-hero {
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}
@media print,screen and (min-width:64em) {
    .lang-index .lang-index-hero {
        padding-bottom: 8rem;
    }
}
@media screen and (min-width:75em) {
    .lang-index .lang-index-hero {
        background-size: 100% 8rem,auto;
        padding-top: 8rem;
        padding-bottom: 12rem;
    }
}
.lang-index .lang-index-mc {
    background-image: url(../image/languages/index/mc-bg.png);
    background-position: bottom -2rem center;
    background-repeat: no-repeat;
    background-size: 20rem;
    padding-bottom: 16rem;
}
@media print,screen and (min-width:64em) {
    .lang-index .lang-index-mc {
        background-position: bottom -5rem left calc(50% + 20rem);
        background-size: 38rem;
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}
@media screen and (min-width:75em) {
    .lang-index .lang-index-mc {
        background-image: url(../image/languages/index/mc-bg@2x.png);
        background-size: 40rem;
        padding-bottom: 10rem;
    }
}
.lang-index .lang-index-popularity {
    background-color: #25293a;
    background-image: url(../image/languages/divider-wave-blue-bottom.svg),url(../image/languages/index/popularity-bg.png);
    background-position: bottom -2px center,bottom;
    background-repeat: no-repeat;
    background-size: 125%,cover;
    color: #fff;
    padding-bottom: 4rem;
    position: relative;
}
.lang-index .lang-index-popularity:before {
    background-image: url(../image/languages/index/astronaut.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 6.25rem;
    height: 9.375rem;
}
@media print,screen and (min-width:40em) {
    .lang-index .lang-index-popularity {
        background-image: url(../image/languages/index/planet.png),url(../image/languages/divider-wave-blue-bottom.svg),url(../image/languages/index/popularity-bg.png);
        background-position: 100% 0,bottom -2px center,bottom;
        background-size: 10rem,125%,cover;
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
    .lang-index .lang-index-popularity:before {
        width: 11.25rem;
        height: 13.75rem;
    }
}
@media print,screen and (min-width:64em) {
    .lang-index .lang-index-popularity {
        background-position: top right 1rem,bottom -2px center,bottom;
        background-size: 10rem,125% 8rem,cover;
        padding-top: 6rem;
        padding-bottom: 10rem;
    }
    .lang-index .lang-index-popularity:before {
        width: 13.75rem;
        height: 18.75rem;
    }
}
@media screen and (min-width:75em) {
    .lang-index .lang-index-popularity {
        background-image: url(../image/languages/index/planet@2x.png),url(../image/languages/divider-wave-blue-bottom.svg),url(../image/languages/index/popularity-bg@2x.png);
        background-position: 0 0 calc(50% + 500px),bottom -2px center,bottom;
        background-size: 18rem,125% 8rem,cover;
        padding-top: 8rem;
        padding-bottom: 14rem;
    }
    .lang-index .lang-index-popularity:before {
        background-image: url("../image/languages/index/astronaut@2x.png");
        bottom: -75px;
        left: calc(50% - 650px);
        width: 18.75rem;
        height: 25rem;
    }
}
.lang-index .lang-index-topic {
    margin-bottom: 1rem;
    text-align: center;
}
.lang-index .lang-index-topic__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.625rem;
    height: 6.25rem;
    vertical-align: middle;
}
.lang-index .lang-index-topic__title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}
.lang-index .lang-index-topic__description {
    margin-bottom: 1rem;
}
@media print,screen and (min-width:40em) {
    .lang-index .lang-index-topic {
        text-align: left;
    }
    .lang-index .lang-index-topic__icon {
        justify-content: flex-start;
    }
}
.lang-index .lang-index-subscribe {
    background-image: url(../image/languages/divider-wave-white-bottom.svg);
    background-position: bottom -2px center;
    background-repeat: no-repeat;
    background-size: 125%;
}
.lang-index .lang-index-faqs .accordion {
    background-color: transparent;
}
.lang-index .lang-index-faqs .accordion .accordion-item {
    padding-bottom: 1rem;
}
.lang-index .lang-index-faqs .accordion .accordion-item .accordion-content {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.lang-index .lang-index-faqs .accordion .accordion-item .accordion-title {
    background-color: transparent!important;
    border: 0;
    display: inline-block;
    line-height: inherit;
    padding: 0;
}
.lang-index .lang-index-faqs .accordion .accordion-item .accordion-title:before {
    content: "\E09A";
    font-family: icomoon;
    top: 1.125em;
    right: auto;
    left: -1.5em;
    transition: transform 0.125s linear;
}
.lang-index .lang-index-faqs .accordion .accordion-item.is-active .accordion-title:before {
    transform: rotate(90deg);
}
.lang-index a.h2 {
    color: #00bcd4;
}
.lang-index .pricing-landing {
    background-color: transparent!important;
}
.lang-index .pricing-landing,
.lang-index .pricing-landing:before {
    background-image: none!important;
}
.lang-index .pricing-landing header h1,
.lang-index .pricing-landing header h2,
.lang-index .pricing-landing header p {
    color: inherit!important;
}
.lang-index .pricing-card {
    float: left;
}
.lang-index .section-control {
    color: inherit;
}
.lang-js .lang-js-hero {
    background-color: #1ba2e6;
    background-image: url(../image/languages/divider-wave-blue-bottom.svg),url(../image/languages/js/hero-graphic.png),url(../image/languages/js/hero-texture.png),linear-gradient(125deg,#02bcd4 15%,#4e85fb 85%);
    background-position: bottom -2px center,top 16rem center,top,50%;
    background-repeat: no-repeat;
    background-size: 100%,28rem,cover,auto;
    color: #fff;
    padding-bottom: 16rem;
}
@media print,screen and (min-width:40em) {
    .lang-js .lang-js-hero {
        background-position: bottom -2px center,bottom -10rem center,top,50%;
        background-size: 100%,35rem,cover,auto;
    }
}
@media print,screen and (min-width:64em) {
    .lang-js .lang-js-hero {
        background-position: bottom -2px center,top 2rem left calc(50% + 25rem),100% 0,50%;
        background-size: 100%,50rem,cover,auto;
        padding-top: 7rem;
        padding-bottom: 9rem;
    }
}
@media screen and (min-width:75em) {
    .lang-js .lang-js-hero {
        background-image: url(../image/languages/divider-wave-blue-bottom.svg),url(../image/languages/js/hero-graphic@2x.png),url(../image/languages/js/hero-texture@2x.png),linear-gradient(125deg,#02bcd4 15%,#4e85fb 85%);
        background-position: bottom -2px center,top 3rem left calc(50% + 35rem),100% 0,50%;
        background-size: 100% 8rem,70rem,cover,auto;
        padding-top: 10rem;
        padding-bottom: 12rem;
    }
}
.lang-js .lang-js-hero h1,
.lang-js .lang-js-hero p {
    color: inherit;
}
.lang-js .lang-js-whyjs {
    background-image: url(../image/languages/divider-wave-white-bottom.svg);
    background-position: bottom -2px center;
    background-repeat: no-repeat;
}
@media print,screen and (min-width:64em) {
    .lang-js .lang-js-whyjs {
        background-image: url(../image/languages/js/macbook-mock-js.png),url(../image/languages/divider-wave-white-bottom.svg);
        background-position: right calc(50% + 25rem) center,bottom -2px center;
        background-size: 50rem,100% 20rem;
        padding-top: 12.5rem;
        padding-bottom: 15.625rem;
    }
}
@media screen and (min-width:75em) {
    .lang-js .lang-js-whyjs {
        background-image: url(../image/languages/js/macbook-mock-js@2x.png),url(../image/languages/divider-wave-white-bottom.svg);
    }
}
.lang-js .lang-js-topic {
    margin-bottom: 2rem;
}
.lang-js .lang-js-topic__icon {
    margin-bottom: 0.625rem;
}
.lang-js .lang-js-topic__title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}
.lang-js .lang-js-topic__description {
    color: #747474;
}
.lang-js .lang-js-minigame__icon {
    margin-bottom: 1.875rem;
}
.lang-js .lang-js-minigame__title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}
.lang-js .lang-js-minigame__description {
    color: #747474;
    font-size: 0.875rem;
}
.lang-js .lang-js-courses {
    background-image: url(../image/languages/divider-wave-white-top.svg),url(../image/languages/divider-wave-white-bottom-inverse.svg);
    background-position: top -2px center,bottom -2px center;
    background-repeat: no-repeat;
    background-size: 100% 15rem;
    padding-top: 18rem;
    padding-bottom: 18rem;
}
.lang-js .lang-js-testimonial {
    border: 0;
    font-size: 1rem;
    text-align: center;
}
.lang-js .lang-js-testimonial__icon {
    margin-bottom: 2.5rem;
}
.lang-js .lang-js-testimonial__quote {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.lang-js .lang-js-testimonial__cite {
    font-size: inherit;
}
.lang-js .lang-js-subscribe {
    background-image: url(../image/languages/divider-wave-white-top.svg);
    background-position: top -2px center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 5rem;
}
.lang-js .lang-js-link {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    display: block;
    font-size: 2.125rem;
    font-weight: 800;
    line-height: 13.75rem;
    margin-bottom: 1.5rem;
    text-align: center;
    height: 13.75rem;
}
.lang-js .lang-js-link.\--python {
    background-image: url(../image/languages/js/card-python-bg.svg);
}
.lang-js .lang-js-link.\--html {
    background-image: url(../image/languages/js/card-html-bg.svg);
}
.lang-js .lang-js-link.\--block {
    background-image: url(../image/languages/js/card-block-bg.svg);
}
body {
    background-color: #f4f9fa;
}
#avatar-dropdown a.avatar-image {
    width: 150px;
    display: block;
}
#avatar-dropdown a.avatar-image canvas {
    width: 100%;
}
html.sticky-footer body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
html.sticky-footer body header {
    flex-shrink: 0;
}
html.sticky-footer body main {
    flex: 1 0 auto;
}
html.sticky-footer body main .off-canvas-wrapper {
    width: 100%;
}
html.sticky-footer body main.has-off-canvas {
    display: flex;
}
html.sticky-footer body main.has-off-canvas .off-canvas-wrapper {
    width: 100%;
}
html.sticky-footer body main.has-off-canvas .off-canvas-content {
    display: flex;
    flex-flow: column;
    height: 100%;
    min-height: 100%;
}
html.sticky-footer body main.has-off-canvas .off-canvas-content .root-ui-view {
    height: 100%;
}
html.sticky-footer body footer {
    flex-shrink: 0;
}
.center {
    text-align: center;
}
.full-height {
    display: flex;
    flex-flow: column;
    height: 100%;
}
.access-protected-progress-report-content {
    padding-top: calc(1rem + 5vw);
    padding-right: 1rem;
    padding-left: 1rem;
    color: #fff;
}
.access-protected-progress-report-content h1,
.access-protected-progress-report-content h2,
.access-protected-progress-report-content h3,
.access-protected-progress-report-content p {
    color: inherit;
}
@media screen and (min-width:75em) {
    .access-protected-progress-report-content {
        padding-top: 4rem;
    }
}
.access-protected-progress-report-dialog {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    color: #0a0a0a;
    margin: 0 auto;
    padding: 2rem;
    position: relative;
    max-width: 25rem;
}
.access-protected-progress-report-dialog label {
    font-weight: 400;
    line-height: 1.75;
}
.access-protected-progress-report-error {
    color: #ec5840;
    margin-bottom: 1rem;
}
.class-progress-report .gradebook-student-report-hero {
    color: #fff;
}
.class-progress-report .student-report-card-print-body {
    background-color: #f5f6f7;
}
.class-progress-report .student-report-card-print-body h2 {
    margin-bottom: 1em!important;
}
.class-progress-report .recent-activity-report-box,
.class-progress-report .student-reports {
    background-color: #fff;
    border-radius: 4px;
}
.class-progress-report .student-reports {
    padding: 0.5rem 0.75rem;
}
.class-progress-report .student-reports table tbody,
.class-progress-report .student-reports table th,
.class-progress-report .student-reports table thead,
.class-progress-report .student-reports table tr {
    background-color: transparent!important;
}
.class-progress-report .student-reports table tbody,
.class-progress-report .student-reports table thead {
    border: 0!important;
}
.class-progress-report .student-reports table tr:not(:last-of-type) {
    border-bottom: 1px solid #f1f1f1;
}
.class-progress-report .student-reports table th {
    color: #25293a!important;
    font-weight: 600!important;
    text-transform: uppercase;
}
.class-progress-report .student-reports table td,
.class-progress-report .student-reports table th {
    padding: 0.75rem 1rem!important !important;
    font-size: 0.875rem!important;
}
.class-progress-report .concept-mastery-report-table-summary {
    color: #9c9c9c;
    font-size: 0.875rem;
}
.class-progress-report .score {
    border-radius: 50%;
}
.class-progress-report .recent-activity {
    padding-top: 1rem;
}
.class-progress-report .text-gray {
    color: #9c9c9c!important;
}
.class-progress-report .text-gray > * {
    color: inherit!important;
}
.featured-maker-testimonial-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    border-left-style: solid;
    border-left-width: 50px;
    border-left-color: #06afa6;
    margin-top: 30px;
    padding: 2rem;
    position: relative;
}
.featured-maker-testimonial-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.featured-maker-testimonial-card p {
    color: #0a0a0a;
}
.featured-maker-testimonial-card .title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.featured-maker-testimonial-card .quote {
    font-style: italic;
    text-indent: -16px;
    margin-bottom: 86px;
}
.featured-maker-testimonial-card .quote:before {
    content: "\201C";
    font-size: 26px;
    font-family: georgia,serif;
    color: #06afa6;
}
.featured-maker-testimonial-card .quote:after {
    content: "\201D";
    font-size: 26px;
    font-family: georgia,serif;
    color: #06afa6;
}
.featured-maker-testimonial-card .author-details {
    position: absolute;
    bottom: 10px;
    right: 2rem;
}
.featured-maker-testimonial-card .author {
    font-weight: 600;
    margin-bottom: 0;
    text-align: right;
    text-transform: uppercase;
}
.featured-maker-testimonial-card .about-author {
    text-align: right;
}
.featured-maker-testimonial-card .testimonial-avatar {
    bottom: 10px;
    left: -53px;
    height: 100px;
    position: absolute;
}
.get-summer ul {
    display: inline-block;
}
.get-summer ul > li {
    font-size: inherit;
    font-weight: inherit;
    text-align: left;
}
.get-summer .get-summer-beach-hero {
    background-color: #d64a72;
    background-image: url(../image/parents/get-summer/beach-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 3.75rem;
    padding-bottom: 14rem;
}
@media print,screen and (min-width:64em) {
    .get-summer .get-summer-beach-hero {
        background-image: url(../image/parents/get-summer/beach-bg@2x.png);
        padding-top: 5.75rem;
    }
}
.get-summer .get-summer-beach-hero+* {
    background-color: transparent;
    margin-top: -6rem;
}
@media print,screen and (min-width:64em) {
    .get-summer .get-summer-beach-hero+* {
        margin-top: -8rem;
    }
}
.get-summer .get-summer-home-hero {
    background-color: #dcdcf4;
    background-image: url(../image/parents/get-summer/home-bg-graphic.png),linear-gradient(180deg,hsla(0,0%,100%,0) 75%,#fff");
    background-position: bottom,50%;
    background-repeat: no-repeat;
    background-size: 24rem,auto;
    color: #25293a;
    padding-bottom: 20rem;
}
.get-summer .get-summer-home-hero .page-hero__title {
    color: #332a7c;
}
@media print,screen and (min-width:64em) {
    .get-summer .get-summer-home-hero {
        background-image: url(../image/parents/get-summer/home-bg-graphic@2x.png),linear-gradient(180deg,hsla(0,0%,100%,0) 75%,#fff),url(../image/parents/get-summer/home-bg@2x.png);
        background-position: 0 calc(50% + 16rem),50%,top;
        background-size: 32rem,auto,cover;
        padding-top: 4rem;
        padding-bottom: 2rem;
    }
}
@media screen and (min-width:75em) {
    .get-summer .get-summer-home-hero {
        background-position: 0 100% calc(50% + 18rem),50%,top;
        background-size: 42rem,auto,cover;
    }
}
.get-summer .get-summer-plan-hero {
    background-color: #38b1a6;
    background-image: url(../image/parents/get-summer/plan-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.get-summer .get-summer-plan-hero p {
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .get-summer .get-summer-plan-hero {
        background-image: url(../image/parents/get-summer/plan-bg@2x.png);
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
}
.get-summer .button-paypal {
    background-color: #ffb346;
}
.get-summer .pricing-card {
    margin-right: auto;
    margin-left: auto;
}
.get-summer .pricing-card-header {
    background-color: #7065a3;
    color: #fff;
}
.get-summer .pricing-card-header h3 {
    font-weight: 600;
    margin-bottom: 0;
}
.get-summer .pricing-card-footer {
    height: 130px!important;
}
.get-summer .pricing-card-footer .pricing-card-note {
    text-transform: none;
}
.get-tynker .get-tynker-hero {
    background-color: #3b80ed;
    background-image: url(../image/parents/get-tynker/laptop.png),linear-gradient(0deg,#fff,#fff 4rem,transparent 4.1rem),url(../image/waves/waves-top-overlapping.svg),linear-gradient(180deg,#3b80ed 15%,#55cee2 85%);
    background-position: bottom,0 0,0 0,0 0;
    background-repeat: no-repeat;
    background-size: 26rem,auto,cover,auto;
    padding-top: 3.75rem;
    padding-bottom: 16rem;
}
@media print,screen and (min-width:64em) {
    .get-tynker .get-tynker-hero {
        background-position: 0 100% calc(50% + 20rem),0 0,0 0,0 0;
        background-size: 28rem,auto,cover,auto;
        padding-bottom: 6rem;
    }
}
@media screen and (min-width:75em) {
    .get-tynker .get-tynker-hero {
        background-position: 0 100% calc(50% + 23rem),0 0,0 0,0 0;
        background-size: auto,auto,cover,auto;
    }
}
.get-tynker .get-tynker-pricing {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}
.get-tynker .get-tynker-sale-pricing {
    font-size: 18px;
    margin-bottom: 0.25rem;
    text-decoration: line-through;
}
.get-tynker .get-tynker-explore {
    font-size: 1.2rem;
    font-weight: 600;
}
.get-tynker-badge {
    background-image: url(../image/parents/get-tynker/sale-badge.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 6rem;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-12deg);
    width: 6rem;
    height: 6rem;
    position: absolute;
    margin-top: -2rem;
    margin-left: -1rem;
}
@media print,screen and (min-width:40em) {
    .get-tynker-badge {
        margin-top: 0;
        margin-left: 0;
    }
}
@media print,screen and (min-width:64em) {
    .get-tynker-badge {
        left: calc(50% - 30rem);
        margin-top: 2rem;
    }
}
.get-tynker .button-paypal {
    background-color: #faa600;
}
.level-up-landing {
    background-image: url(../image/backgrounds/bg-hero-mc-mountains.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
.level-up-landing :last-child {
    margin-bottom: 0!important;
}
.level-up-landing h1,
.level-up-landing h2,
.level-up-landing h3,
.level-up-landing h4,
.level-up-landing h5,
.level-up-landing h6 {
    color: inherit;
}
.level-up-landing h1 {
    font-size: 2.2em;
}
.level-up-landing p {
    font-size: 1.125rem!important;
    margin-top: 0!important;
}
@media print,screen and (min-width:64em) {
    .level-up-landing {
        padding-right: 4vw;
        padding-left: 4vw;
    }
}
.parents-page {
    background-color: #fff;
}
@media screen and (max-width:39.9375em) {
    body.site .parents-page h1,
    body.site .parents-page h2,
    body.site .parents-page h3,
    body.site .parents-page h4,
    body.site .parents-page h5,
    body.site .parents-page h6 {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    body.site .parents-page section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.parents-page .parents-page-hero {
    background-color: #11a9d4;
    background-image: url(../image/parents/winter-2021/hero-graphic.png),url(../image/waves/swoosh-lower-white-symmetric.svg),url(../image/parents/winter-2021/hero-bg.png);
    background-position: bottom 1rem center,bottom -2px center,50%;
    background-repeat: no-repeat;
    background-size: 21.25rem,125% 3rem,cover;
    padding-top: 3.75rem!important;
}
.parents-page .parents-page-hero .page-hero__content {
    padding-top: 20px;
    padding-bottom: 14rem;
}
.parent-dashboard-courses-sem .parents-page .parents-page-hero {
    background-size: 21.25rem,0 0,cover;
}
@media print,screen and (min-width:40em) {
    .parents-page .parents-page-hero {
        background-position: bottom right -4rem,bottom -2px center,50%;
        background-size: 56%,125% 3rem,cover;
    }
    .parents-page .parents-page-hero .page-hero__content {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
    .parent-dashboard-courses-sem .parents-page .parents-page-hero {
        background-size: 56%,0 0,cover;
    }
}
@media print,screen and (min-width:64em) {
    .parents-page .parents-page-hero {
        background-position: top calc(50% + 2rem) left calc(50% + 300px),bottom -2px center,50%;
        background-size: 37.5rem,125% 4rem,cover;
    }
    .parents-page .parents-page-hero .page-hero__content {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .parent-dashboard-courses-sem .parents-page .parents-page-hero {
        background-size: 43.75rem,0 0,cover;
    }
}
@media screen and (min-width:75em) {
    .parents-page .parents-page-hero {
        background-image: url(../image/parents/winter-2021/hero-graphic@2x.png),url(../image/waves/swoosh-lower-white-symmetric.svg),url(../image/parents/winter-2021/hero-bg@2x.png);
        background-position: top calc(50% + 2rem) left calc(50% + 350px),bottom -2px center,50%;
    }
    .parents-page .parents-page-hero .page-hero__content {
        padding-bottom: 7rem;
    }
}
.parents-page .parents-page-benefits.section-control h3,
.parents-page .parents-page-benefits.section-control ul {
    text-align: left;
}
@media screen and (max-width:39.9375em) {
    .parents-page .parents-page-benefits h3 {
        font-size: 18px;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .parents-page .parents-page-benefits h3 {
        font-size: 18px;
    }
}
.parents-page .parents-page-faq {
    background-color: #fff;
}
.parents-page .parents-page-faq .accordion-header {
    text-align: left;
    color: #282e33;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    margin-left: 28px;
    cursor: pointer;
}
.parents-page .parents-page-faq .accordion-content {
    text-align: left;
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 0;
    margin: 16px;
}
.parents-page .parents-page-faq .accordion-content p {
    line-height: 1.5;
    font-size: 18px;
}
.parents-page .parents-page-faq .home-pricing-faq-questions {
    margin-top: 20px;
}
.parents-page .has-tip {
    border-bottom: none;
    cursor: auto;
}
.parents-page .instructor-led {
    padding-top: 0;
}
.parents-page .instructor-led .pricing-card {
    max-width: calc(100% - 25px)!important;
    height: 360px;
}
.parents-page .instructor-led .pricing-card-header {
    background-image: linear-gradient(180deg,#3ea988,#1e886c);
}
.parents-page .instructor-led .pricing-card-header h2 {
    color: #fff;
}
.parents-page .instructor-led .pricing-card-header h2 .pricing-tag-yellow {
    background-color: #fade4f;
    border-radius: 12px;
    color: #000;
    font-size: 70%;
    line-height: 20px;
    padding: 0 8px;
}
.parents-page .instructor-led .pricing-card-body ul.features {
    color: #000;
    margin-top: 1rem;
}
.parents-page .instructor-led .pricing-card-body ul.features li:first-child {
    color: #1e886c;
    font-weight: 700;
}
.parents-page .instructor-led .pricing-card.\--live-classes .pricing-card-body ul.features li:first-child {
    color: #5172c6;
}
.parents-page .tynker-approach-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
}
.parents-page .coding-classes-banner {
    background: transparent linear-gradient(273deg,#2f57c1,#256dd0) 0 0 no-repeat padding-box;
    text-align: center;
}
.parents-page .coding-classes-banner p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}
.parents-page .coding-classes-banner a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-left: 1rem;
    text-decoration: underline;
}
.parents-page .coding-classes-banner a:hover {
    text-decoration: none;
}
.parents-landing {
    background-color: #e3f4f2;
    background-image: linear-gradient(#a2dbec -25%,#e3f4f2 50%);
    background-position: 100%,50%;
    background-repeat: no-repeat;
    background-size: cover;
}
@media print,screen and (min-width:64em) {
    .parents-landing {
        background-color: #a2dbec;
        background-image: url(../image/parents/spring-2019/bg-diagonal.svg),url(../image/parents/spring-2019/hero-bg-graphic.svg);
        background-position: 100%,left -25px center;
        background-size: 77% 150%,cover;
        padding-top: 4rem!important;
        padding-bottom: 2rem!important;
    }
}
.parents-get-started {
    background-image: url(../image/parents/spring-2019/bg-swoosh-steps.svg);
    background-position: top;
}
.parents-get-started,
.parents-pathway {
    background-repeat: no-repeat;
    background-size: cover;
}
.parents-pathway {
    background-color: #ecf8fe;
    background-position: bottom;
}
@media print,screen and (min-width:40em) {
    .parents-pathway {
        background-color: #fff;
        background-image: linear-gradient(15deg,#edf8ff,#edf8ff 45%,transparent 0),linear-gradient(-15deg,#edf8ff,#edf8ff 45%,transparent 0);
    }
}
@media print,screen and (min-width:64em) {
    .parents-pathway {
        background-image: linear-gradient(15deg,#edf8ff,#edf8ff 35%,transparent 0),linear-gradient(-15deg,#edf8ff,#edf8ff 35%,transparent 0);
    }
}
.parents-howitworks {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-top: 1rem;
}
@media print,screen and (min-width:64em) {
    .parents-howitworks {
        position: absolute;
        right: 2rem;
        bottom: -3rem;
    }
}
.parents-ribbon {
    background-color: #f3ffe5;
    filter:drop-shadow(0 3px 4px rgba(0,0,0,.16));
    padding: 1.5rem 1.5rem 0.5rem;
    position: relative;
    transition: all 0.25s ease-out;
    width: 100%;
    min-height: 80px;
}
.parents-ribbon-large {
    margin-bottom: 2rem;
}
.parents-ribbon-small {
    margin-top: -5rem;
    width: calc(100% - 20px);
}
.parents-ribbon-small:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    border: 0 solid #f3ffe5;
    border-top-width: 40px;
    border-bottom-width: 40px;
    border-left-width: 20px;
    border-left-color: transparent;
    transition: border-left-width 0.25s ease-out,left 0.25s ease-out;
}
.parents-ribbon header {
    white-space: nowrap;
}
.parents-ribbon h2 {
    display: inline-block;
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px!important;
    white-space: normal;
}
.parents-ribbon span {
    font-size: 20px;
    line-height: 1.25;
}
.parents-ribbon .icon-checkmark {
    font-size: 1em;
    margin-right: 0.5em;
}
.parents-ribbon-content {
    font-size: 14px;
    transition: all 0.25s ease-out;
}
@media print,screen and (min-width:64em) {
    .parents-ribbon-large {
        margin-top: -5.25rem;
    }
    .parents-ribbon-small {
        max-width: 520px;
    }
}
.parents-demo {
    color: inherit;
    position: relative;
}
.parents-demo-image {
    border-radius: 8px;
}
.parents-demo-icon {
    font-size: 5em;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.parents-ico {
    background-color: #22bdb6;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50% auto;
    border-radius: 50%;
    box-shadow: 0 6px 0 #189f98;
    display: inline-block;
    margin: 1rem 0.5rem 0.5rem;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    transition: background-color 0.25s ease-out;
}
.parents-ico-small {
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 0 #189f98;
}
.parents-ico.\--app {
    background-image: url(../image/parents/spring-2019/icon-app.svg);
    background-size: auto 50%;
}
.parents-ico.\--award {
    background-image: url(../image/parents/spring-2019/icon-award.svg);
}
.parents-ico.\--code-blocks {
    background-image: url(../image/parents/spring-2019/icon-codeblocks.svg);
}
.parents-ico.\--course {
    background-image: url(../image/parents/spring-2019/icon-course.svg);
}
.parents-ico.\--game {
    background-image: url(../image/parents/spring-2019/icon-game.svg);
}
.parents-ico.\--minecraft {
    background-image: url(../image/parents/spring-2019/icon-mc.svg);
}
.parents-ico.\--project {
    background-image: url(../image/parents/spring-2019/icon-project.svg);
}
.parents-ico.\--python {
    background-image: url(../image/parents/spring-2019/icon-python.svg);
}
.parents-ico.\--skills {
    background-image: url(../image/parents/spring-2019/icon-skills-chart.svg);
}
a.parents-ico:focus,
a.parents-ico:hover {
    background-color: #188782;
}
.parents-ico~span {
    font-size: 16px;
}
.parents-path-card {
    border-radius: 5px;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    display: block;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
    max-width: 300px;
    min-height: 220px;
}
.parents-path-card header {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    color: #fff;
    padding-top: 1rem;
    height: 140px;
}
.parents-path-card header img {
    margin-top: 0.5rem;
    width: 55%;
}
.parents-path-card h3 {
    color: inherit;
    margin-bottom: 0;
    padding-bottom: 0!important;
}
.parents-path-card ul {
    background-color: #fff;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    color: #25293a;
    font-size: 16px;
    list-style-type: disc;
    margin-bottom: 0;
    overflow: hidden;
    padding: 4rem 2rem 2rem 4rem;
    text-align: left;
}
.parents-path-card ul > li {
    line-height: 1.125;
    padding: 0.5rem 0;
    position: relative;
}
.parents-path-card .icon-checkmark {
    font-size: 20px;
    position: absolute;
    left: -1.5rem;
}
.parents-path-card.\--beginner header {
    background-color: #9876f0;
    background-image: linear-gradient(135deg,#9876f0 15%,#665fef 85%);
}
.parents-path-card.\--beginner .icon-checkmark {
    color: #7561a7;
}
.parents-path-card.\--intermediate header {
    background-color: #129847;
    background-image: linear-gradient(135deg,#1ea87b 15%,#129847 85%);
}
.parents-path-card.\--intermediate .icon-checkmark {
    color: #62b14c;
}
.parents-path-card.\--advanced header {
    background-color: #e5564b;
    background-image: linear-gradient(135deg,#e2621e 15%,#e5564b 85%);
}
.parents-path-card.\--advanced .icon-checkmark {
    color: #de6f46;
}
@media print,screen and (min-width:64em) {
    .parents-path-card {
        margin-bottom: 0;
    }
    .parents-path-card.\--beginner:after {
        right: -15%;
    }
    .parents-path-card.\--beginner:after,
    .parents-path-card.\--intermediate:before {
        content: " ";
        pointer-events: none;
        position: absolute;
        top: 6rem;
        border: 12px solid transparent;
        border-left-width: 20px;
        border-left-color: #94cbed;
        border-right: 0;
    }
    .parents-path-card.\--intermediate:before {
        left: -15%;
    }
    .parents-path-card.\--intermediate:after {
        right: -15%;
    }
    .parents-path-card.\--advanced:before,
    .parents-path-card.\--intermediate:after {
        content: " ";
        pointer-events: none;
        position: absolute;
        top: 6rem;
        border: 12px solid transparent;
        border-left-width: 20px;
        border-left-color: #94cbed;
        border-right: 0;
    }
    .parents-path-card.\--advanced:before {
        left: -15%;
    }
}
.parents-plan-container {
    border-radius: 8px;
    padding-top: 1.5rem;
}
@media print,screen and (min-width:40em) {
    .parents-plan-container {
        background-color: #edf8ff;
    }
}
@media print,screen and (min-width:64em) {
    .parents-plan-container > ul {
        padding: 0 1.5rem 1.5rem;
    }
    .parents-plan-container h2 {
        white-space: nowrap;
    }
}
.parents-plan-comparison {
    color: #72a543;
    font-size: 3.25em;
}
@media print,screen and (min-width:64em) {
    .parents-plan-comparison {
        font-size: 5.25em;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
.parents-paypal-logo {
    height: 1.5em;
}
.pathway-filter {
    display: block;
    margin-top: 0.75rem;
    width: 5.625rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0.5rem 2rem 0 hsla(0,0%,4%,.1);
}
.pathway-filter .pathway-filter__action {
    display: block;
    padding: 0.5rem 0.25rem;
    color: #a4a1fc;
    font-size: 0.75rem;
    text-align: center;
    transition: all 0.1s ease-in-out;
}
.pathway-filter .pathway-filter__action:hover {
    color: #6a65fa;
}
.pathway-filter .pathway-filter__action.is-active {
    color: #ffaa31;
}
.pathway-filter .pathway-filter__action svg {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 3em;
    fill: currentColor;
}
.pathway-steps {
    background-color: #24335a;
    background-image: linear-gradient(180deg,#24335a 50%,#132146 0);
    border: 2px solid #24335a;
    border-radius: 1.75rem;
    box-shadow: 3px 4px 0 #0a0a0a;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    padding: 0 0.5rem;
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 22.5rem;
    min-height: 5rem;
}
.pathway-steps:nth-child(2) {
    margin-top: 10px;
}
.pathway-steps:before {
    background-color: #0a0a0a;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 6rem);
    height: 4px;
}
.pathway-steps.\--label {
    max-width: 26.25rem;
}
.pathway-steps.\--label:before {
    transform: translate(-30%,-50%);
    width: calc(100% - 12rem);
}
.pathway-steps .pathway-steps__label {
    font-size: 12px;
    font-weight: 700;
}
.pathway-steps .pathway-steps__badge {
    background-color: #24335a;
    border: 2px solid #0a0a0a;
    border-radius: 3.75rem;
    box-shadow: inset 5px 5px 5px -3px hsla(0,0%,100%,.5),3px 4px 0 #0a0a0a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    margin: 0 0.5rem;
    padding: 0.25em;
    position: relative;
    width: 3.75rem;
    height: 3.75rem;
}
.pathway-steps .pathway-steps__badge.\--green {
    background-color: #4cd12c;
    background-image: linear-gradient(90deg,#46c672,#4cd12c);
}
.pathway-steps .pathway-steps__badge.\--blue {
    background-color: #28a4f0;
    background-image: linear-gradient(90deg,#46bbf8,#28a4f0);
}
.pathway-steps .pathway-steps__badge.\--red {
    background-color: #de3838;
    background-image: linear-gradient(90deg,#d93c3c,#de3838);
}
.pathway-steps .pathway-steps__badge.\--expert {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: scale(1.25);
}
.pathway-steps .pathway-steps__badge.\--expert.\--block-coding {
    background-image: url(../image/parents/pathway-badges/icon-exp-block-coding.svg);
}
.pathway-steps .pathway-steps__badge.\--expert.\--creative-coding {
    background-image: url(../image/parents/pathway-badges/icon-exp-creative-coding.svg);
}
.pathway-steps .pathway-steps__badge.\--expert.\--game-design {
    background-image: url(../image/parents/pathway-badges/icon-exp-game-design.svg);
}
.pathway-steps .pathway-steps__badge.\--expert.\--minecraft-bedrock {
    background-image: url(../image/parents/pathway-badges/icon-exp-pickaxe.svg);
}
.pathway-steps .pathway-steps__badge.\--expert.\--minecraft-java {
    background-image: url(../image/parents/pathway-badges/icon-exp-minecraft-block.svg);
}
.pathway-steps .pathway-steps__badge.\--expert.\--python {
    background-image: url(../image/parents/pathway-badges/icon-exp-python.svg);
}
.pathway-steps .pathway-steps__badge.\--expert.\--web-design {
    background-image: url(../image/parents/pathway-badges/icon-exp-web-design.svg);
}
.pricing-landing {
    background-color: #fff!important;
    background-image: url(../image/parents/spring-2019/pricing-bg-graphic.svg)!important;
    background-position: 50%!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.pricing-landing:before {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: background-image 0.25s ease-out;
}
.pricing-landing.\--individual:before,
.pricing-landing:before {
    background: #2d4a96;
    background: linear-gradient(180deg,#2d4a96,#28bfd7);
}
.pricing-landing.\--family:before {
    background: #544eae;
    background: linear-gradient(180deg,#544eae,#a63f9d);
}
.pricing-landing.\--three-year:before {
    background: #ec4e37;
    background: linear-gradient(180deg,#ec4e37,#eca111);
}
.pricing-landing.\--gift:before {
    background: #e27b8b;
    background: linear-gradient(180deg,#e27b8b,#de9f5f);
}
.pricing-landing.\--bfs-full:before,
.pricing-landing.\--bfs-monthly:before {
    background: #6960ef;
    background: linear-gradient(180deg,#6960ef,#9374f0);
}
.pricing-landing > * {
    position: relative;
}
.pricing-landing h1,
.pricing-landing h2,
.pricing-landing p {
    color: inherit!important;
}
.pricing-card {
    width: 100%!important;
    max-width: 380px;
    min-height: 325px!important;
}
.pricing-card-gift {
    min-height: 360px!important;
}
.pricing-card-button .button {
    letter-spacing: inherit!important;
}
.pricing-card-subtitle {
    font-size: 14px;
}
.pricing-appeal {
    background-color: #f7ffff;
    background-image: linear-gradient(#fff,#f7ffff);
    border: 1px solid #c6ede6;
    color: #0f0f0f;
    padding: 2rem;
}
.pricing-appeal h2,
.pricing-appeal h3 {
    color: #0f0f0f!important;
}
.pricing-appeal h2 {
    font-size: 20px!important;
}
.pricing-appeal h3 {
    font-size: 18px!important;
}
.plans-pricing-2 {
    color: #fff;
}
.plans-pricing-2 h1,
.plans-pricing-2 h2 {
    color: inherit;
}
.plans-pricing-2.\--individual {
    background: #10509b;
    background: linear-gradient(180deg,#10509b,#00bdd2);
}
.plans-pricing-2.\--family {
    background: #5048ba;
    background: linear-gradient(180deg,#5048ba,#d841cc);
}
.plans-pricing-2.\--three-year {
    background: #ff6c00;
    background: linear-gradient(180deg,#ff6c00,#f4bc00);
}
.plans-pricing-2.\--three-year .plans-pricing-2__plan__title {
    font-size: 1.12rem;
    padding-top: 1rem;
}
.plans-pricing-2.\--three-year .plans-pricing-2__plan__price {
    padding-top: 1rem;
}
.plans-pricing-2.\--gift {
    background: #e27b8b;
    background: linear-gradient(180deg,#e27b8b,#de9f5f);
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.plans-pricing-2.\--bfs-full,
.plans-pricing-2.\--bfs-monthly {
    background: #6960ef;
    background: linear-gradient(180deg,#6960ef,#9374f0);
}
.plans-pricing-2 .plans-pricing-2__plan-types {
    border-bottom: 1px solid #fff;
    display: flex;
    font-size: 16px;
    justify-content: space-around;
    margin-bottom: 1rem;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .plans-pricing-2 .plans-pricing-2__plan-types {
        justify-content: center;
        gap: 12rem;
    }
}
.plans-pricing-2 .plans-pricing-2__plan-types__type {
    color: #fff;
    min-width: 100px;
    padding: 12px 0;
    position: relative;
    top: 3px;
}
.plans-pricing-2 .plans-pricing-2__plan-types__type.is-active {
    border-bottom: 6px solid #fff;
    font-weight: 700;
}
.plans-pricing-2 .radio-button-group {
    display: flex;
    justify-content: center;
    gap: 4rem;
}
.plans-pricing-2 .radio-button-group label {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.plans-pricing-2 .plans-pricing-2__plans {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.plans-pricing-2 .plans-pricing-2__plan {
    background-color: #fff;
    border-radius: 56px;
    box-shadow: 0 3px 6px #00000029;
    color: #0a0a0a;
    margin-bottom: 8px;
}
.plans-pricing-2 .plans-pricing-2__plan.\--expanded {
    border-radius: 24px;
}
.plans-pricing-2 .plans-pricing-2__plan.\--expanded .plans-pricing-2__plan__body {
    height: auto;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.plans-pricing-2 .plans-pricing-2__plan__header {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 56px;
    height: 56px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    position: relative;
}
.plans-pricing-2 .plans-pricing-2__plan__header .plans-pricing-2__plan__banner-container {
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    text-align: center;
}
.plans-pricing-2 .plans-pricing-2__plan__header .plans-pricing-2__plan__banner-container .pricing-card-banner {
    transform: scale(.75);
    text-transform: none;
}
.plans-pricing-2 .plans-pricing-2__plan__body {
    padding-left: 1rem;
    padding-right: 1rem;
}
.plans-pricing-2 .plans-pricing-2__plan__title {
    font-size: 22px;
    font-weight: 700;
    padding-left: 0.95rem;
}
.plans-pricing-2 .plans-pricing-2__plan__price {
    padding-top: 12px;
}
.plans-pricing-2 .plans-pricing-2__plan__price.\--has-discount {
    padding-top: 8px;
}
.plans-pricing-2 .plans-pricing-2__plan__price__monthly {
    font-size: 18px;
    font-weight: 700;
}
.plans-pricing-2 .plans-pricing-2__plan__price__savings {
    font-size: 12px;
}
.plans-pricing-2 .plans-pricing-2__plan__tagline {
    font-size: 12px;
    padding-left: 0.95rem;
}
.plans-pricing-2 .plans-pricing-2__plan__expander {
    background-color: #00bcd4;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 31px;
    height: 31px;
    border-radius: 31px;
    margin-top: 12px;
    padding-top: 3px;
    text-align: center;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-delay: 0.1s;
}
.plans-pricing-2 .plans-pricing-2__plan.\--expanded .plans-pricing-2__plan__expander,
.plans-pricing-2 .plans-pricing-2__plan__expander:hover {
    transform: rotate(45deg);
}
.plans-pricing-2 .plans-pricing-2__plan__body {
    height: 0;
    overflow: hidden;
}
.plans-pricing-2 .plans-pricing-2__plan__body__access {
    color: #20b4ac;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}
.plans-pricing-2 .plans-pricing-2__plan__body__cta {
    text-align: center;
}
.plans-pricing-2 .plans-pricing-2__plan__body__billing {
    color: #7e8285;
    font-size: 14px;
    text-align: center;
}
.plans-pricing-2 .plans-pricing-2__plan__body__features {
    position: relative;
    left: 25%;
}
.plans-pricing-2 .plans-pricing-2__plan__body__features p {
    font-weight: 700;
}
.plans-pricing-2 .plans-pricing-2__plan__body__savings {
    color: #b4291d;
    font-weight: 700;
    text-align: center;
}
.plans-pricing-2__plans-group-footer {
    font-weight: 700;
    text-align: center;
}
.plans-pricing-2__plans-group-footer a {
    display: block;
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    text-transform: uppercase;
}
.plans-pricing-2__plans-group-footer a:hover {
    text-decoration: underline;
}
.plans-pricing-2__gifting p {
    color: #fff;
}
.plans-pricing-2__gifting a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}
.plans-pricing-2__gifting a:hover {
    text-decoration: none;
}
.plans-pricing-2__footnote {
    color: #fff;
}
.testimonials-page {
    background-color: #f8f8f8;
}
.testimonials-page .testimonials-page-hero {
    background: #2591b5;
    background-image: url(../image/parents/testimonials/testimonials-hero-20171114.png);
    background-size: cover;
    background-position: 50%;
    padding: 60px 0 50px;
}
.testimonials-page .testimonials-page-hero h1,
.testimonials-page .testimonials-page-hero p {
    color: #fff;
}
.testimonials-page .testimonials-page-hero h1 {
    text-transform: uppercase;
    margin-bottom: 0;
}
.testimonials-page .testimonials-page-hero .testimonial-hero-subtitle {
    font-size: 20px;
}
.testimonials-page .testimonials-page-hero .testimonial-author {
    text-align: right;
    margin-bottom: -2px;
    padding-bottom: 0;
    font-size: 14px;
}
.testimonials-page .testimonials-page-content {
    padding-top: 28px;
}
.testimonials-page .testimonials-page-content .boxed {
    background-color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    padding: 20px;
}
.testimonials-page .testimonials-page-content .testimonial-quote {
    font-size: 15px;
    font-weight: 400;
    color: #25293a;
}
.testimonials-page .testimonials-page-content .testimonial-author {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #999;
    font-size: 13px;
    text-align: right;
}
.testimonials-page .testimonials-page-content .testimonial-video-box {
    position: relative;
    transition: all 0.1s ease-in-out;
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.testimonials-page .testimonials-page-content .testimonial-video-box img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.testimonials-page .testimonials-page-content .testimonial-video-box .video-play-icon-wrap {
    position: absolute;
    width: 90%;
    top: 35%;
}
.testimonials-page .testimonials-page-content .testimonial-video-box .video-play-icon-wrap .video-play-icon {
    height: 70px;
    width: 70px;
    display: block;
    margin: 0 auto;
}
.testimonials-page .testimonials-page-content .testimonial-video-box:hover {
    transform: scale(1.012);
    -moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
    -webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.testimonials-page .testimonials-page-content .card-featured-maker .counter {
    background: 0 0;
}
.testimonials-page .featured-makers h3,
.testimonials-page .parent-testimonials h3,
.testimonials-page .student-testimonials h3 {
    text-align: right;
}
.testimonials-page .testimonial-timeline-wrap {
    margin-top: 30px;
}
.testimonials-page .testimonial-timeline {
    width: 1px;
    border-right: 1px dashed #ccc;
    margin: 0 auto;
    display: block;
    height: 2500px;
    margin-top: 47px;
}
.testimonials-page .parent-testimonials {
    position: relative;
    margin-top: 180px;
}
.testimonials-page .parent-testimonials .circle {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: block;
    position: absolute;
    right: -125px;
}
.testimonials-page .featured-makers,
.testimonials-page .student-testimonials {
    margin-top: 100px;
    position: relative;
}
.testimonials-page .featured-makers .circle,
.testimonials-page .student-testimonials .circle {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: block;
    position: absolute;
    right: -125px;
}
.testimonials-page .teacher-testimonials {
    margin-top: 300px;
    position: relative;
}
.testimonials-page .teacher-testimonials .circle {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: block;
    position: absolute;
    left: -125px;
}
.testimonials-page .social-testimonials {
    margin-top: 200px;
    position: relative;
}
.testimonials-page .social-testimonials .circle {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ccc;
    display: block;
    position: absolute;
    left: -124px;
}
.testimonials-page .testimonials-cta-panel {
    padding: 30px;
    background: #7692c4;
    background: -moz-linear-gradient(left,#7692c4 0,#8c7cc6 100%);
    background: -webkit-linear-gradient(left,#7692c4,#8c7cc6);
    background: linear-gradient(90deg,#7692c4 0,#8c7cc6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7692c4",endColorstr="#8c7cc6",GradientType=1);
}
.testimonials-page .testimonials-cta-panel h2,
.testimonials-page .testimonials-cta-panel h4,
.testimonials-page .testimonials-cta-panel p {
    color: #fff;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .testimonials-page .testimonial-timeline-wrap {
        display: none;
    }
    .testimonials-page .parent-testimonials {
        margin-top: 0;
    }
    .testimonials-page .parent-testimonials h5 {
        text-align: left;
    }
    .testimonials-page .student-testimonials {
        margin-top: 50px;
    }
    .testimonials-page .student-testimonials h5 {
        text-align: left;
    }
    .testimonials-page .featured-makers {
        margin-top: 50px;
    }
    .testimonials-page .featured-makers h5 {
        text-align: left;
    }
    .testimonials-page .teacher-testimonials {
        margin-top: 50px;
    }
    .testimonials-page .social-testimonials {
        margin-top: 50px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width:39.9375em) {
    .testimonials-page .testimonial-timeline-wrap {
        display: none;
    }
    .testimonials-page .parent-testimonials {
        margin-top: 0;
    }
    .testimonials-page .parent-testimonials h5 {
        text-align: left;
    }
    .testimonials-page .student-testimonials {
        margin-top: 30px;
    }
    .testimonials-page .student-testimonials h5 {
        text-align: left;
    }
    .testimonials-page .featured-makers {
        margin-top: 30px;
    }
    .testimonials-page .featured-makers h5 {
        text-align: left;
    }
    .testimonials-page .teacher-testimonials {
        margin-top: 30px;
    }
    .testimonials-page .social-testimonials {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
body.site section.testimonials-page {
    padding-bottom: 0;
    padding-top: 0;
}
.sem-landing-page .sem-landing-page-hero {
    background-image: url(../image/backgrounds/bg-hero-mc-mountains.png);
    color: #fff;
}
.sem-landing-page .sem-landing-page-hero-alt {
    background-size: cover;
}
@media print,screen and (min-width:64em) {
    .sem-landing-page .sem-landing-page-hero {
        background-image: url(../image/parents/free-account/background-swoosh-transparent.svg),url(../image/backgrounds/bg-hero-mc-mountains.png);
        background-position: bottom -1px left,top;
        background-size: cover,cover;
        padding-bottom: 400px;
    }
    .sem-landing-page .sem-landing-page-hero-alt {
        background-image: url(../image/backgrounds/bg-hero-mc-mountains.png);
        padding-bottom: 2rem;
    }
}
.sem-landing-page .sem-landing-page-hero h1,
.sem-landing-page .sem-landing-page-hero h2,
.sem-landing-page .sem-landing-page-hero h3,
.sem-landing-page .sem-landing-page-hero p {
    color: inherit;
}
.sem-landing-page .sem-landing-page-hero h1,
.sem-landing-page .sem-landing-page-hero-title {
    font-size: 40px;
    margin-bottom: 20px;
}
.sem-landing-page .sem-landing-page-hero h2,
.sem-landing-page .sem-landing-page-hero-subtitle {
    font-size: 1.5rem;
}
.sem-landing-page .sem-landing-page-hero h3 {
    font-size: 20px;
}
.sem-landing-page .sem-landing-page-hero input[type=submit] {
    margin: 0;
}
.sem-landing-page .join-form {
    background-color: #fff;
    color: #0a0a0a;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
}
.sem-landing-page .join-form input[type=email],
.sem-landing-page .join-form input[type=password],
.sem-landing-page .join-form input[type=text] {
    height: 50px;
    border-radius: 10px;
}
.sem-landing-page .join-form input[type=submit]:not(.expanded) {
    width: 130px;
}
.sem-landing-page .join-form h2 {
    font-size: 20px;
}
.sem-landing-page .join-form p.separator {
    color: inherit;
    font-size: 1rem;
}
.sem-landing-page .join-form .button-sso {
    max-width: 250px;
    width: 70%;
}
.sem-landing-page .join-form .button-sso[disabled] {
    opacity: 1;
}
.sem-landing-page .join-form label span.invalid {
    color: #f25954;
}
.sem-landing-page .sem-landing-page-hero .join-form h3 {
    color: #0a0a0a;
}
.sem-landing-page .sem-landing-page-benefits {
    background: #fff;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .sem-landing-page .sem-landing-page-benefits {
        margin-top: 2rem;
    }
}
@media print,screen and (min-width:64em) {
    .sem-landing-page .sem-landing-page-benefits {
        background: 0 0;
        padding-top: 0;
        text-align: center;
        margin-top: -350px;
    }
}
.sem-landing-page .sem-landing-page-benefits h2 {
    color: #0a0a0a;
    font-size: 32px;
}
.sem-landing-page .sem-landing-page-benefits h3 {
    color: #0a0a0a;
    font-size: 18px;
}
.sem-landing-page .sem-landing-page-brands h2 {
    font-size: 2rem;
}
.sem-landing-page .sem-landing-page-brands .has-tip {
    border-bottom: none;
    cursor: auto;
}
.sem-landing-page .sem-landing-page-subtitle {
    font-size: 20px;
}
.sem-landing-page .checkmark-font-green {
    line-height: 2;
}
.sem-landing-page .testimonial-quote-box {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    border-left-color: #06afa6;
    border-left-width: 50px;
    border-left-style: solid;
    color: #0a0a0a;
}
.sem-landing-page .testimonial-quote-box:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.sem-landing-page .testimonial-quote-box p {
    color: #0a0a0a;
}
body.body-sem-landing-page {
    background-color: #fff;
}
body.site section.sem-landing-page {
    padding-bottom: 0;
    padding-top: 0;
}
.sem-consumer-paid {
    background-color: #fefefe;
}
.sem-consumer-paid .page-hero {
    background-color: #4e85fb;
    background-image: url(../image/parents/get-started/blue-wave-bottom.svg),url(../image/parents/get-started/hero-graphic.png),linear-gradient(180deg,#144897 -4rem,transparent 10rem),url(../image/parents/get-started/hero-bg.svg);
    background-position: bottom -2px center,bottom 2rem center,top,50%;
    background-repeat: no-repeat;
    background-size: 104% 3rem,22.5rem,auto,cover;
    padding-top: 60px;
    padding-bottom: 18.75rem;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .page-hero {
        background-position: bottom -2px center,bottom -3rem center,top,50%;
        background-size: 104% 3rem,30rem,auto,cover;
    }
}
@media print,screen and (min-width:64em) {
    .sem-consumer-paid .page-hero {
        background-position: bottom -2px center,center right 1rem,top,50%;
        background-size: 104% 4rem,36.25rem,auto,cover;
        padding-bottom: 6.25rem;
    }
}
@media screen and (min-width:75em) {
    .sem-consumer-paid .page-hero {
        background-image: url(../image/parents/get-started/blue-wave-bottom.svg),url(../image/parents/get-started/hero-graphic@2x.png),linear-gradient(180deg,#144897 -4rem,transparent 10rem),url(../image/parents/get-started/hero-bg.svg);
        background-position: bottom -2px center,top 60px left calc(50% + 360px),top,50%;
        background-size: 104% 5rem,43.75rem,auto,cover;
    }
}
.sem-consumer-paid .page-hero__subtitle {
    display: block;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .page-hero__subtitle {
        font-size: 1.875rem;
    }
}
.sem-consumer-paid .page-hero__content {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media print,screen and (min-width:64em) {
    .sem-consumer-paid .page-hero__content {
        padding-top: 2.5rem;
    }
}
.sem-consumer-paid.\--b-variant .page-hero {
    background-image: linear-gradient(180deg,#498ff9 15%,#7b4fd8 85%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    padding-bottom: 2rem;
}
@media print,screen and (min-width:64em) {
    .sem-consumer-paid.\--b-variant .page-hero {
        padding-bottom: 6.25rem;
    }
}
.sem-consumer-paid.\--b-variant .page-hero .hero-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
}
.sem-consumer-paid .button.clear:focus,
.sem-consumer-paid .button.clear:hover {
    background-color: transparent;
    text-decoration: underline;
}
.sem-consumer-paid .button.clear.secondary:focus,
.sem-consumer-paid .button.clear.secondary:hover {
    color: #00bcd4;
}
.sem-consumer-paid .live-classes,
.sem-consumer-paid .private-tutoring {
    background-repeat: no-repeat;
    height: 25rem;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .live-classes,
    .sem-consumer-paid .private-tutoring {
        height: 30.625rem;
    }
}
@media screen and (min-width:75em) {
    .sem-consumer-paid .live-classes,
    .sem-consumer-paid .private-tutoring {
        height: 36.25rem;
    }
}
.sem-consumer-paid .live-classes {
    background-image: url(../image/parents/get-started/section-boy.png);
    background-position: top 3rem left 50%;
    background-size: cover;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .live-classes {
        background-position: top 1rem left 50%;
    }
}
@media print,screen and (min-width:64em) {
    .sem-consumer-paid .live-classes {
        background-image: url(../image/parents/get-started/section-boy@2x.png);
        background-position: top 50% left 50%;
    }
}
@media screen and (min-width:75em) {
    .sem-consumer-paid .live-classes {
        background-size: 100rem;
    }
}
.sem-consumer-paid .private-tutoring {
    background-image: url(../image/parents/get-started/bg-squiggle-bottom.svg),url(../image/parents/get-started/section-girl.png);
    background-position: bottom -10px center,top 3rem left 50%;
    background-size: 100% 8rem,cover;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .private-tutoring {
        background-position: bottom -10px center,top 1rem left 50%;
    }
}
@media print,screen and (min-width:64em) {
    .sem-consumer-paid .private-tutoring {
        background-image: url(../image/parents/get-started/bg-squiggle-bottom.svg),url(../image/parents/get-started/class-graphic@2x.png),url(../image/parents/get-started/section-girl@2x.png);
        background-position: bottom -10px center,top 9rem left calc(50% + 14rem),top 25% left 50%;
        background-size: 100% 8rem,14rem,cover;
    }
}
@media screen and (min-width:75em) {
    .sem-consumer-paid .private-tutoring {
        background-position: bottom -10px center,top 12rem left calc(50% + 20rem),top 35% left 50%;
        background-size: 100% 8rem,18rem,100rem;
    }
}
.sem-consumer-paid .why-premium {
    background-color: #ecfbfe;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .why-premium {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important;
    }
}
@media screen and (min-width:75em) {
    .sem-consumer-paid .why-premium {
        padding-bottom: 6rem!important;
    }
}
.sem-consumer-paid .pathway-container {
    max-width: 68.75rem;
}
.sem-consumer-paid .pathway-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 1rem rgba(0,0,0,.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    isolation: isolate;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    padding: 2rem;
    position: relative;
    text-align: center;
    transition: all 0.1s ease-in-out;
    max-width: 20rem;
    z-index: 1;
}
.sem-consumer-paid .pathway-card:focus-within,
.sem-consumer-paid .pathway-card:hover {
    transform: scale(1.012);
}
.sem-consumer-paid .pathway-card__title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 1.5rem;
}
.sem-consumer-paid .pathway-card__icon {
    margin-bottom: 1.5rem;
}
.sem-consumer-paid .pathway-card__action {
    margin-bottom: 0;
}
.sem-consumer-paid .pathway-card__action:first-of-type:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sem-consumer-paid .pathway-card__action:not(:first-of-type) {
    position: relative;
    z-index: 2;
}
.sem-consumer-paid .pathway-card .has-special {
    color: #dc3628;
}
.sem-consumer-paid .why-premium-icon {
    width: 3.5rem;
    height: 3.5rem;
}
.sem-consumer-paid .premium-tally {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 1rem rgba(0,0,0,.16);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    isolation: isolate;
    margin-right: auto;
    margin-left: auto;
    padding: 1rem;
}
.sem-consumer-paid .premium-tally__card {
    color: #7065a3;
    display: block;
    flex-grow: 1;
    text-align: center;
}
.sem-consumer-paid .premium-tally__card:not(:first-of-type) {
    padding-top: 1rem;
}
.sem-consumer-paid .premium-tally__card:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1rem;
}
.sem-consumer-paid .premium-tally__stat {
    color: inherit;
    display: block;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
}
.sem-consumer-paid .premium-tally__label {
    color: #707070;
}
@media print,screen and (min-width:40em) {
    .sem-consumer-paid .premium-tally {
        flex-direction: row;
        padding: 1.625rem;
    }
    .sem-consumer-paid .premium-tally__card:not(:first-of-type) {
        padding-top: 0;
        padding-left: 1rem;
    }
    .sem-consumer-paid .premium-tally__card:not(:last-of-type) {
        border-bottom: 0;
        border-right: 1px solid #e0e0e0;
        padding-bottom: 0;
        padding-right: 1rem;
    }
}
.sem-consumer-paid .student-quote__image {
    position: relative;
    z-index: 1;
    float: right;
}
.sem-consumer-paid .student-quote__body {
    background-color: #4e85fb;
    border: 0;
    border-radius: 8px;
    color: #fff;
    float: left;
    margin-top: -3.125rem;
    padding: 2rem 2.5rem 1rem;
    position: relative;
    max-width: 80%;
    z-index: 2;
}
.sem-consumer-paid .student-quote__body p {
    color: inherit;
}
.sem-consumer-paid .student-quote__body:before {
    background-image: url(../image/parents/get-started/quote.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 2.25rem;
    height: 1.75rem;
}
.sem-consumer-paid .stat {
    font-size: 1.5rem;
}
.sem-consumer-paid .has-tip {
    border-bottom: 0;
    cursor: auto;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-easiest {
        background-image: url(../image/parents/free-account/coding-progression.png);
        background-position: 25% 30%;
        background-repeat: no-repeat;
        background-size: 20%;
    }
}
@media print,screen and (min-width:64em) {
    .sem-landing-page-easiest {
        background-position: 25% 35%;
        background-size: 30%;
    }
}
.sem-landing-page-easiest h2 {
    font-size: 2rem;
}
.sem-landing-page-easiest h3 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.sem-landing-page-easiest p {
    font-size: 22px;
    margin-top: 0;
}
.sem-landing-page-easiest ul li {
    margin-bottom: 1rem;
}
.sem-landing-page-easiest.sem-landing-page-easiest-purple {
    background-color: #695fb2;
    color: #fff;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-easiest.sem-landing-page-easiest-purple {
        background-image: url(../image/parents/free-account/coding-progression-purple.png);
    }
}
.sem-landing-page-easiest.sem-landing-page-easiest-purple h2,
.sem-landing-page-easiest.sem-landing-page-easiest-purple h3,
.sem-landing-page-easiest.sem-landing-page-easiest-purple p {
    color: #fff;
}
.sem-landing-page-easiest.sem-landing-page-easiest-purple .featured-maker-testimonial-card p {
    color: #0a0a0a;
}
.sem-landing-page-empower h2 {
    font-size: 2rem;
}
.sem-landing-page-empower .girls-coding-bg {
    background-image: url(../image/parents/free-account/girls-coding.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-empower .maker-image {
        height: 450px;
    }
}
.sem-landing-page-empower.sem-landing-page-empower-purple {
    background: linear-gradient(0deg,#fff,#d4d1e9 22.18%,#9a94cb 54.18%,#776eb9 77.72%,#695fb2 90.05%);
}
.sem-landing-page-empower.sem-landing-page-empower-purple h2,
.sem-landing-page-empower.sem-landing-page-empower-purple h3,
.sem-landing-page-empower.sem-landing-page-empower-purple p,
.sem-landing-page-empower.sem-landing-page-empower-purple ul {
    color: #fff;
}
.sem-landing-page-empower.sem-landing-page-empower-purple .featured-maker-testimonial-card p {
    color: #282e33;
}
.sem-landing-page-global-community .map-stat {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}
.sem-landing-page-global-community .map-stat span {
    color: #ff575f;
}
.sem-landing-page-global-community h2 {
    padding-bottom: 0;
}
.sem-landing-page-global-community h3 {
    color: #ff575f;
    padding-bottom: 0;
}
.sem-landing-page-global-community .map {
    height: 200px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-global-community .map {
        height: 400px;
    }
    .sem-landing-page-global-community .map img {
        max-width: 800px;
    }
}
.sem-landing-page-global-community .title {
    letter-spacing: 1px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
}
.sem-landing-page-global-community .subtitle {
    font-size: 18px;
    color: #777;
    text-align: center;
    margin: 0;
    padding: 0;
}
.sem-landing-page-global-community .text-badge {
    position: absolute;
    right: 1rem;
}
.sem-landing-page-global-community-2 h2,
body.site .sem-landing-page-global-community h2 {
    padding-bottom: 0;
}
.sem-landing-page-global-community-2 h3 {
    color: #ff575f;
    padding-bottom: 0;
}
.sem-landing-page-global-community-2 p {
    margin-bottom: 1rem;
}
.sem-landing-page-global-community-2-map {
    background-image: url(../image/parents/free-account/map-effect-red.png);
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-global-community-2-map {
        min-height: 400px;
    }
}
.sem-landing-page-global-community-2-map-stat:first-child {
    position: relative;
    left: 0;
    top: 20px;
}
.sem-landing-page-global-community-2-map-stat {
    text-align: center;
    position: absolute;
    top: 80%;
    left: 5%;
}
.sem-landing-page-global-community-2-map-stat:last-child {
    top: 80%;
    left: 56%;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-global-community-2-map-stat:first-child {
        position: absolute;
        top: auto;
        left: 45%;
    }
    .sem-landing-page-global-community-2-map-stat {
        top: 65%;
        left: 22%;
    }
    .sem-landing-page-global-community-2-map-stat:last-child {
        top: 80%;
    }
}
.sem-landing-page-global-community-2 .text-badge {
    position: absolute;
    right: 1rem;
}
body.site .sem-landing-page-global-community-2 h2 {
    padding-bottom: 0;
}
.sem-landing-page-tabs {
    background-image: url(../image/waves/swoosh-lower-purple-symmetric.svg);
    background-position: center bottom -3rem;
    background-repeat: no-repeat;
    background-size: 100% 4rem;
}
.sem-landing-page-tabs .menu.menu-filters.menu-filters-pills {
    margin-top: 0;
}
@media screen and (max-width:39.9375em) {
    .sem-landing-page-tabs .menu.menu-filters.menu-filters-pills {
        margin-bottom: 10px;
        overflow-x: auto;
        padding-bottom: 0;
        white-space: nowrap;
    }
}
.sem-landing-page-tabs .sem-landing-page-tab {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    position: relative;
}
.sem-landing-page-tabs .sem-landing-page-tab h1,
.sem-landing-page-tabs .sem-landing-page-tab p {
    color: #fff;
}
.sem-landing-page-tabs .sem-landing-page-tab p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 12px;
}
.sem-landing-page-tabs .sem-landing-page-tab img.image-right {
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width:63.9375em) {
    .sem-landing-page-tabs .sem-landing-page-tab img.image-right {
        height: 100px;
    }
}
.sem-landing-page-tabs .sem-landing-page-tab-img {
    width: 300px;
}
.sem-landing-page-tabs .sem-landing-page-tab .button.button-google {
    font-size: inherit;
}
.sem-landing-page-tabs .sem-landing-page-tab .sem-landing-page-tab-content {
    padding-bottom: 40px;
    padding-top: 40px;
}
@media print,screen and (min-width:64em) {
    .sem-landing-page-tabs .sem-landing-page-tab .sem-landing-page-tab-content {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
.sem-landing-page-tabs .sem-landing-page-tab .sem-landing-page-tab-content .button {
    font-weight: 700;
    font-size: 20px;
}
.sem-landing-page-tabs .sem-landing-page-tab.sem-landing-page-tab-space {
    background-image: url(../image/parents/free-account-2/bg-space.png);
}
.sem-landing-page-tabs .sem-landing-page-tab.sem-landing-page-tab-game {
    background-image: url(../image/parents/free-account-2/bg-game.png);
}
.sem-landing-page-tabs .sem-landing-page-tab.sem-landing-page-tab-drone {
    background-image: url(../image/parents/free-account-2/bg-drone.png);
}
.sem-landing-page-tabs .sem-landing-page-tab.sem-landing-page-tab-mc-mod {
    background-image: url(../image/parents/free-account-2/bg-mc-mod-2.png);
}
.sem-landing-page-tabs .sem-landing-page-tab.sem-landing-page-tab-text {
    background-image: url(../image/parents/free-account-2/bg-text.png);
}
.sem-landing-page-tabs .sem-landing-page-tab-item {
    padding-top: 50px;
}
.sem-landing-page-tabs .sem-landing-page-tab-item h2 {
    margin-bottom: 0.25rem;
}
.sem-landing-page-tabs .sem-landing-page-tab-item-icon {
    width: 79px;
}
@media print,screen and (min-width:40em) {
    .sem-landing-page-tabs .sem-landing-page-tab-item {
        padding-bottom: 50px;
    }
}
.text-badge {
    font-family: Open Sans Condensed,Open Sans,Helvetica,Arial,sans-serif;
    width: 150px;
    height: 150px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #0080a8;
    border-radius: 150px;
    padding: 36px 10px;
}
.coaching h1,
.coaching h2,
.coaching h3,
.coaching p {
    color: inherit;
}
.coaching .coaching__hero {
    background-color: #9574f0;
    background-image: url(../image/private-tutoring/coaching/graphic-hero.png),url(../image/waves/swoosh-lower-condensed-white.svg),linear-gradient(90deg,#9574f0 15%,#665fef 85%);
    background-position: bottom 2rem center,bottom -2px center,50%;
    background-repeat: no-repeat;
    background-size: 21.25rem,125% 3rem,cover;
    padding-top: 2rem;
    padding-bottom: 12.5rem;
}
.coaching .coaching__hero .page-hero__content {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.parent-dashboard-courses-sem .coaching .coaching__hero {
    background-size: 21.25rem,0 0,cover;
}
@media print,screen and (min-width:40em) {
    .coaching .coaching__hero {
        background-position: top 50% right 1rem,bottom -2px center,50%;
        background-size: 40%,125% 3rem,cover;
        padding-bottom: 2rem;
    }
    .parent-dashboard-courses-sem .coaching .coaching__hero {
        background-size: 40%,0 0,cover;
        padding-top: 4rem;
    }
}
@media print,screen and (min-width:64em) {
    .coaching .coaching__hero {
        background-image: url(../image/private-tutoring/coaching/graphic-hero@2x.png),url(../image/waves/swoosh-lower-condensed-white.svg),linear-gradient(90deg,#9574f0 15%,#665fef 85%);
        background-position: top 50% left calc(50% + 250px),bottom -2px center,50%;
        background-size: 31.25rem,101% 3rem,cover;
        padding-bottom: 4rem;
    }
    .parent-dashboard-courses-sem .coaching .coaching__hero {
        background-size: 31.25rem,0 0,cover;
    }
}
@media screen and (min-width:75em) {
    .coaching .coaching__hero {
        background-position: top 50% left calc(50% + 320px),bottom -2px center,50%;
        background-size: 40rem,101% 3rem,cover;
    }
    .parent-dashboard-courses-sem .coaching .coaching__hero {
        background-size: 40rem,0 0,cover;
    }
}
.coaching .coaching__lede {
    isolation: isolate;
    position: relative;
    margin-top: -12.5rem;
}
.coaching .coaching__lede-image {
    position: relative;
    z-index: 1;
    display: block;
    margin: auto;
    width: 62.5rem;
    max-width: 100%;
}
.coaching .coaching__lede-image-overlay {
    position: absolute;
    z-index: 2;
    top: 1.5rem;
    left: 0;
    max-width: 6.25rem;
}
.coaching .coaching__lede-copy {
    position: relative;
    z-index: 2;
    background-color: #fff;
    display: block;
    margin: -1.875rem auto 0;
    padding: 3.125rem;
    text-align: center;
    width: 50rem;
    max-width: 80%;
}
@media print,screen and (min-width:40em) {
    .coaching .coaching__lede-image-overlay {
        top: 0;
        max-width: 11.25rem;
    }
    .coaching .coaching__lede-copy {
        margin: -4.375rem auto 0;
        padding: 3.125rem;
    }
}
@media print,screen and (min-width:64em) {
    .coaching .coaching__lede {
        margin-top: -13.75rem;
    }
    .coaching .coaching__lede-image-overlay {
        top: 1rem;
        left: calc(50% - 600px);
        max-width: 17.5rem;
    }
}
@media screen and (max-height:768px) {
    .coaching .coaching__lede {
        margin-top: -11.25rem;
    }
}
@media screen and (max-height:768px) and (min-width:40em) {
    .coaching .coaching__lede-image {
        width: 46.875rem;
    }
    .coaching .coaching__lede-image-overlay {
        max-width: 12.5rem;
    }
    .coaching .coaching__lede-copy {
        padding: 1.25rem 2.5rem;
        width: 40.625rem;
    }
}
@media screen and (max-height:768px) and (min-width:64em) {
    .coaching .coaching__lede-image-overlay {
        left: calc(50% - 460px);
    }
}
.coaching .coaching__profile {
    margin-bottom: 1.25rem;
    padding: 0 1rem;
}
.coaching .coaching__profile_image {
    position: relative;
}
.coaching .coaching__profile_image > img {
    max-width: 10.9375rem;
}
@media print,screen and (min-width:64em) {
    .coaching .coaching__profile_image > img {
        max-width: 100%;
    }
}
.coaching .coaching__profile_icon {
    position: absolute;
    right: -1.0625rem;
    bottom: -1.0625rem;
    width: 4.25rem;
    height: 4.25rem;
}
.coaching .coaching__profile_toggle {
    -webkit-appearance: none;
    clip: rect(0,0,0,0);
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.coaching .coaching__profile_description {
    margin-bottom: 0;
    overflow-y: hidden;
    max-height: 6.25rem;
}
.coaching__profile_toggle:checked~.coaching__profile_description {
    max-height: none!important;
}
.coaching .coaching__profile_label {
    color: #00bcd4;
    cursor: pointer;
    font-size: inherit;
}
.coaching .coaching__profile_label:focus,
.coaching .coaching__profile_label:hover {
    color: #0096aa;
}
.coaching .coaching__profile_label .less,
.coaching__profile_toggle:checked~.coaching__profile_label .more {
    display: none;
}
.coaching__profile_toggle:checked~.coaching__profile_label .less {
    display: inline;
}
@media print,screen and (min-width:64em) {
    .coaching .coaching__profile {
        margin-bottom: 3.125rem;
        padding: 0 2rem;
    }
}
.coaching .coaching__pre-footer {
    background-color: #f4faff;
    background-image: url(../image/waves/swoosh-upper-condensed-white.svg);
    background-position: top -2px center;
    background-repeat: no-repeat;
    background-size: 100% 3rem;
    padding-top: 4rem;
}
.coaching .coaching__blocks-row {
    isolation: isolate;
    padding: 0;
}
@media print,screen and (min-width:64em) {
    .coaching .coaching__blocks-row {
        padding-top: 3rem;
    }
}
.coaching .coaching__blocks-row .text-block {
    background-color: #4e85fb;
    color: #fff;
    padding: 1.25rem;
    position: relative;
}
@media print,screen and (min-width:64em) {
    .coaching .coaching__blocks-row .text-block {
        width: 100%;
        padding: 3.75rem 2.5rem 1.5rem;
        position: absolute;
        top: -3rem;
        z-index: 1;
    }
}
.coaching .coaching__blocks-row .text-block ul {
    line-height: 2;
}
.coaching .coaching__blocks-row .special-offer-badge {
    position: absolute;
    right: 0;
    bottom: -1.25rem;
    max-width: 11.25rem;
}
@media screen and (min-width:75em) {
    .coaching .coaching__blocks-row .special-offer-badge {
        right: 1rem;
        bottom: 3rem;
        max-width: 12.5rem;
    }
}
.coaching .coaching__cs-banner {
    padding: 1rem 0!important !important;
    background-color: #3995f1;
    background-image: linear-gradient(90deg,#02bcd4 15%,#4e85fb 85%);
    color: #fff;
}
.coaching .testimonial-card {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin-bottom: 1rem;
    padding: 1.25rem;
    position: relative;
    width: 100%;
}
.coaching .testimonial-card blockquote {
    border: 0;
}
.coaching .testimonial-card blockquote:before {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScxMycgdmlld0JveD0nMCAwIDIwIDEzJz48cGF0aCBmaWxsPScjMDZhZmE2JyBkPSdNOSA2djdIMFY2bDItNmg1TDYgNmgzem0xMSAwdjdoLTlWNmwyLTZoNWwtMSA2aDN6Jy8+PC9zdmc+");
    content: "";
    float: left;
    margin-left: -2rem;
    width: 20px;
    height: 13px;
}
.coaching .testimonial-card blockquote p {
    color: #25293a;
    font-size: 1.25rem;
    font-style: italic;
}
@media print,screen and (min-width:64em) {
    .coaching .testimonial-card {
        padding: 2.5rem;
    }
}
.coaching .testimonial-card__citation {
    padding-right: 2rem;
    text-align: right;
}
@media print,screen and (min-width:64em) {
    .coaching .testimonial-card__citation {
        padding-right: 4rem;
    }
}
.coaching .testimonial-card__citation-name {
    display: block;
    font-weight: 700;
}
.coaching .pricing-card {
    height: 360px;
}
.coaching .pricing-card.has-sale {
    height: 400px;
}
.coaching .pricing-card-header {
    background: transparent linear-gradient(180deg,#6c88f5,#5072c4) 0 0 no-repeat padding-box;
}
.coaching .pricing-card-header h2 {
    color: #fff;
}
.coaching .pricing-card-header h2 .pricing-tag-yellow {
    background-color: #fade4f;
    border-radius: 12px;
    color: #000;
    font-size: 70%;
    line-height: 20px;
    padding: 0 8px;
}
.coaching .pricing-card-body ul.features {
    color: #000;
    margin-top: 1rem;
}
.coaching .pricing-card-body ul.features li:first-child {
    color: #5172c6;
    font-weight: 700;
}
.reveal,
.reveal a {
    font-size: 12px;
}
.reveal .reveal__header h1 {
    padding-bottom: 0;
}
.reveal .reveal__footer p {
    margin-bottom: 0;
}
.reveal .reveal__footer p a:not(.button) {
    font-size: 16px;
}
.reveal .reveal__form .field-big {
    position: relative;
    display: block;
    margin: 14px 0 0;
    clear: both;
}
.reveal .reveal__form .field-big label {
    position: relative;
    display: block;
    color: #3e3e3e;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    margin: 10px 0 5px;
}
.reveal .reveal__form .field-big input[type=date],
.reveal .reveal__form .field-big input[type=email],
.reveal .reveal__form .field-big input[type=password],
.reveal .reveal__form .field-big input[type=search],
.reveal .reveal__form .field-big input[type=tel],
.reveal .reveal__form .field-big input[type=text],
.reveal .reveal__form .field-big input[type=time],
.reveal .reveal__form .field-big input[type=url],
.reveal .reveal__form .field-big textarea {
    position: relative;
    display: block;
    width: 99.6%;
    height: 40px;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 5px;
}
.reveal .reveal__form .field-big.field-profile-icon input[type=text] {
    padding: 4px 40px 4px 46px;
}
.reveal .reveal__form .field-big.field-profile-icon .field-profile-avatar {
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 38px;
    height: 38px;
    background: #f5f6f7;
    overflow: hidden;
}
.reveal .reveal__form .field-big.field-profile-icon .field-profile-avatar img {
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
}
.reveal .reveal__form .field-big.field-profile-icon .field-profile-refresh {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 9px 0 0;
}
.reveal .reveal__form .field-big.field-profile-icon .field-profile-refresh span {
    color: #c0c7cb;
    font-size: 22px;
    line-height: 22px;
}
.reveal .reveal__form .field-big.field-profile-icon .field-profile-refresh:hover span {
    color: #5cbe5a;
}
.reveal .reveal__form .field-big.field-refresh input[type=text] {
    padding: 4px 40px 4px 8px;
}
.reveal .reveal__form .field-big.field-refresh .refresh-icon {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 9px 0 0;
}
.reveal .reveal__form .field-big.field-refresh .refresh-icon span {
    color: #c0c7cb;
    font-size: 22px;
    line-height: 22px;
}
.reveal .reveal__form .field-big.field-refresh .refresh-icon:hover span {
    color: #5cbe5a;
}
.reveal .reveal__form .field-big-link {
    margin-bottom: 1rem;
}
.reveal .reveal__form .field-big-footnote {
    margin-top: -10px;
}
.reveal .reveal__form .field-big-footnote input[type=checkbox],
.reveal .reveal__form .field-big-footnote input[type=radio],
.reveal .social-buttons-small .button:last-of-type {
    margin-bottom: 0;
}
.reveal .reveal__btn-panel .button.disabled,
.reveal .reveal__btn-panel .button[disabled] {
    opacity: 0.9!important;
}
.reveal .reveal__btn-panel .button {
    font-size: 14px;
}
.reveal-lightbox {
    overflow: hidden;
}
.reveal-lightbox .slide-caption p {
    padding-top: 20px;
    max-width: 80%;
}
.reveal-lightbox .slick-dots {
    position: absolute;
    bottom: 40px;
    right: 10px;
    list-style: none;
    display: block;
    text-align: right;
    padding: 0;
    margin: 0;
    width: 100%;
}
.sticky-top-bar .topbar-sticky-shrink {
    background: #fff;
    box-shadow: inset 0 1px #fff,0 0 2px rgba(34,25,25,.4);
}
.sticky-top-bar .topbar-sticky-shrink .menu {
    color: #9b9b9b;
    font-size: 15px;
    line-height: 60px;
    background-color: #fff;
}
.sticky-top-bar .topbar-sticky-shrink {
    display: none;
}
.sticky-top-bar [data-sticky*=sticky] .topbar-sticky-shrink {
    display: block;
}
.sticky-top-bar .is-stuck .topbar-sticky-shrink {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
}
.sticky-top-bar [data-sticky] {
    width: 100%;
}
.sticky-top-bar .top-bar .top-bar-title img {
    height: 42px;
}
@media screen and (max-width:39.9375em) {
    .sticky-top-bar .top-bar .top-bar-right {
        width: auto;
    }
}
.hidden {
    display: none!important;
}
.course-2018 {
    background-color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.course-2018 .upgrade-required {
    background-color: #ff8d1a;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    width: fit-content;
}
.course-2018 .slide-description {
    margin-top: 10px;
    margin-bottom: 5px;
}
.course-2018 .presentation-preview {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 700px;
    height: 100px;
    text-align: left;
    background-color: #f6fbfd;
    color: #0a0a0a;
    cursor: inherit;
}
.course-2018 .presentation-preview .lesson {
    padding-top: 10px;
    padding-left: 15px;
    width: 100%;
}
.course-2018 .presentation-preview .info-container {
    padding-left: 15px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.course-2018 .presentation-preview .title {
    padding-top: 5px;
    width: 250px;
}
.course-2018 .presentation-preview .slide-count {
    padding-top: 5px;
    padding-top: 3px;
    width: 100px;
}
.course-2018 .presentation-preview .run-lesson {
    padding: 0 10px;
    width: 100px;
}
.course-2018 .presentation-preview img {
    padding: 0;
    height: 80px;
    width: auto;
    margin: 10px;
    object-fit: cover;
}
.course-2018 .notification-upgrade-link {
    color: #fff;
}
.course-2018 .notification-upgrade,
.course-2018 .spaced-list-item {
    margin-bottom: 15px;
}
.course-2018 .class-presentation-details {
    padding: 0 30px;
    margin-bottom: 15px;
}
.course-2018 .chapters-list {
    margin-bottom: 0;
    padding-left: 15px;
}
.course-2018 .chapters-list li {
    display: inline-block;
    margin-top: 0.1875rem;
    margin-bottom: 0.1875rem;
}
.course-2018 .chapters-list li a {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #e6f3f6;
    border-radius: 50%;
    color: #575757;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
}
.course-2018 .chapters-list li a:focus,
.course-2018 .chapters-list li a:hover {
    background-color: #e6f3f6;
    color: #00bcd4;
    outline: none;
}
.course-2018 .chapters-list li a.active {
    background-color: #00bcd4;
    color: #fff;
}
.course-2018 .lesson-summary code,
.course-2018 .lesson-summary code span,
.course-2018 .lesson-summary code strong,
.course-2018 .lesson-summary h1,
.course-2018 .lesson-summary h1 span,
.course-2018 .lesson-summary h1 strong,
.course-2018 .lesson-summary h2,
.course-2018 .lesson-summary h2 span,
.course-2018 .lesson-summary h2 strong,
.course-2018 .lesson-summary h3,
.course-2018 .lesson-summary h3 span,
.course-2018 .lesson-summary h3 strong,
.course-2018 .lesson-summary h4,
.course-2018 .lesson-summary h4 span,
.course-2018 .lesson-summary h4 strong,
.course-2018 .lesson-summary h5,
.course-2018 .lesson-summary h5 span,
.course-2018 .lesson-summary h5 strong,
.course-2018 .lesson-summary h6,
.course-2018 .lesson-summary h6 span,
.course-2018 .lesson-summary h6 strong,
.course-2018 .lesson-summary ul,
.course-2018 .lesson-summary ul span,
.course-2018 .lesson-summary ul strong,
.course-2018 .teacher-guide code,
.course-2018 .teacher-guide code span,
.course-2018 .teacher-guide code strong,
.course-2018 .teacher-guide h1,
.course-2018 .teacher-guide h1 span,
.course-2018 .teacher-guide h1 strong,
.course-2018 .teacher-guide h2,
.course-2018 .teacher-guide h2 span,
.course-2018 .teacher-guide h2 strong,
.course-2018 .teacher-guide h3,
.course-2018 .teacher-guide h3 span,
.course-2018 .teacher-guide h3 strong,
.course-2018 .teacher-guide h4,
.course-2018 .teacher-guide h4 span,
.course-2018 .teacher-guide h4 strong,
.course-2018 .teacher-guide h5,
.course-2018 .teacher-guide h5 span,
.course-2018 .teacher-guide h5 strong,
.course-2018 .teacher-guide h6,
.course-2018 .teacher-guide h6 span,
.course-2018 .teacher-guide h6 strong,
.course-2018 .teacher-guide ul,
.course-2018 .teacher-guide ul span,
.course-2018 .teacher-guide ul strong {
    background: 0 0!important;
    color: inherit!important;
}
.course-2018 .lesson-summary h1,
.course-2018 .lesson-summary h2,
.course-2018 .lesson-summary h3,
.course-2018 .lesson-summary h4,
.course-2018 .lesson-summary h5,
.course-2018 .lesson-summary h6,
.course-2018 .teacher-guide h1,
.course-2018 .teacher-guide h2,
.course-2018 .teacher-guide h3,
.course-2018 .teacher-guide h4,
.course-2018 .teacher-guide h5,
.course-2018 .teacher-guide h6 {
    margin-top: 1em;
}
.course-2018 .lesson-summary code,
.course-2018 .teacher-guide code {
    border: none;
    padding: 0;
}
.course-2018 .lesson-summary hr,
.course-2018 .teacher-guide hr {
    display: none;
}
.course-2018 .lesson-summary ul.block li,
.course-2018 .teacher-guide ul.block li {
    margin-bottom: 1em;
}
.course-2018 .warning-voucher {
    margin: 1rem auto;
    padding: 10px 20px 10px 30px;
    border-radius: 5px;
    background: #bd274b;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: 400;
}
.course-2018 .warning-voucher.warning-voucher-cancel {
    background-color: #9078c6;
}
.course-2018 .warning-voucher .button {
    float: right;
    margin-bottom: 0;
}
.course-2018 > .body {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
@media print,screen and (min-width:64em) {
    .course-2018 > .body .main-panel {
        padding-right: 2rem;
    }
}
.course-2018 > .body .main-panel .tabs-content {
    background-color: #fff;
    border: none;
}
.course-2018 > .body .main-panel .tabs-content #details,
.course-2018 > .body .main-panel .tabs-content #details > .body {
    padding-top: 2rem;
}
.course-2018 > .body .main-panel .tabs-content #details > .body section {
    margin-bottom: 2em;
    padding-top: 0;
}
.course-2018 > .body .main-panel .tabs-content #details > .body section.concepts:after,
.course-2018 > .body .main-panel .tabs-content #details > .body section.concepts:before,
.course-2018 > .body .main-panel .tabs-content #details > .body section.whats_learned:after,
.course-2018 > .body .main-panel .tabs-content #details > .body section.whats_learned:before {
    display: table;
    content: " ";
}
.course-2018 > .body .main-panel .tabs-content #details > .body section.concepts:after,
.course-2018 > .body .main-panel .tabs-content #details > .body section.whats_learned:after {
    clear: both;
}
.course-2018 > .body .main-panel .tabs-content #details > .body section.concepts > ul,
.course-2018 > .body .main-panel .tabs-content #details > .body section.whats_learned > ul {
    list-style: disc inside;
}
.course-2018 > .body .main-panel .tabs-content #details > .body section.concepts > ul > li,
.course-2018 > .body .main-panel .tabs-content #details > .body section.whats_learned > ul > li {
    width: 50%;
    float: left;
}
.course-2018 > .body .main-panel .tabs-content #lessons {
    padding-top: 2rem;
}
.course-2018 > .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.course-2018 > .footer h3 {
    text-align: center;
}
.course-2018 > .footer section.quotes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 0;
}
.course-2018 > .footer section.quotes .quote {
    flex-basis: 0;
    position: relative;
    min-width: 300px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
@media print,screen and (min-width:64em) {
    .course-2018 > .footer section.quotes .quote {
        flex-grow: 1;
    }
}
.course-2018 > .footer section.quotes .quote blockquote {
    position: relative;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    border: none;
    border-radius: 5px;
    padding: 20px 40px 20px 50px;
    background-color: #fff;
    color: #596267;
    line-height: 22px;
    font-size: 14px;
    font-style: italic;
}
.course-2018 > .footer section.quotes .quote blockquote:before {
    content: "\201C";
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    line-height: 1;
    color: #dae1e1;
    font-family: Georgia,serif;
    font-size: 80px;
}
.course-2018 > .footer section.quotes .quote blockquote cite {
    margin: 10px 5px 0 0;
    border-top: 1px solid #dae1e1;
    padding: 5px 0 0;
    color: #8c9295;
    text-align: right;
    line-height: 16px;
    font-size: 14px;
}
.course-2018 > .footer section.quotes .quote blockquote cite:before {
    content: "\2014\2009";
}
.course-2018 > .footer section.quotes .quote blockquote cite span {
    padding-top: 2px;
    line-height: 16px;
    font-size: 12px;
}
.course-2018 > .footer .button-view-course-catalog {
    background-color: #7c63ab;
    font-weight: 400;
}
.course-2018 > .footer .button-view-course-catalog:focus,
.course-2018 > .footer .button-view-course-catalog:hover {
    background-color: #685095;
}
body.site .course-2018 .description {
    padding-bottom: 0;
    padding-top: 0;
}
.course-2018-tabs {
    border: none;
    background: 0 0;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .course-2018-tabs {
        text-align: left;
    }
}
.course-2018-tabs li {
    float: none;
    display: inline-block;
}
.course-2018-tabs li .button {
    outline: none;
    min-width: 100px;
    margin-right: 5px;
    margin-bottom: 14px;
    border-radius: 50px;
    padding: 10px 20px;
}
.course-2018-tabs li .button:focus,
.course-2018-tabs li .button[aria-selected=true] {
    background-color: #00bcd4;
    color: #fefefe;
}
.dashboard-teacher .tabs.course-2018-tabs {
    background: 0 0;
}
.course-catalog-2018 .header .your-plan-circle-container {
    position: relative;
}
.course-catalog-2018 .header .your-plan-circle-container .your-plan {
    position: absolute;
    transform: rotate(-10deg);
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    padding-top: 1em;
    background-color: #ba1e5d;
    color: #fff;
    line-height: 1;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.your-plan-label-container {
    position: relative;
    min-width: 70px;
    text-align: center;
}
.your-plan-label-container .your-plan {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}
.your-plan-label-container .your-plan.your-plan-red {
    color: #ba1e5d;
}
.your-plan-label-container .your-plan.your-plan-blue {
    color: #00bcd4;
}
.your-plan-label-container .your-plan.your-plan-yellow {
    color: #ffd600;
}
.course-catalog-2018 .header .your-plans {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    margin-left: 15px;
    text-align: left;
    text-transform: uppercase;
    color: #00bcd4;
}
.course-catalog-2018 .header .main-title {
    padding-top: 20px;
    padding-bottom: 20px;
}
.course-catalog-2018 .header .main-title .title {
    text-align: center;
}
.course-catalog-2018 .header .main-title .title .your-plan-circle-container {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px;
}
.course-catalog-2018 .header .main-title .title .your-plan-circle-container .your-plan {
    top: -15px;
    left: 0;
    height: 2.5rem;
    width: 2.5rem;
    padding: 10px 0;
    font-size: 10px;
}
.course-catalog-2018 .header .main-title p {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 1.7;
    font-weight: 400;
}
.course-catalog-2018 .header .main-title a {
    color: #fff;
    font-weight: 500;
}
.course-catalog-2018 .header .main-title a:hover {
    text-decoration: underline;
}
.course-catalog-2018 .header .warning-expired-license,
.course-catalog-2018 .header .warning-voucher {
    margin: 0 auto;
    border-radius: 5px;
    color: #bd274b;
    text-align: center;
    line-height: 40px;
    font-weight: 400;
}
.course-catalog-2018 .header .warning-expired-license.warning-voucher-cancel,
.course-catalog-2018 .header .warning-voucher.warning-voucher-cancel {
    background-color: #9078c6;
}
.course-catalog-2018 .header .warning-expired-license .button,
.course-catalog-2018 .header .warning-voucher .button {
    float: right;
    margin-bottom: 0;
}
.course-catalog-2018 .header .plans {
    margin: 0;
}
.course-catalog-2018 .header .plans.plans-buttons {
    margin-bottom: 1rem;
}
.course-catalog-2018 .header .plans.plans-buttons .your-plan-circle-container {
    margin-left: 3.5rem;
}
.course-catalog-2018 .header .plans.plans-buttons .your-plan-circle-container .your-plan {
    top: -.5rem;
    right: calc(100% + .5rem);
}
.course-catalog-2018 .header .plans.plans-buttons .your-plan-label-container .your-plan {
    left: 0;
    right: 0;
    top: -18px;
}
.course-catalog-2018 .header .plans.plans-buttons .your-plan-label-container:after {
    border-bottom: 5px solid #eaf6f9;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
    content: " ";
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: -4px;
}
.course-catalog-2018 .header .plans.plans-buttons .your-plan-label-container.is-active:after {
    border-bottom: 5px solid #00bcd4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
}
.course-catalog-2018 .header .plans.plans-buttons .new-plan {
    background-color: #ba1e5d;
    border-radius: 50%;
    color: #fff;
    height: 32px;
    padding-top: 11px;
    position: absolute;
    right: -16px;
    top: -16px;
    transform: rotate(-10deg);
    width: 32px;
    line-height: 1;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}
.course-catalog-2018 .header .plans.plans-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.course-catalog-2018 .header .plans.plans-tabs .plan {
    transition: border-bottom-width 0.1s,border-bottom-color 0.1s;
    display: inline-block;
    border-bottom: 1px solid #9c9c9c;
    flex-grow: 1;
    text-align: center;
}
.course-catalog-2018 .header .plans.plans-tabs .plan a {
    display: block;
    padding: 1rem 2rem;
    transition: color 0.1s;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #000;
}
.course-catalog-2018 .header .plans.plans-tabs .plan a:focus,
.course-catalog-2018 .header .plans.plans-tabs .plan a:hover {
    color: #00bcd4;
}
.course-catalog-2018 .header .plans.plans-tabs .plan.active,
.course-catalog-2018 .header .plans.plans-tabs .plan:focus,
.course-catalog-2018 .header .plans.plans-tabs .plan:hover {
    border-bottom: 3px solid #00bcd4;
}
.course-catalog-2018 .header .plans.plans-tabs .plan.active a,
.course-catalog-2018 .header .plans.plans-tabs .plan:focus a,
.course-catalog-2018 .header .plans.plans-tabs .plan:hover a {
    color: #00bcd4;
}
.course-catalog-2018 .header .plans.plans-select {
    margin-top: 20px;
    padding: 0 10px;
}
.course-catalog-2018 .header .plans.plans-select select {
    border-radius: 5px;
}
.course-catalog-2018 .header .filters {
    display: none;
}
@media print,screen and (min-width:40em) {
    .course-catalog-2018 .header .filters {
        display: flex;
        flex-wrap: wrap;
    }
}
.course-catalog-2018 .header .filters .button-toggle-filters {
    color: #25293a;
    margin-bottom: 0;
    outline: none;
}
.course-catalog-2018 .header .filters .button-toggle-filters:focus {
    color: #fff;
}
.course-catalog-2018 .header .filters .filters-dropdown,
.course-catalog-2018 .header .filters .filters-dropdown.dropdown-pane {
    box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 0;
    overflow: hidden;
    width: auto;
}
.course-catalog-2018 .header .filters .menu-icon {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: text-bottom;
}
.course-catalog-2018 .header .filters .filter-selected {
    color: #ffd600!important;
}
.course-catalog-2018 .header .filters .filter-selected-white-background {
    color: #00c!important;
}
.course-catalog-2018 .header .filters .filter {
    transition: all 0.1s;
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding: 0.5rem 2rem 0.5rem 1rem;
}
.course-catalog-2018 .header .filters .filter.is-active,
.course-catalog-2018 .header .filters .filter:focus,
.course-catalog-2018 .header .filters .filter:hover {
    box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
    background-color: #eaf6f9;
}
.course-catalog-2018 .header .filters .filter.is-empty {
    background-color: transparent;
    box-shadow: none;
    cursor: default;
    filter:grayscale(25%) opacity(50%);
}
.course-catalog-2018 .header .filters .filter .icon-container {
    margin-right: 0.5rem;
}
.course-catalog-2018 .header .filters .filter .icon-container .icon {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    background-color: #f5de64;
    text-align: center;
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.block-coding {
    background-color: #df6160;
    background-image: url(../image/course-catalog/icon-block-coding.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.picture-block-coding {
    background-color: #5947ff;
    background-image: url(../image/course-catalog/icon-picture-block-coding.svg);
    background-position: 6px 50%;
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.text-coding {
    background-color: #5589b8;
    background-image: url(../image/course-catalog/icon-text-coding.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.python {
    background-color: #5589b8;
    background-image: url(../image/course-catalog/icon-python.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.html-css {
    background-color: #eda756;
    background-image: url(../image/course-catalog/icon-html-css.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.robotics-ar {
    background-color: #29b2ae;
    background-image: url(../image/course-catalog/icon-robotics.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.javascript {
    background-color: #f5de64;
    background-image: url(../image/course-catalog/icon-javascript.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.java {
    background-color: #81c373;
    background-image: url(../image/course-catalog/icon-java.png);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.stem {
    background-color: #62519c;
    background-image: url(../image/course-catalog/icon-STEM.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.apple {
    background-color: #030304;
    background-image: url(../image/course-catalog/icon-apple.svg);
}
.course-catalog-2018 .header .filters .filter .icon-container .icon.voice-over {
    background-color: #62519c;
    background-image: url(../image/cards/icons/voiceover.png);
}
.course-catalog-2018 .header .filters .filter .title-course-count {
    padding: 2px 0;
}
.course-catalog-2018 .header .filters .filter .title-course-count .title {
    color: #000;
    font-size: 0.8rem;
}
.course-catalog-2018 .header .filters .filter .title-course-count .course-count {
    color: #9c9c9c;
    font-size: 0.6rem;
}
@media print,screen and (min-width:40em) {
    .course-catalog-2018 .header .filters.large {
        flex-wrap: nowrap;
    }
    .course-catalog-2018 .header .filters.large .filter--DISABLED-FOR-ISTE {
        display: block;
        text-align: center;
    }
    .course-catalog-2018 .header .filters.large .filter--DISABLED-FOR-ISTE .icon-container .icon {
        margin: auto;
    }
}
.course-catalog-2018 .header .filters-cta {
    margin-bottom: 30px;
    background-color: #f6f7f8;
}
.course-catalog-2018 .header .filters-cta .plan-details {
    display: block;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
}
.course-catalog-2018 .filters-cta .included {
    padding: 0 20px;
    font-size: 0.8rem;
}
@media print,screen and (min-width:40em) {
    .course-catalog-2018 .filters-cta .included {
        padding: 0;
    }
}
.course-catalog-2018 .filters-cta .included .icon-checkmark {
    color: #5cbe5a;
}
.course-catalog-2018 .filters-cta .price-cta {
    margin-bottom: 30px;
    padding: 0 20px;
}
@media print,screen and (min-width:40em) {
    .course-catalog-2018 .filters-cta .price-cta {
        margin-bottom: 0;
        padding: 0;
    }
}
.course-catalog-2018 .filters-cta .price-cta .price {
    float: left;
    margin-right: 30px;
    color: #000;
}
.course-catalog-2018 .filters-cta .price-cta .price .value {
    line-height: 1.2;
    font-size: 1.2rem;
    font-weight: 700;
}
.course-catalog-2018 .filters-cta .price-cta .price .comment {
    font-size: 0.7rem;
}
.course-catalog-2018 .filters-cta .price-cta .cta {
    margin-bottom: 30px;
}
.course-catalog-2018 .filters-cta .price-cta .cta .button {
    margin-bottom: 0;
}
.standards-switcher .regions .flag-button {
    box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
    background-color: #eaf6f9;
    color: #0a0a0a;
    margin-right: 75px;
    padding: 3px 15px;
    height: 30px;
}
.standards-switcher .regions .flag-link {
    font-size: 12px;
    font-weight: 600;
    color: #0a0a0a!important;
}
.standards-switcher .regions .flag-link:hover {
    text-decoration: none!important;
}
.standards-switcher .regions .flag-list {
    width: 120px;
}
.standards-switcher .regions .flag {
    border: 1px solid #ddd;
    margin-right: 7px;
}
.standards-switcher .regions .country-code {
    margin-left: 10px;
    color: #0a0a0a;
}
.standards-switcher .filters {
    display: none;
}
@media print,screen and (min-width:40em) {
    .standards-switcher .filters {
        display: flex;
        flex-wrap: wrap;
    }
}
.standards-switcher .filters .button-toggle-filters {
    color: #25293a;
    margin-bottom: 0;
    outline: none;
}
.standards-switcher .filters .button-toggle-filters:focus {
    color: #fff;
}
.standards-switcher .filters .filters-dropdown,
.standards-switcher .filters .filters-dropdown.dropdown-pane {
    box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
    border-radius: 5px;
    padding: 0;
    overflow: hidden;
    width: auto;
}
.standards-switcher .filters .filter {
    transition: all 0.1s;
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding: 0.5rem 2rem 0.5rem 1rem;
}
.standards-switcher .filters .filter.is-active,
.standards-switcher .filters .filter:focus,
.standards-switcher .filters .filter:hover {
    box-shadow: 2px 2px 4px -2px rgba(0,0,0,.2);
    background-color: #eaf6f9;
}
.standards-switcher .filters .filter.is-empty {
    background-color: transparent;
    box-shadow: none;
    cursor: default;
    filter:grayscale(25%) opacity(50%);
}
.course-chapter-2018 {
    background-color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.course-chapter-2018 .upgrade-required {
    background-color: #ff8d1a;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    width: fit-content;
}
.course-chapter-2018 .slide-description {
    margin-top: 10px;
    margin-bottom: 5px;
}
.course-chapter-2018 .presentation-preview {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 700px;
    height: 100px;
    text-align: left;
    background-color: #f6fbfd;
    color: #0a0a0a;
    cursor: inherit;
}
.course-chapter-2018 .presentation-preview .lesson {
    padding-top: 10px;
    padding-left: 15px;
    width: 100%;
}
.course-chapter-2018 .presentation-preview .info-container {
    padding-left: 15px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.course-chapter-2018 .presentation-preview .title {
    padding-top: 5px;
    width: 250px;
}
.course-chapter-2018 .presentation-preview .slide-count {
    padding-top: 5px;
    padding-top: 3px;
    width: 100px;
}
.course-chapter-2018 .presentation-preview .run-lesson {
    padding: 0 10px;
    width: 100px;
}
.course-chapter-2018 .presentation-preview img {
    padding: 0;
    height: 80px;
    width: auto;
    margin: 10px;
    object-fit: cover;
}
.course-chapter-2018 .notification-upgrade-link {
    color: #fff;
}
.course-chapter-2018 .notification-upgrade,
.course-chapter-2018 .spaced-list-item {
    margin-bottom: 15px;
}
.course-chapter-2018 .class-presentation-details {
    padding: 0 30px;
    margin-bottom: 15px;
}
.course-chapter-2018 > .header {
    padding-top: 15px;
    padding-bottom: 15px;
    background: radial-gradient(rgba(0,80,93,.82) 10%,rgba(0,70,97,.95) 78.68%),url(../image/course-catalog/forest-bg.png);
    background-size: cover;
    font-weight: 500;
}
.course-chapter-2018 > .header,
.course-chapter-2018 > .header a,
.course-chapter-2018 > .header h1,
.course-chapter-2018 > .header p {
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.course-chapter-2018 > .header .zf-row-back {
    max-width: 80rem;
}
.course-chapter-2018 > .header .zf-row-back .back {
    display: block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
@media print,screen and (min-width:64em) {
    .course-chapter-2018 > .header .zf-row-back .back {
        float: left;
    }
}
.course-chapter-2018 > .header .chapters-select select {
    border-radius: 5px;
}
.course-chapter-2018 > .header h1 {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 26px;
    font-weight: 600;
}
.course-chapter-2018 > .header .intro {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 15px;
}
.course-chapter-2018 > .header .grades {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.course-chapter-2018 > .header .platforms {
    display: inline-block;
    margin-left: 1rem;
    font-size: 14px;
}
.course-chapter-2018 > .header .platforms .platform {
    display: inline-block;
}
.course-chapter-2018 > .header .platforms .platform+.platform {
    margin-left: 0.5em;
}
.course-chapter-2018 > .header .platforms .platform .icon-apple {
    margin-top: -2px;
}
.course-chapter-2018 > .header .filter-tabs {
    margin-top: 20px;
    border: none;
    background: 0 0;
    text-align: center;
}
.course-chapter-2018 > .header .filter-tabs li {
    float: none;
    display: inline-block;
}
.course-chapter-2018 > .header .filter-tabs li .button.hollow {
    min-width: 100px;
    margin-right: 5px;
    margin-bottom: 14px;
    border: none;
    border-radius: 50px;
    padding: 10px 20px;
    background-color: rgba(0,0,0,.1);
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
    outline: none;
}
.course-chapter-2018 > .header .filter-tabs li .button.hollow:focus,
.course-chapter-2018 > .header .filter-tabs li .button.hollow:hover {
    background-color: #fff;
    color: #00bcd4;
    text-decoration: none;
    outline: none;
}
.course-chapter-2018 > .header .filter-tabs li.is-active .button.hollow {
    background-color: #fff;
    color: #00bcd4;
}
.course-chapter-2018 > .header .upgrade-action {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .course-chapter-2018 > .header .upgrade-action {
        margin-top: 1em;
        text-align: right;
    }
}
.course-chapter-2018 > .header .upgrade-action .upgrade {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-align: initial;
}
.course-chapter-2018 > .header .upgrade-action .upgrade.without-note {
    margin-top: 10px;
}
.course-chapter-2018 > .header .upgrade-action .upgrade.price .links,
.course-chapter-2018 > .header .upgrade-action .upgrade.price .note,
.course-chapter-2018 > .header .upgrade-action .upgrade.seat-available .links,
.course-chapter-2018 > .header .upgrade-action .upgrade.seat-available .note {
    text-align: center;
}
.course-chapter-2018 > .header .upgrade-action .upgrade .price-note .price {
    font-size: 24px;
    font-weight: 600;
}
.course-chapter-2018 > .header .upgrade-action .upgrade .note {
    margin-bottom: 5px;
}
.course-chapter-2018 > .header .upgrade-action .upgrade .note .price {
    font-weight: 600;
}
.course-chapter-2018 > .header .upgrade-action .upgrade .link {
    font-size: 12px;
    font-weight: 300;
    text-decoration: underline;
}
.course-chapter-2018 > .header .upgrade-action .action {
    margin-top: 10px;
}
.course-chapter-2018 > .header .upgrade-action .action a.link {
    text-decoration: underline;
}
.course-chapter-2018 > .header .upgrade-action .action .button {
    min-width: 60%;
}
@media print,screen and (min-width:40em) {
    .course-chapter-2018 > .header .upgrade-action .action .button {
        display: block;
    }
}
.course-chapter-2018 > .header .upgrade-action .action .for-plan {
    text-align: center;
    font-size: 10px;
    font-weight: 300;
}
.course-chapter-2018 .warning-voucher {
    margin: 1rem auto;
    padding: 10px 20px 10px 30px;
    border-radius: 5px;
    background: #bd274b;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: 400;
}
.course-chapter-2018 .warning-voucher.warning-voucher-cancel {
    background-color: #9078c6;
}
.course-chapter-2018 .warning-voucher .button {
    float: right;
    margin-bottom: 0;
}
@media print,screen and (min-width:64em) {
    .course-chapter-2018 > .body .main-panel,
    .course-chapter-2018 > .body .side-panel {
        padding-right: 2rem;
    }
}
.course-chapter-2018 > .body .main-panel {
    background-color: #fff;
    padding-top: 20px;
}
.course-chapter-2018 > .body .chapters-list {
    margin-bottom: 0;
    padding-left: 15px;
}
.course-chapter-2018 > .body .chapters-list li {
    display: inline-block;
    margin-top: 0.1875rem;
    margin-bottom: 0.1875rem;
}
.course-chapter-2018 > .body .chapters-list li a {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #e6f3f6;
    border-radius: 50%;
    color: #575757;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
}
.course-chapter-2018 > .body .chapters-list li a:focus,
.course-chapter-2018 > .body .chapters-list li a:hover {
    background-color: #e6f3f6;
    color: #00bcd4;
    outline: none;
}
.course-chapter-2018 > .body .chapters-list li a.active {
    background-color: #00bcd4;
    color: #fff;
}
.course-chapter-2018 > .body .course-name {
    font-size: 20px;
}
.course-chapter-2018 > .body .lesson-summary code,
.course-chapter-2018 > .body .lesson-summary code span,
.course-chapter-2018 > .body .lesson-summary code strong,
.course-chapter-2018 > .body .lesson-summary h1,
.course-chapter-2018 > .body .lesson-summary h1 span,
.course-chapter-2018 > .body .lesson-summary h1 strong,
.course-chapter-2018 > .body .lesson-summary h2,
.course-chapter-2018 > .body .lesson-summary h2 span,
.course-chapter-2018 > .body .lesson-summary h2 strong,
.course-chapter-2018 > .body .lesson-summary h3,
.course-chapter-2018 > .body .lesson-summary h3 span,
.course-chapter-2018 > .body .lesson-summary h3 strong,
.course-chapter-2018 > .body .lesson-summary h4,
.course-chapter-2018 > .body .lesson-summary h4 span,
.course-chapter-2018 > .body .lesson-summary h4 strong,
.course-chapter-2018 > .body .lesson-summary h5,
.course-chapter-2018 > .body .lesson-summary h5 span,
.course-chapter-2018 > .body .lesson-summary h5 strong,
.course-chapter-2018 > .body .lesson-summary h6,
.course-chapter-2018 > .body .lesson-summary h6 span,
.course-chapter-2018 > .body .lesson-summary h6 strong,
.course-chapter-2018 > .body .lesson-summary ul,
.course-chapter-2018 > .body .lesson-summary ul span,
.course-chapter-2018 > .body .lesson-summary ul strong,
.course-chapter-2018 > .body .teacher-guide code,
.course-chapter-2018 > .body .teacher-guide code span,
.course-chapter-2018 > .body .teacher-guide code strong,
.course-chapter-2018 > .body .teacher-guide h1,
.course-chapter-2018 > .body .teacher-guide h1 span,
.course-chapter-2018 > .body .teacher-guide h1 strong,
.course-chapter-2018 > .body .teacher-guide h2,
.course-chapter-2018 > .body .teacher-guide h2 span,
.course-chapter-2018 > .body .teacher-guide h2 strong,
.course-chapter-2018 > .body .teacher-guide h3,
.course-chapter-2018 > .body .teacher-guide h3 span,
.course-chapter-2018 > .body .teacher-guide h3 strong,
.course-chapter-2018 > .body .teacher-guide h4,
.course-chapter-2018 > .body .teacher-guide h4 span,
.course-chapter-2018 > .body .teacher-guide h4 strong,
.course-chapter-2018 > .body .teacher-guide h5,
.course-chapter-2018 > .body .teacher-guide h5 span,
.course-chapter-2018 > .body .teacher-guide h5 strong,
.course-chapter-2018 > .body .teacher-guide h6,
.course-chapter-2018 > .body .teacher-guide h6 span,
.course-chapter-2018 > .body .teacher-guide h6 strong,
.course-chapter-2018 > .body .teacher-guide ul,
.course-chapter-2018 > .body .teacher-guide ul span,
.course-chapter-2018 > .body .teacher-guide ul strong {
    background: 0 0!important;
    color: inherit!important;
}
.course-chapter-2018 > .body .lesson-summary h1,
.course-chapter-2018 > .body .lesson-summary h2,
.course-chapter-2018 > .body .lesson-summary h3,
.course-chapter-2018 > .body .lesson-summary h4,
.course-chapter-2018 > .body .lesson-summary h5,
.course-chapter-2018 > .body .lesson-summary h6,
.course-chapter-2018 > .body .teacher-guide h1,
.course-chapter-2018 > .body .teacher-guide h2,
.course-chapter-2018 > .body .teacher-guide h3,
.course-chapter-2018 > .body .teacher-guide h4,
.course-chapter-2018 > .body .teacher-guide h5,
.course-chapter-2018 > .body .teacher-guide h6 {
    margin-top: 1em;
}
.course-chapter-2018 > .body .lesson-summary code,
.course-chapter-2018 > .body .teacher-guide code {
    border: none;
    padding: 0;
}
.course-chapter-2018 > .body .lesson-summary hr,
.course-chapter-2018 > .body .teacher-guide hr {
    display: none;
}
.course-chapter-2018 > .body .lesson-summary ul.block li,
.course-chapter-2018 > .body .teacher-guide ul.block li {
    margin-bottom: 1em;
}
.course-chapter-2018 > .body .sidepanel section {
    margin-bottom: 0;
    border-top: 1px solid #cdcdce;
    padding-bottom: 1rem;
}
.course-chapter-2018 > .body .sidepanel section:first-child {
    border-top: none;
}
.course-chapter-2018 > .body .sidepanel section .title {
    margin-top: 1rem;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail {
    position: relative;
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons {
    position: absolute;
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon {
    display: block;
    width: 40px;
    height: 40px;
    border-bottom-right-radius: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.block-coding {
    background-color: #df6160;
    background-image: url(../image/course-catalog/icon-block-coding.svg);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.python {
    background-color: #5589b8;
    background-image: url(../image/course-catalog/icon-python.svg);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.html {
    background-color: #eda756;
    background-image: url(../image/course-catalog/icon-html-css.svg);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.ar,
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.drones,
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.robotics-ar {
    background-color: #29b2ae;
    background-image: url(../image/course-catalog/icon-robotics.svg);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.javascript {
    background-color: #f5de64;
    background-image: url(../image/course-catalog/icon-javascript.svg);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.java {
    background-color: #81c373;
    background-image: url(../image/course-catalog/icon-java.png);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > .icons > .icon.stem {
    background-color: #62519c;
    background-image: url(../image/course-catalog/icon-STEM.svg);
}
.course-chapter-2018 > .body .sidepanel section.type-level .thumbnail > img {
    width: 100%;
}
.course-chapter-2018 > .body .sidepanel section.type-level .main-tag {
    font-weight: 700;
}
.course-chapter-2018 > .body .sidepanel section.lesson-includes ul {
    margin-bottom: 0;
}
.course-chapter-2018 > .body .sidepanel section.lesson-includes .icon-checkmark {
    margin-right: 0.5em;
    color: #82ca6d;
}
.course-chapter-2018 > .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.course-chapter-2018 > .footer h3 {
    text-align: center;
}
.course-chapter-2018 > .footer .button-view-course-catalog {
    background-color: #7c63ab;
    font-weight: 400;
}
.course-chapter-2018 > .footer .button-view-course-catalog:focus,
.course-chapter-2018 > .footer .button-view-course-catalog:hover {
    background-color: #685095;
}
.course-header-2018 {
    background-color: #4dc4d9;
    background-image: linear-gradient(135deg,#6b55b5 15%,#4dc4d9 85%);
    background-size: cover;
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 500;
}
.course-header-2018 h1,
.course-header-2018 h2,
.course-header-2018 p {
    color: inherit;
}
.course-header-2018 p {
    font-size: inherit;
}
.course-header-2018 .your-plan {
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
}
.course-header-2018 .your-plan.your-plan-red {
    color: #ba1e5d;
}
.course-header-2018 .your-plan.your-plan-blue {
    color: #00bcd4;
}
.course-header-2018 .your-plan.your-plan-yellow {
    color: #ffd600;
}
.course-header-2018 .meta {
    background-color: rgba(88,88,88,.25);
    padding: 0.875rem 2rem;
    position: relative;
    min-height: 3.125rem;
}
.course-header-2018 .meta-back-link {
    color: inherit;
    display: block;
    font-size: inherit;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-left: 2rem;
}
@media print,screen and (min-width:64em) {
    .course-header-2018 .meta-back-link {
        position: absolute;
        left: 2rem;
        margin: 0;
    }
}
.course-header-2018 .course-image-container {
    position: relative;
}
.course-header-2018 .course-image-container .course-image {
    border-radius: 8px;
}
.course-header-2018 .course-image-container > .icons {
    position: absolute;
    left: 0;
    top: 0;
}
.course-header-2018 .course-image-container > .icons > .icon {
    display: block;
    width: 30px;
    height: 30px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
}
.course-header-2018 .course-image-container > .icons > .icon.block-coding {
    background-color: #df6160;
    background-image: url(../image/course-catalog/icon-block-coding.svg);
}
.course-header-2018 .course-image-container > .icons > .icon.picture-block-coding {
    background-color: #5947ff;
    background-image: url(../image/course-catalog/icon-picture-block-coding.svg";
}
.course-header-2018 .course-image-container > .icons > .icon.python {
    background-color: #5589b8;
    background-image: url(../image/course-catalog/icon-python.svg);
}
.course-header-2018 .course-image-container > .icons > .icon.html {
    background-color: #eda756;
    background-image: url(../image/course-catalog/icon-html-css.svg);
}
.course-header-2018 .course-image-container > .icons > .icon.ar,
.course-header-2018 .course-image-container > .icons > .icon.drones,
.course-header-2018 .course-image-container > .icons > .icon.robotics-ar {
    background-color: #29b2ae;
    background-image: url(../image/course-catalog/icon-robotics.svg);
}
.course-header-2018 .course-image-container > .icons > .icon.javascript {
    background-color: #f5de64;
    background-image: url(../image/course-catalog/icon-javascript.svg);
}
.course-header-2018 .course-image-container > .icons > .icon.java {
    background-color: #81c373;
    background-image: url(../image/course-catalog/icon-java.png);
}
.course-header-2018 .course-image-container > .icons > .icon.stem {
    background-color: #62519c;
    background-image: url(../image/course-catalog/icon-STEM.svg);
}
.course-header-2018 .title {
    margin-bottom: 0;
}
.course-header-2018 .title ul {
    line-height: 1;
}
.course-header-2018 .title .is-dropdown-submenu-parent > a {
    color: inherit;
    border-bottom: 1px dotted currentColor;
    font-family: inherit;
    font-size: inherit;
    padding: 0 0 0.125rem;
}
.course-header-2018 .title .is-dropdown-submenu-parent > a:after {
    border-color: #fff transparent transparent!important;
}
.course-header-2018 .title .is-dropdown-submenu-parent.is-active > a {
    color: inherit;
}
.course-header-2018 .title .is-dropdown-submenu-parent .menu:not(.js-dropdown-active) {
    display: none;
}
.course-header-2018 .title .is-dropdown-submenu-parent .is-dropdown-submenu {
    position: absolute;
}
.course-header-2018 .title-container h1.title {
    margin-bottom: 0;
    padding-bottom: 0;
}
.course-header-2018 .title-container h1.title ul {
    line-height: 1;
}
.course-header-2018 .title-container h1.title .is-dropdown-submenu-parent > a {
    font-weight: 700;
    padding-bottom: 8px;
    padding-left: 0;
    padding-top: 8px;
}
.course-header-2018 .title-container h1.title .is-dropdown-submenu-parent > a:hover {
    color: #fff;
    text-decoration: underline;
}
.course-header-2018 .title-container h1.title .is-dropdown-submenu-parent > a:after {
    border-color: #fff transparent transparent;
}
.course-header-2018 .title-container h1.title .is-dropdown-submenu-parent .menu:not(.js-dropdown-active) {
    display: none;
}
.course-header-2018 .title-container h1.title .is-dropdown-submenu-parent .is-dropdown-submenu {
    position: absolute;
}
.course-header-2018 .title-container p.subtitle {
    margin-bottom: 4px;
    margin-top: 4px;
}
.course-header-2018 .title-container p.subtitle a {
    color: #fff;
    font-weight: inherit;
}
.course-header-2018 .title-container p.subtitle a:hover {
    color: #fff;
    text-decoration: underline;
}
.course-header-2018 .title-container p.subtitle .subtitle-not-part {
    font-size: 14px;
    font-style: italic;
}
.course-header-2018 .features {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 15px;
}
.course-header-2018 .features .feature {
    display: inline;
    white-space: nowrap;
}
.course-header-2018 .features .feature+.feature:before {
    content: "|";
    padding-right: 3px;
}
.course-header-2018 .price-container {
    position: relative;
}
.course-header-2018 .price-container .course-sale-badge {
    left: -60px;
    top: 0;
}
@media screen and (min-width:75em) {
    .course-header-2018 .price-container .course-sale-badge {
        left: -75px;
    }
}
.course-header-2018 .price-container .price {
    font-size: 1.25em;
    white-space: nowrap;
}
.course-header-2018 .price-container .price.has-sale {
    color: #ccc;
    font-size: 14px;
    text-decoration: line-through;
}
.course-header-2018 .price-container .action {
    margin-top: 10px;
}
.course-header-2018 .price-container .action a.link {
    text-decoration: underline;
}
.course-header-2018 .price-container .action .button {
    margin-bottom: 0;
    min-width: 200px;
}
@media print,screen and (min-width:64em) {
    .course-header-2018 .price-container .action .button {
        min-width: 60%;
    }
}
.course-header-2018 .price-container .action .for-plan {
    text-align: center;
    font-size: 10px;
    font-weight: 300;
}
.course-header-2018 .price-container .request-quote {
    border-bottom: 1px solid currentColor;
    font-weight: 700;
    line-height: 2;
    padding-bottom: 0.25em;
    white-space: nowrap;
}
.course-header-2018 .price-container .request-quote:hover {
    border-bottom-style: dotted;
}
.dashboard-teacher .course-header-2018 p {
    padding-bottom: 0;
}
student-classroom-lesson-modules,
student-courseplayer-lesson {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
student-classroom-lesson-modules .course-lesson,
student-courseplayer-lesson .course-lesson {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100%;
}
student-classroom-lesson-modules .course-lesson h2,
student-courseplayer-lesson .course-lesson h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    min-height: 85px;
    color: #fff;
    padding: 20px 40px;
}
student-classroom-lesson-modules .course-lesson h2 a,
student-courseplayer-lesson .course-lesson h2 a {
    float: left;
}
student-classroom-lesson-modules .course-lesson .modules-content,
student-courseplayer-lesson .course-lesson .modules-content {
    width: 100%;
    padding: 20px 40px;
}
student-classroom-lesson-modules .course-lesson .modules-content .description,
student-courseplayer-lesson .course-lesson .modules-content .description {
    display: inline-block;
    width: 30%;
    background-color: #243057;
    color: #fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,.8);
    margin-top: 40px;
    margin-right: 40px;
    padding: 20px;
    border-radius: 4px;
    vertical-align: top;
}
student-classroom-lesson-modules .course-lesson .modules-content .description h3,
student-courseplayer-lesson .course-lesson .modules-content .description h3 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
    color: #fff;
}
student-classroom-lesson-modules .course-lesson .modules-content .description p,
student-courseplayer-lesson .course-lesson .modules-content .description p {
    font-size: 14px;
    line-height: 1.4em;
    color: #fff;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules,
student-courseplayer-lesson .course-lesson .modules-content .modules {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module,
student-courseplayer-lesson .course-lesson .modules-content .modules .module {
    display: inline-block;
    position: relative;
    width: 92px;
    height: 92px;
    background-color: #5b8cb1;
    border-radius: 30px;
    border: 8px solid #72b4ea;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.2);
    padding: 10px;
    text-align: center;
    margin: 40px 20px 20px;
    vertical-align: bottom;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module .indicator,
student-courseplayer-lesson .course-lesson .modules-content .modules .module .indicator {
    top: 0;
    left: 50px;
    margin-left: -37px;
    margin-top: -37px;
    position: absolute;
    display: inline-block;
    background-color: #72b4ea;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    display: none;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module.diy .indicator,
student-courseplayer-lesson .course-lesson .modules-content .modules .module.diy .indicator {
    background-image: url(../image/lessons/module-icon-diy.png);
    display: block;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module.puzzle .indicator,
student-courseplayer-lesson .course-lesson .modules-content .modules .module.puzzle .indicator {
    display: none;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module.quiz .indicator,
student-courseplayer-lesson .course-lesson .modules-content .modules .module.quiz .indicator {
    background-image: url(../image/lessons/module-icon-quiz.png);
    display: block;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module.intro .indicator,
student-courseplayer-lesson .course-lesson .modules-content .modules .module.intro .indicator {
    background-image: url(../image/lessons/module-icon-intro.png);
    display: block;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module a,
student-courseplayer-lesson .course-lesson .modules-content .modules .module a {
    color: #fff;
    text-decoration: none;
    font-size: 40px;
    font-weight: 700;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module .index,
student-courseplayer-lesson .course-lesson .modules-content .modules .module .index {
    width: 56px;
    height: 56px;
    line-height: 62px;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module.locked .index,
student-courseplayer-lesson .course-lesson .modules-content .modules .module.locked .index {
    background-image: url(../image/lessons/module-locked.png);
    background-position: 50%;
    background-repeat: no-repeat;
}
student-classroom-lesson-modules .course-lesson .modules-content .modules .module.locked .index span,
student-courseplayer-lesson .course-lesson .modules-content .modules .module.locked .index span {
    display: none;
}
.course-sale-badge {
    position: absolute;
    width: 75px;
    height: 75px;
    transform: rotate(-10deg);
    background-image: url(../image/school/sale-badge.svg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    line-height: 75px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.course-sale-badge-has-discount {
    line-height: 65px;
}
.course-sale-badge-has-discount .course-sale-badge-discount {
    font-size: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 16px;
}
.course-side-panel-2018 {
    padding-top: 20px;
}
@media print,screen and (min-width:40em) {
    .course-side-panel-2018 .school-plan-card {
        margin-top: -5rem;
    }
}
.course-side-panel-2018 .back-container .back {
    color: #747474;
}
.course-side-panel-2018 section {
    border-bottom: 1px solid #cdcdce;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.course-side-panel-2018 section:first-of-type {
    border-top: 1px solid #cdcdce;
}
.course-side-panel-2018 section:first-child {
    border-top: none;
    padding-top: 0;
}
.course-side-panel-2018 section .action {
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
}
.course-side-panel-2018 section .action .button {
    margin-bottom: 0;
    width: 100%;
}
.course-side-panel-2018 section .action .for-plan {
    display: none;
}
.course-side-panel-2018 section .title {
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-weight: 700;
}
.course-side-panel-2018 section.summary {
    padding-bottom: 0;
}
.course-side-panel-2018 section.summary .card-course-details {
    padding: 2rem;
}
.course-side-panel-2018 section.summary .card-course-details .sale-badge {
    background-image: url(../image/school/sale-badge.svg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-weight: 700;
    line-height: 75px;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-10deg);
    width: 75px;
    height: 75px;
}
.course-side-panel-2018 section.summary .card-course-details .intro {
    margin-bottom: 1rem;
    font-size: 14px;
}
.course-side-panel-2018 section.summary .card-course-details .details {
    color: #6b6b6b;
    font-size: 14px;
    font-weight: 700;
    list-style-type: disc;
    padding-left: 1em;
}
.course-side-panel-2018 section.summary .card-course-details .platforms {
    display: inline-block;
    margin-left: 0;
    font-size: 14px;
}
.course-side-panel-2018 section.summary .card-course-details .platforms .platform {
    display: inline-block;
}
.course-side-panel-2018 section.summary .card-course-details .platforms .platform+.platform {
    margin-left: 0.5em;
}
.course-side-panel-2018 section.summary .card-course-details .platforms .platform .icon-apple {
    margin-top: -2px;
}
.course-side-panel-2018 section.summary .card-course-details .action .button {
    margin-bottom: 0;
}
.course-side-panel-2018 section.summary .card-course-details .action .for-plan {
    display: none;
    text-align: center;
    font-size: 10px;
    font-weight: 300;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail {
    position: relative;
    padding-bottom: 1rem;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail > .requirements {
    background-color: #fff;
    border: 1px solid #ccc;
    padding-bottom: 8px;
    padding-top: 8px;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail > .requirements img {
    height: 48px;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail > .requirements span {
    font-size: 12px;
    font-weight: 700;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail > .requirements span a {
    font-size: 12px;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail > p.intro {
    padding-bottom: 0;
}
.course-side-panel-2018 section.thumbnail-action .thumbnail > img {
    width: 100%;
}
.course-side-panel-2018 section.type-level .main-tag {
    font-weight: 700;
}
.course-side-panel-2018 section.prerequisites,
.course-side-panel-2018 section.prerequisites a {
    font-size: 14px;
}
.course-side-panel-2018 section.prerequisites .age-range {
    margin-bottom: 1rem;
}
.course-side-panel-2018 section.whats_included {
    border-top: none;
}
.course-side-panel-2018 section.whats_included .icon-checkmark {
    margin-right: 0.5em;
    color: #82ca6d;
}
.modal-create-resource {
    background: #7db9e8;
    background: -moz-radial-gradient(center,ellipse cover,#7db9e8 0,#2f61b9 75%);
    background: -webkit-radial-gradient(center,ellipse cover,#7db9e8 0,#2f61b9 75%);
    background: radial-gradient(ellipse at center,#7db9e8 0,#2f61b9 75%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7db9e8",endColorstr="#2f61b9",GradientType=1);
}
@media print,screen and (min-width:40em) {
    .modal-create-resource {
        height: 94%;
        min-height: 94%;
        top: 20px;
    }
}
.modal-create-resource .back-button {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    height: 28px;
    line-height: 28px;
}
.modal-create-resource .back-button:hover {
    cursor: pointer;
    text-decoration: underline;
}
.modal-create-resource .title {
    font-size: 26px;
    margin-bottom: 25px;
}
.modal-create-resource ul.resource-tabs {
    background-color: transparent;
    border: 0;
    margin-top: 10px;
    text-align: center;
}
.modal-create-resource ul.resource-tabs li {
    margin-bottom: 15px;
    margin-right: 0;
}
.modal-create-resource ul.resource-tabs .tabs-title a {
    padding: 17px 0 17px 10px;
}
.modal-create-resource ul.resource-tabs .tabs-title a img {
    max-height: 14px;
    max-width: 14px;
    vertical-align: bottom;
}
.modal-create-resource ul.resource-tabs .tabs-title.is-active a {
    background-color: #5ec1fc!important;
    color: #fff!important;
}
.modal-create-resource ul.resource-tabs .is-active:after {
    border-left: 15px solid #5ec1fc!important;
    border-top: 23px solid transparent!important;
    border-bottom: 23px solid transparent!important;
}
.modal-create-resource ul.resource-tabs a {
    color: #5ec1fc;
    font-weight: 700;
    background-color: #2855a7;
    border-radius: 5px;
    padding-left: 10px;
}
.modal-create-resource ul.resource-tabs a span {
    padding-left: 5px;
}
.modal-create-resource ul.resource-tabs a:hover {
    background-color: #e3e3f3;
}
.modal-create-resource ul.resource-tabs .is-active {
    position: relative;
    text-align: center;
}
.modal-create-resource ul.resource-tabs .is-active a {
    color: #fff;
    background: #3be3d1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    -moz-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
}
@media print,screen and (min-width:40em) {
    .modal-create-resource ul.resource-tabs,
    .modal-create-resource ul.resource-tabs .is-active {
        text-align: left;
    }
    .modal-create-resource ul.resource-tabs .is-active a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .modal-create-resource ul.resource-tabs .is-active:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 23px solid #3be3d1;
        position: absolute;
        left: 100%;
        top: 0;
    }
    .modal-create-resource ul.resource-tabs .is-active.two-line:after {
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 23px solid #3be3d1;
    }
}
.modal-create-resource .other-resource-tabs .show-more {
    position: relative;
    display: block;
    min-height: 1px;
    background: #fff;
    margin: 30px 0;
}
.modal-create-resource .other-resource-tabs .show-more span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 36px;
    text-align: center;
    background-color: #457ac7;
    margin-top: -8px;
    margin-left: -15px;
}
.modal-create-resource .other-resource-tabs .show-more span a {
    color: #fff;
}
.modal-create-resource .other-resource-tabs .show-more span a:hover {
    text-decoration: underline;
}
.modal-create-resource .switch-button-container {
    height: 60px;
    margin-bottom: 15px;
}
.modal-create-resource .switch-button-container .switch-button {
    display: inline-block;
    border-bottom: 3px solid #5ec1fc;
    color: #5ec1fc;
    margin-left: 15px;
}
.modal-create-resource .switch-button-container .switch-button .version-name {
    font-size: 16px;
    font-weight: 500;
}
.modal-create-resource .switch-button-container .switch-button .platform-name {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 2px;
}
.modal-create-resource .switch-button-container .switch-button.selected,
.modal-create-resource .switch-button-container .switch-button:hover {
    cursor: pointer;
    color: #fff;
    border-color: #fff;
}
.modal-create-resource .minecraft-mod-card {
    height: 185px;
    width: 100%;
}
.modal-create-resource .loading-indicator.loading-indicator-blocks div {
    background-color: #fff;
}
.modal-create-resource .content {
    height: calc(100% - 50px);
    overflow-y: auto;
}
.modal-create-resource .content::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
.modal-create-resource .content::-webkit-scrollbar-track {
    background-color: #2855a7;
    border-radius: 5px;
}
.modal-create-resource .content::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 5px;
}
.modal-create-resource.reveal.modal-create-resource .close-reveal-modal {
    color: #fff;
    top: 15px;
    right: 15px;
}
.reveal.modal-create-resource {
    border: none;
}
.reveal.modal-create-resource h2 {
    color: #fff;
    font-size: 23px;
    margin-bottom: 30px;
    font-weight: 600;
}
.reveal.modal-create-resource .close-reveal-modal {
    color: #5ec1fc;
}
.reveal.modal-create-resource .close-reveal-modal:hover {
    color: #fff;
}
.modal-add-course-to-classroom .modal-header h4 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    padding-bottom: 10px;
    font-size: 20px;
}
.modal-add-course-to-classroom .modal-body {
    padding: 0;
}
.modal-add-course-to-classroom .modal-body .waiting-for-google-sync {
    text-align: center;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel {
    max-height: 421px;
    overflow-y: auto;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list {
    margin: 0;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li {
    margin: 0;
    border-top: 1px solid #dae1e1;
    padding: 5px 0;
    overflow: hidden;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li:last-child {
    border-bottom: 1px solid #dae1e1;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li .classroom-info {
    display: inline-block;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li .classroom-info h5 {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
    color: #2d2c29;
    font-size: 17px;
    font-weight: 500;
    line-height: 21px;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li .classroom-info h6 {
    margin-bottom: 5px;
    padding: 0;
    color: #2d2c29;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li .classroom-info p {
    margin: 0;
    padding: 0;
    color: #c52e26;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li .classroom-action {
    float: right;
    display: inline-block;
    margin: 15px 10px 0 0;
}
.modal-add-course-to-classroom .modal-body .classroom-selector-panel ul.classroom-selector-list li .change-disabled-on-hover:hover {
    color: #766889;
    border-color: #766889;
}
.modal-add-course-to-classroom .modal-footer {
    padding-top: 20px;
    padding-bottom: 0;
}
.modal-add-course-to-classroom .modal-footer .button {
    min-width: 100px;
}
.modal-add-course-to-classroom .modal-footer .button.button-submit {
    float: right;
}
.modal-add-course-to-classroom .modal-footer .button.button-submit.disabled,
.modal-add-course-to-classroom .modal-footer .button.button-submit[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}
@media print,screen and (min-width:40em) {
    .modal-add-lessons.reveal {
        top: 50px!important;
    }
}
.modal-add-lessons .tabs-add-lessons {
    border: none;
    border-bottom: 1px solid #575757;
}
.modal-add-lessons .tabs-content {
    border: none;
}
.modal-add-lessons .tabs-title > a[aria-selected=true] {
    background: 0 0;
}
.modal-add-lessons .tabs-title a {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #575757;
    font-size: 18px;
}
.modal-add-lessons .tabs-title.is-active {
    color: #65759b;
    border-bottom: 2px solid #65759b;
}
.modal-add-lessons .teacher-actions {
    margin: 15px 0;
    text-align: center;
}
.modal-add-lessons .teacher-actions a {
    display: inline-block;
    margin: 0 5px;
    border-bottom: 3px solid transparent;
    padding: 0 5px;
    color: #575757;
    font-size: 12px;
}
.modal-add-lessons .teacher-actions a.active,
.modal-add-lessons .teacher-actions a:hover {
    color: #00bcd4;
    border-bottom: 3px solid #00bcd4;
}
.modal-add-lessons .vouchers {
    margin-bottom: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 20px 10px 30px;
    background: #ffaa31;
}
.modal-add-lessons .vouchers .voucher {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.modal-add-lessons .card-mini-lesson .included-in-school-plan {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
}
.modal-add-lessons .manual-course {
    float: right;
}
school-course-list .programming-curriculum {
    background-color: #fff;
    padding: 20px;
}
school-course-list .programming-curriculum.loggedin .tabs.programming-curriculum-courses-list li {
    width: 20%;
}
school-course-list .programming-curriculum .vouchers {
    background: #ffaa31;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 auto 20px;
    padding: 10px 20px 10px 30px;
}
school-course-list .programming-curriculum .vouchers > p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
school-course-list .programming-curriculum .title-container {
    margin-bottom: 15px;
}
school-course-list .programming-curriculum .title-container .title {
    letter-spacing: 1px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
school-course-list .programming-curriculum .description {
    color: #7b7b7b;
    text-align: center;
    max-width: 850px;
    margin: auto;
}
school-course-list .programming-curriculum .view-all-courses {
    margin: 15px 0;
    display: block;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
}
school-course-list .programming-curriculum .courses {
    margin-top: 30px;
    padding-left: 0;
}
@media screen and (max-width:39.9375em) {
    school-course-list .programming-curriculum .courses {
        margin-top: 10px;
    }
}
school-course-list .programming-curriculum .courses .course-list-mobile ul li {
    list-style-type: disc;
}
school-course-list .programming-curriculum .courses .course-list-mobile ul p {
    font-weight: 700;
}
school-course-list .programming-curriculum .courses .course-list-mobile ul span {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}
school-course-list .programming-curriculum .courses .course-catalog {
    text-align: left;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum {
    cursor: auto;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .course-level {
    padding-left: 15px;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .course-view-details .available-to-assign,
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .course-view-details .seats-available {
    margin-top: -35px;
    color: #36a1d8;
    font-weight: 500;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .actions {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .actions.small-up-2 .column-right {
    padding-left: 0;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .actions.small-up-2 button {
    outline: none;
    width: 100%;
}
school-course-list .programming-curriculum .courses .course-catalog .card-course-curriculum .actions.small-up-2 button.view-details {
    padding-left: 0;
    padding-right: 0;
}
school-course-list .programming-curriculum .courses .course-catalog .course-card-wrap {
    display: inline-block;
    margin: 10px 20px;
}
school-course-list .programming-curriculum .courses .course-catalog .course-card-wrap .course-image {
    object-fit: cover;
}
school-course-list .programming-curriculum .courses .course-catalog .course-card-wrap .course-type .type-text {
    vertical-align: top;
}
@media screen and (max-width:39.9375em) {
    school-course-list .programming-curriculum .courses .course-catalog {
        text-align: center;
    }
    school-course-list .programming-curriculum .courses .course-catalog .course-card-wrap .course-type {
        text-align: left;
    }
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths {
    background-color: transparent;
    border: 0;
    margin-top: 10px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths,
    school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .is-active {
        text-align: left;
    }
    school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .is-active a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .is-active:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 23px solid #3be3d1;
        position: absolute;
        left: 100%;
        top: 0;
    }
    school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .is-active.two-line:after {
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 23px solid #3be3d1;
    }
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths li {
    margin-bottom: 15px;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a {
    font-weight: 700;
    border-radius: 5px;
    padding-left: 10px;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a.all-courses-tab,
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a.block-coding-tab,
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a.plan-summary-tab,
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a.robotics-drones-tab,
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a.stem-tab,
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a.text-coding-tab {
    background-color: transparent;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths a span {
    padding-left: 5px;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .is-active {
    position: relative;
    text-align: center;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .is-active a {
    color: #fff;
    background: #3be3d1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    -moz-box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
    box-shadow: 10px 10px 32px -18px rgba(0,0,0,.75);
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .tabs-content {
    background-color: #fff;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .link-compare-plans {
    color: #00bcd4;
    display: block;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding-left: 0;
}
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .link-compare-plans,
school-course-list .programming-curriculum .courses .tabs-vertical-learning-paths .link-compare-plans:hover {
    background: 0 0;
}
school-course-list .programming-curriculum .courses .tabs-content-vertical-learning-paths {
    background-color: #fff;
    border: none!important;
}
school-course-list .programming-curriculum .courses .tabs-content-vertical-learning-paths .subtitle {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
school-course-list .programming-curriculum .courses .tabs-content-vertical-learning-paths h4 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    text-align: center;
}
school-course-list .programming-curriculum .icon-checkmark {
    font-weight: 700;
    padding-right: 10px;
}
school-course-list .programming-curriculum #plansummary:after {
    display: none;
}
@media screen and (max-width:39.9375em) {
    school-course-list .programming-curriculum {
        padding: 20px 0;
    }
}
school-course-list .dropdown-programming-curriculum-courses-list {
    padding: 5px 15px;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
}
school-course-list .dropdown-programming-curriculum-courses-list a.button-link {
    position: relative;
    padding-right: 1.5rem;
    color: #666;
    font-weight: 700;
    line-height: 16px;
    font-size: 16px;
    padding-top: 14px;
}
school-course-list .dropdown-programming-curriculum-courses-list a.button-link:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: #666 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: -242px;
    margin-top: 0;
}
school-course-list .dropdown-programming-curriculum-courses-list li {
    margin-bottom: 5px;
}
school-course-list .dropdown-programming-curriculum-courses-list li a p {
    padding-bottom: 0;
    margin-bottom: 5px;
}
school-course-list .dropdown-programming-curriculum-courses-list span {
    color: #666;
}
school-course-list .tabs.programming-curriculum-courses-list {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #888;
}
school-course-list .tabs.programming-curriculum-courses-list li {
    margin: 0;
    text-align: center;
    width: 25%;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    school-course-list .tabs.programming-curriculum-courses-list li {
        width: auto;
    }
}
@media screen and (max-width:39.9375em) {
    school-course-list .tabs.programming-curriculum-courses-list li {
        width: 100%;
    }
}
school-course-list .tabs.programming-curriculum-courses-list li span {
    display: block;
    color: #999;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
}
school-course-list .tabs.programming-curriculum-courses-list li.tabs-title {
    margin-right: 0;
    padding: 0 10px;
}
@media print,screen and (min-width:64em) {
    school-course-list .tabs.programming-curriculum-courses-list li.tabs-title {
        padding: 0;
    }
}
school-course-list .tabs.programming-curriculum-courses-list li.tabs-title > a:focus,
school-course-list .tabs.programming-curriculum-courses-list li.tabs-title > a[aria-selected=true] {
    background: 0 0;
}
school-course-list .tabs.programming-curriculum-courses-list a {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #555;
    font-size: 20px;
    text-align: center;
    padding: 20px 10px;
}
@media screen and (max-width:39.9375em) {
    school-course-list .tabs.programming-curriculum-courses-list a {
        padding: 12px 7px;
    }
}
school-course-list .tabs.programming-curriculum-courses-list .is-active a {
    background-color: #fff;
    border-bottom: 3px solid #65759b;
    color: #65759b;
    outline: none;
}
school-course-list .tabs.programming-curriculum-courses-list .programming-curriculum-plan {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #555;
    font-size: 20px;
    text-align: center;
    padding: 0;
    line-height: 19px;
    display: inline;
}
school-course-list .tabs.programming-curriculum-courses-list .programming-curriculum-plan span {
    display: inline;
    color: #555;
    padding-right: 0;
}
school-course-list .tabs.programming-curriculum-courses-list .is-active .programming-curriculum-plan {
    background-color: #fff;
    color: #65759b;
}
school-course-list .tabs.programming-curriculum-courses-list .is-active .programming-curriculum-plan span {
    color: #65759b;
    padding-right: 0;
}
school-course-list .tabs.programming-curriculum-courses-list .is-active .programming-curriculum-plan .your-course-plan-callout {
    color: #fff;
}
school-course-list .tabs-vertical-learning-paths li {
    margin-right: 0;
}
school-course-list .tabs-vertical-learning-paths .tabs-title a {
    padding: 17px 10px;
}
school-course-list .tabs-vertical-learning-paths .tabs-title.is-active a {
    background-color: #daedf9!important;
    color: #555!important;
}
school-course-list .tabs-vertical-learning-paths .is-active:after {
    border-left: 15px solid #daedf9!important;
    border-top: 23px solid transparent!important;
    border-bottom: 23px solid transparent!important;
}
school-course-list .card-course-summary {
    overflow: visible!important;
    background-color: #daedf9!important;
    position: relative;
    padding: 14px;
    min-height: 422px;
    border-radius: 5px;
}
@media screen and (max-width:39.9375em) {
    school-course-list .card-course-summary {
        text-align: left;
    }
}
school-course-list .card-course-summary .button.primary {
    background-color: #ffaa31!important;
    color: #fff!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 30px;
    margin-bottom: 0;
}
school-course-list .card-course-summary p {
    padding-bottom: 10px;
    color: #666;
    margin: 0;
}
school-course-list .card-course-summary h6 {
    color: #65759b;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 30px;
}
school-course-list .card-course-summary .course-price {
    padding: 0;
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
}
school-course-list .card-course-summary .course-price span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: -10px;
}
school-course-list .card-course-summary .renew-expired-license {
    margin-top: 30px;
}
school-course-list .card-course-summary .renew-expired-license .button.primary {
    margin-top: 0;
}
school-pricing .start-teaching-programming {
    padding: 50px 15px;
}
school-pricing .start-teaching-programming .title-container {
    margin-bottom: 30px;
}
school-pricing .start-teaching-programming .title-container .title {
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px;
    padding: 0;
    font-size: 26px;
}
school-pricing .start-teaching-programming .table {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 15px;
}
school-pricing .start-teaching-programming .table .button.large {
    margin: 20px;
}
school-pricing .start-teaching-programming .table thead {
    background-color: #fff;
}
school-pricing .start-teaching-programming .table thead th {
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
school-pricing .start-teaching-programming .table thead th p {
    margin-bottom: 5px;
}
school-pricing .start-teaching-programming .table thead th .title {
    letter-spacing: 1px;
    font-size: 25px;
    margin: 0;
    padding: 0;
}
school-pricing .start-teaching-programming .table thead th .description {
    font-size: 14px;
    font-weight: 400;
}
school-pricing .start-teaching-programming .table thead th .button {
    margin: 0;
}
school-pricing .start-teaching-programming .table tbody td {
    text-align: center;
}
school-pricing .start-teaching-programming .table tbody td .feature {
    display: block;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
}
school-pricing .start-teaching-programming .table tbody td .price {
    font-weight: 600;
    font-size: 18px;
}
school-pricing .start-teaching-programming .table tfoot td {
    text-align: center;
    padding: 20px;
}
school-pricing .start-teaching-programming .table tfoot td .request-quote-link {
    letter-spacing: 1px;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
}
school-pricing .start-teaching-programming .tiles .tile {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    min-height: 260px;
    margin-bottom: 30px;
}
school-pricing .start-teaching-programming .tiles .tile:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
school-pricing .start-teaching-programming .tiles .tile .tile-content {
    padding: 15px;
}
school-pricing .start-teaching-programming .tiles .tile .tile-content .title {
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
school-pricing .start-teaching-programming .tiles .tile .tile-content .price {
    text-align: right;
    color: #5b5b5b;
    font-weight: 600;
    font-size: 20px;
}
school-pricing .start-teaching-programming .tiles .tile .tile-content .features {
    margin-top: 15px;
    margin-bottom: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
}
school-pricing .start-teaching-programming .tiles .tile .buttons-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}
school-pricing .start-teaching-programming .tiles .tile .buttons-container .button {
    outline: none;
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 50px;
    line-height: 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}
school-pricing .start-teaching-programming .tiles .tile .buttons-container .button.button-left {
    width: 50%;
    border-bottom-right-radius: 0;
}
school-pricing .start-teaching-programming .tiles .tile .buttons-container .button.button-right {
    width: 50%;
    border-bottom-left-radius: 0;
}
school-pricing .start-teaching-programming .tiles .tile .buttons-container .button:hover,
school-pricing .start-teaching-programming .tiles .tile:hover {
    cursor: pointer;
}
school-pricing .start-teaching-programming .tiles .tile.tile-register {
    background-color: #16afca;
}
school-pricing .start-teaching-programming .tiles .tile.tile-register .title {
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 200;
    margin-top: 24px;
}
school-pricing .start-teaching-programming .tiles .tile.tile-register .subtitle {
    color: #fff;
}
school-pricing .start-teaching-programming .tiles .tile.tile-register .button {
    background-color: #1ca3bb;
}
school-pricing .start-teaching-programming .tiles .tile.tile-register .button:hover {
    background-color: #157c8f;
}
school-pricing .start-teaching-programming .tiles .tile.tile-green .title {
    color: #5dbd5a;
}
school-pricing .start-teaching-programming .tiles .tile.tile-green .button {
    background-color: #5dbd5a;
}
school-pricing .start-teaching-programming .tiles .tile.tile-green .button.button-right {
    background-color: #4cb548;
}
school-pricing .start-teaching-programming .tiles .tile.tile-green .button:hover {
    background-color: #44a341;
}
school-pricing .start-teaching-programming .tiles .tile.tile-green .button:hover.button-right {
    background-color: #357e33;
}
school-pricing .start-teaching-programming .tiles .tile.tile-blue .title {
    color: #2d8fcf;
}
school-pricing .start-teaching-programming .tiles .tile.tile-blue .button {
    background-color: #2d8fcf;
}
school-pricing .start-teaching-programming .tiles .tile.tile-blue .button.button-right {
    background-color: #2881ba;
}
school-pricing .start-teaching-programming .tiles .tile.tile-blue .button:hover {
    background-color: #2472a5;
}
school-pricing .start-teaching-programming .tiles .tile.tile-blue .button:hover.button-right {
    background-color: #1b557b;
}
school-pricing .start-teaching-programming .tiles .tile.tile-purple .title {
    color: #7d60ba;
}
school-pricing .start-teaching-programming .tiles .tile.tile-purple .button {
    background-color: #7d60ba;
}
school-pricing .start-teaching-programming .tiles .tile.tile-purple .button.button-right {
    background-color: #6e4eb2;
}
school-pricing .start-teaching-programming .tiles .tile.tile-purple .button:hover {
    background-color: #6346a1;
}
school-pricing .start-teaching-programming .tiles .tile.tile-purple .button:hover.button-right {
    background-color: #4d367e;
}
school-pricing .start-teaching-programming .tiles .district {
    text-align: center;
    font-weight: 600;
}
school-pricing .start-teaching-programming .tiles .district .request-quote-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
}
@media screen and (max-width:39.9375em) {
    school-pricing .start-teaching-programming .tiles {
        padding: 30px 15px;
    }
    school-pricing .start-teaching-programming .tiles .tiles {
        padding: 0;
    }
}
.weekly-project {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.weekly-project > .header {
    padding-top: 15px;
    padding-bottom: 15px;
    background: radial-gradient(circle,rgba(68,38,13,.78) 0,rgba(70,30,21,.88) 78.68%),url(../image/course-catalog/forest-bg.png);
    background-size: cover;
    font-weight: 500;
}
.weekly-project > .header,
.weekly-project > .header a,
.weekly-project > .header h1,
.weekly-project > .header p {
    color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.weekly-project > .header .zf-row-back {
    max-width: 80rem;
    min-height: 1em;
}
.weekly-project > .header .zf-row-back .back {
    display: block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.weekly-project > .header h1 {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 26px;
    font-weight: 600;
}
.weekly-project > .header .intro {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 15px;
}
.weekly-project > .header .grades {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.weekly-project > .header .platforms {
    display: inline-block;
    margin-left: 1rem;
    font-size: 14px;
}
.weekly-project > .header .platforms .platform {
    display: inline-block;
}
.weekly-project > .header .platforms .platform+.platform {
    margin-left: 0.5em;
}
.weekly-project > .header .platforms .platform .icon-apple {
    margin-top: -2px;
}
.weekly-project > .header .action {
    margin-top: 10px;
    text-align: center;
}
.weekly-project > .header .action .not-available {
    margin-bottom: 1em;
    text-transform: uppercase;
}
.weekly-project > .header .action .current-project-link {
    color: #00bcd4;
    font-size: 1rem;
    font-weight: 500;
}
.weekly-project > .header .action .current-project-link:hover {
    color: #008fa1;
}
.weekly-project > .header .action .current-project-link:active,
.weekly-project > .header .action .current-project-link:focus {
    color: #00343b;
}
.weekly-project > .body {
    padding-top: 2rem;
}
.weekly-project > .body section {
    margin-bottom: 2em;
    padding-top: 0;
    padding-bottom: 0;
}
.weekly-project > .body section.completed-project {
    text-align: center;
}
.weekly-project > .body section.completed-project .embedded {
    margin-bottom: 2em;
}
.weekly-project > .body section.completed-project a+a {
    margin-left: 1rem;
}
.weekly-project > .body .sidepanel section {
    margin-bottom: 0;
    border-top: 1px solid #cdcdce;
    padding-bottom: 1rem;
}
.weekly-project > .body .sidepanel section:first-child {
    border-top: none;
}
.weekly-project > .body .sidepanel section .title {
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: 700;
}
.weekly-project > .body .sidepanel section.type-level .thumbnail {
    position: relative;
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons {
    position: absolute;
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon {
    display: block;
    width: 40px;
    height: 40px;
    border-bottom-right-radius: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.block-coding {
    background-color: #df6160;
    background-image: url(../image/course-catalog/icon-block-coding.svg);
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.python {
    background-color: #5589b8;
    background-image: url(../image/course-catalog/icon-python.svg);
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.html-css {
    background-color: #eda756;
    background-image: url(../image/course-catalog/icon-html-css.svg);
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.ar,
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.drones,
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.robotics-ar {
    background-color: #29b2ae;
    background-image: url(../image/course-catalog/icon-robotics.svg);
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.javascript {
    background-color: #f5de64;
    background-image: url(../image/course-catalog/icon-javascript.svg);
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.java {
    background-color: #81c373;
    background-image: url(../image/course-catalog/icon-java.png);
}
.weekly-project > .body .sidepanel section.type-level .thumbnail > .icons > .icon.stem {
    background-color: #62519c;
    background-image: url(../image/course-catalog/icon-STEM.svg);
}
.weekly-project > .body .sidepanel section.type-level .main-tag {
    font-weight: 700;
}
.modal-prompt-accept-terms {
    padding: 40px 30px;
    background-color: #f4f9fa;
}
.modal-prompt-accept-terms .title {
    color: inherit;
    text-transform: none;
}
.modal-prompt-accept-terms a {
    font-size: inherit;
}
.modal-prompt-accept-terms.reveal.reveal-confirm .actions {
    text-align: center;
}
.modal-prompt-accept-terms .button-cancel {
    border: none;
    background-color: #9e9e9e;
    color: #fff;
}
.modal-prompt-accept-terms .button-cancel:hover {
    border: none;
    background-color: #9e9e9e;
}
.modal-prompt-accept-terms .button-confirm {
    background-color: #1ba7d9;
}
code-snippet code {
    display: none;
}
code-snippet code.block {
    background: 0 0;
    border: none;
    display: inline-block;
    padding-left: 1em;
}
code-snippet code.block q {
    display: none;
}
.switch-button-container {
    display: inline-block;
}
.switch-button-container .switch-button {
    border-bottom: 3px solid gray;
    display: inline-block;
    font-weight: 600;
    padding: 0 10px 5px;
    margin-right: 10px;
    font-size: 16px;
}
.switch-button-container .switch-button.selected,
.switch-button-container .switch-button:hover {
    color: #05a4c1;
    cursor: pointer;
    border-color: #05a4c1;
}
gallery-slider {
    display: inline-block;
    position: relative;
    width: 100%;
    user-select: none;
}
gallery-slider .gallery-slider-container {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
}
gallery-slider .gallery-slider-container .gallery-slider-item {
    display: inline-block;
}
gallery-slider .nav {
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 50px;
    margin-top: -25px;
    width: 50px;
    z-index: 20;
    text-align: center;
    padding: 10px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.4);
    opacity: 0.5;
    transition: opacity 0.1s ease-in-out;
    cursor: pointer;
}
gallery-slider .nav.nav-left {
    left: 4px;
}
gallery-slider .nav.nav-right {
    right: 4px;
}
gallery-slider .nav:hover {
    background-color: rgba(0,0,0,.8);
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
}
gallery-slider .nav span {
    color: #fff;
    font-size: 20px;
}
.alert-box {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 6px 20px;
    margin: 8px 0;
}
@media print,screen and (min-width:40em) {
    .alert-box {
        font-size: 18px;
    }
}
.alert-box.error {
    background: #f9412f;
    color: #fff;
}
.alert-box.warning {
    background: #ffdf6a;
    color: #e28500;
}
.alert-box.info {
    background: #3eb8f7;
    color: #fff;
}
.alert-box.promo {
    background: #5cbe5a;
    border: none;
    color: #fff;
}
.alert-box.promo a {
    color: #fff;
}
.alert-box.promo a:hover {
    text-decoration: underline;
}
.reveal.reveal--ask-parent {
    background: #fff;
    border-radius: 6px;
}
.reveal.reveal--ask-parent .ask-parent-content .ask-parent-content-img {
    background-image: url(../image/join/ask-parent.jpg);
    background-size: cover;
    height: 160px;
    width: 100%;
}
.reveal.reveal--ask-parent h2 {
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    text-align: left;
    text-transform: capitalize;
    margin-top: 0;
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
    padding-top: 60px;
    font-size: 28px;
}
.reveal.reveal--ask-parent p {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.reveal.reveal--ask-parent label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #0a0a0a;
}
.reveal.reveal--ask-parent input[type=email] {
    border-color: #e0e0e0;
    border-radius: 5px;
    border-style: solid;
    display: block;
    font-size: 25px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    margin-top: 0.5rem;
    width: 100%;
}
.reveal.reveal--ask-parent .ask-parent-form {
    padding: 30px 10px 20px;
}
.reveal.reveal--ask-parent .ask-parent-sent {
    padding: 30px 10px;
}
.reveal.reveal--ask-parent .ask-parent-sent p {
    line-height: 1.5;
}
.reveal.reveal--ask-parent .ask-parent-sent p.sent-circle-bg {
    background-image: url(../image/join/circle.png);
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #3be3d1;
    border-radius: 100px;
    background-position: 90% 50%;
}
.reveal.reveal--ask-parent .ask-parent-sent p.sent-circle-bg span {
    color: #fff;
    font-size: 48px;
    padding: 2rem 0;
}
.reveal.reveal--ask-parent .close-reveal-modal {
    color: #d4d4d4;
    right: 10px;
    top: 10px;
}
.reveal.reveal--ask-parent .close-reveal-modal:hover {
    color: #000;
}
.reveal.reveal--ask-parent .reveal__btn-panel {
    margin-top: 1rem;
}
.reveal.reveal--ask-parent .reveal__btn-panel a,
.reveal.reveal--ask-parent .reveal__btn-panel input[type=submit] {
    width: 100%;
}
.reveal.medium.reveal--ask-parent {
    max-width: 30rem;
    padding: 0;
}
.back-to-school-2016-banner {
    background-color: #101831;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 1rem;
}
.back-to-school-2016-banner .back-to-school-2016-banner-content {
    padding: 10px;
}
.back-to-school-2016-banner .back-to-school-2016-banner-content h3 {
    color: #fff!important;
    font-size: 20px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    line-height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.back-to-school-2016-banner .back-to-school-2016-banner-content p {
    line-height: 36px;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 18px;
}
.back-to-school-2016-banner.back-to-school-2016-banner-quick-look {
    background-color: #19223f;
}
.back-to-school-2016-banner.back-to-school-2016-banner-quick-look .back-to-school-2016-banner-content {
    padding: 0;
    font-size: 16px;
}
.bundle-card {
    height: 300px;
    width: 265px;
    border: 1px solid #38454d;
    box-shadow: 0 2px 4px rgba(0,0,0,.6);
    margin-top: 26px;
    cursor: pointer;
}
.bundle-card:hover {
    transform: scale(1.02);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.bundle-card:hover .bundle-quick-look-btn {
    display: block;
}
.bundle-card .bundle-card__top {
    background-color: #38454d;
    position: relative;
}
.bundle-card .bundle-card__top h1,
.bundle-card .bundle-card__top h2,
.bundle-card .bundle-card__top p {
    color: #fff;
}
.bundle-card .bundle-card__top .bundle-card__top__character {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: -10px;
    bottom: 0;
    right: 0;
}
.bundle-card .bundle-card__top .bundle-card__top__character.bundle-card__top__character--7-9 {
    background-image: url(../image/courses/character-7-9.png);
}
.bundle-card .bundle-card__top .bundle-card__top__character.bundle-card__top__character--10-11 {
    background-image: url(../image/courses/character-10-11.png);
}
.bundle-card .bundle-card__top .bundle-card__top__character.bundle-card__top__character--12- {
    background-image: url(../image/courses/character-12-.png);
}
.bundle-card .bundle-card__top .bundle-card__top__ages {
    border-radius: 90px;
    border-style: solid;
    border-width: 4px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    float: right;
    padding: 20px;
    width: 90px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 26px;
}
.bundle-card .bundle-card__top .bundle-card__top__ages--7-9 {
    border-color: #82ca6d;
}
.bundle-card .bundle-card__top .bundle-card__top__ages--10-11 {
    border-color: #ffaa31;
}
.bundle-card .bundle-card__top .bundle-card__top__ages--12- {
    border-color: #9078c6;
}
.bundle-card .bundle-card__bottom {
    padding: 10px;
}
.bundle-card .bundle-card__bottom .bundle-card__price {
    font-size: 18px;
    font-weight: 700;
}
.bundle-card .bundle-card__bottom p {
    font-size: 14px;
    line-height: 20px;
}
.bundle-card .bundle-quick-look-btn {
    display: none;
    position: relative;
    bottom: 50px;
    margin-left: 25px;
    margin-right: 25px;
}
.modal.bundle-quick-look .box-footer .action-right span {
    color: #282e33;
    font-size: 16px;
    line-height: 42px;
}
.modal.bundle-quick-look .box-footer .action-right span.strong {
    font-size: 24px;
    font-weight: 700;
}
.modal.bundle-quick-look .box-footer .action-right .btn-default {
    float: right;
    margin-left: 10px;
}
.row.row--bundle-quick-look {
    background-color: #fff;
    margin-top: 20px;
    padding: 5px 10px;
}
.row.row--bundle-quick-look h2,
.row.row--bundle-quick-look h5 {
    color: #282e33;
}
.row.row--bundle-quick-look h2 {
    font-size: 30px;
    font-weight: 600;
}
.row.row--bundle-quick-look .course-gallery {
    margin: 0;
}
.row.row--bundle-quick-look .course-gallery .course-card {
    margin-top: 6px;
}
.row.row--bundle-quick-look .course-gallery .course-gallery__description {
    width: 450px;
}
.row.row--bundle-quick-look .course-gallery .course-gallery__description h5 {
    margin-top: 0;
}
.row.row--bundle-quick-look .course-gallery .course-gallery__description p {
    margin-top: 29px;
    text-align: right;
}
.row.row--bundle-quick-look .course-gallery .course-gallery__description p a {
    font-weight: 600;
}
.row.row--bundle-quick-look .course-gallery .course-gallery__description p span {
    color: #282e33;
    font-size: 16px;
    line-height: 42px;
}
.row.row--bundle-quick-look .course-gallery .course-gallery__description p span.strong {
    font-size: 24px;
    font-weight: 700;
}
@media print,screen and (min-width:40em) {
    .row.row--bundle-quick-look:before {
        border-bottom: 20px solid #fff;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        content: "";
        height: 0;
        left: 570px;
        position: absolute;
        top: -14px;
        width: 0;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--full {
        width: 980px;
        min-width: auto;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--full:before {
        left: 460px;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--full.row--bundle-quick-look--1:before {
        left: 60px;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--full.row--bundle-quick-look--3:before {
        left: 850px;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--medium {
        width: 850px;
        min-width: auto;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--medium:before {
        left: 390px;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--small {
        width: 550px;
        min-width: auto;
    }
    .row.row--bundle-quick-look.row--bundle-quick-look--small:before {
        left: 240px;
    }
}
.captcha,
.card {
    margin-bottom: 30px;
    overflow: hidden;
}
.card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    position: relative;
}
.card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.card p {
    margin-bottom: 0;
}
.card .play-button-hover {
    padding: 5px 30px;
    color: #00bcd4;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    border: 1px solid #00bcd4;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.card .play-button-hover span.icon {
    margin: 0 2px;
    font-size: 13px;
    vertical-align: baseline;
}
.card:hover .play-button-hover {
    color: #fff;
    background-color: #00bcd4;
}
.card .card-thumbnail {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    height: 160px;
    background-size: cover;
    background-position: 50%;
    object-fit: cover;
    object-position: center;
}
.card .card-thumbnail-container {
    position: relative;
}
.card .counter {
    padding-top: 5px;
}
.card .counter .image {
    padding: 3px;
}
.card .counter .value {
    font-weight: 400;
    color: #666;
    font-size: 11px;
    padding-bottom: 0;
    text-align: center;
}
.card .counter.counter-likes .image {
    display: inline-block;
    background: transparent url(../image/dashboard/student/project-icons/favorite-fill.png) no-repeat 50%;
    background-size: 21px 18px;
    width: 100%;
    height: 18px;
}
.card .counter.counter-likes.enable-like {
    cursor: pointer;
}
.card .counter.counter-likes.enable-like .image {
    background-image: url(../image/dashboard/student/project-icons/favorite.png);
}
.card .counter.counter-likes.enable-like:hover {
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -moz-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -o-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -ms-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.card .counter.counter-likes.enable-like.user-liked .image,
.card .counter.counter-likes.enable-like:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.card .counter.counter-likes.enable-like.user-liked:hover {
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -moz-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -o-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -ms-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.card .counter.counter-likes.enable-like.user-liked:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.card .counter.counter-views .image {
    display: inline-block;
    background: transparent url(../image/dashboard/student/project-icons/views.png) no-repeat 50%;
    background-size: 21px 18px;
    width: 100%;
    height: 18px;
}
.card .card-controls {
    padding-top: 19px;
    padding-bottom: 19px;
}
.card .card-controls .action {
    cursor: pointer;
}
.card .card-controls ul {
    font-size: 16px;
    width: 80%;
    margin: auto;
}
.card .card-controls ul li {
    border-bottom: 1px solid #efefef;
    padding: 10px;
}
.card .card-controls ul li:last-child {
    border-bottom: none;
}
.card .card-controls ul li:hover {
    background-color: #00bcd4;
    color: #fff;
}
.card .card-controls ul li span {
    padding-right: 10px;
}
.card .card-controls .card-details {
    min-height: 56px;
    border: none;
    bottom: 0;
    position: absolute;
    right: 0;
}
.card .card-details {
    padding: 10px;
    border: none;
    border-top: 1px solid #eee;
    background: #fff;
}
.card .card-details .avatar {
    height: 35px;
    width: 35px;
    border-radius: 50%;
}
.card .card-details .card-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.card .card-details .card-name {
    color: #25293a;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    min-height: 20px;
    line-height: 20px;
    font-family: Open Sans Condensed,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.card .details-menu {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #22bdb6;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 3;
}
.card .details-menu li {
    border-top: 1px solid #fff;
    padding: 0;
}
.card .details-menu li:hover {
    background-color: #188983;
}
.card .details-menu li:first-child {
    border-top: none;
}
.card .details-menu a {
    padding: 15px 0 9px 30px;
    color: #fff;
    line-height: 1;
    font-size: 14px;
}
.card .card-overview .card-hover-actions {
    background-color: rgba(30,157,140,.5);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
    height: 160px;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%;
}
.card .card-overview .card-hover-actions .card-hover-action {
    color: #eee;
    font-size: 12px;
    padding: 1rem 0;
    text-align: center;
}
.card .card-overview .card-hover-actions .card-hover-action .card-hover-action-icon {
    font-size: 42px;
}
.card .card-overview .card-hover-actions .card-hover-action:hover {
    color: #fff;
}
.card .card-overview .card-hover-actions .card-hover-actions-divider {
    border-left: 2px solid hsla(0,0%,100%,.5);
}
.card .card-overview:hover .card-hover-actions {
    display: block;
}
.card .card-ribbon {
    width: 115px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 112px;
    right: -3px;
}
.card .card-ribbon:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
}
.card .card-ribbon > .card-ribbon-label {
    font: 12px Open Sans,Helvetica,Arial,sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(0,0,0,.5) 0 1px 0;
    position: relative;
    padding: 5px 0;
    left: 15px;
    line-height: 1.2;
    top: 15px;
    width: 97px;
    box-shadow: 0 0 8px rgba(0,0,0,.9);
}
.card .card-ribbon.card-ribbon-free:before {
    border-color: #f25954 #f25954 #f25954 transparent;
}
.card .card-ribbon.card-ribbon-free > .card-ribbon-label {
    background-color: #f25954;
}
.card .card-ribbon.card-ribbon-beginner:before {
    border-color: #22bdb6 #22bdb6 #22bdb6 transparent;
}
.card .card-ribbon.card-ribbon-beginner > .card-ribbon-label {
    background-color: #22bdb6;
}
.card .card-ribbon.card-ribbon-intermediate:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.card .card-ribbon.card-ribbon-intermediate > .card-ribbon-label {
    background-color: #3ca7de;
}
.card .card-ribbon.card-ribbon-advanced:before {
    border-color: #9078c6 #9078c6 #9078c6 transparent;
}
.card .card-ribbon.card-ribbon-advanced > .card-ribbon-label {
    background-color: #9078c6;
}
.card .card-ribbon.card-ribbon-easy-modding:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.card .card-ribbon.card-ribbon-easy-modding > .card-ribbon-label {
    background-color: #3ca7de;
}
.card.card-locked:before {
    background: url(../image/components/card/lock.png) no-repeat;
    bottom: 0;
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    width: 30px;
}
.card .card-hover-tag {
    display: none;
}
.card:hover .card-hover-tag {
    animation: fade-in 1s ease-in-out;
    background-color: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    position: absolute;
    right: 10px;
    top: 10px;
}
.card:hover .card-hover-tag-primary,
.card:hover .card-hover-tag-secondary {
    background-color: rgba(0,188,212,.85);
}
.card:hover .card-hover-tag-red {
    background-color: rgba(242,89,84,.85);
}
a.card {
    display: block;
}
.card.lesson-card {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    height: 340px;
}
.card.lesson-card .lesson-number {
    top: 15px;
    left: 15px;
    font-weight: 700;
}
.card.lesson-card .lesson-status {
    top: 15px;
}
.card.lesson-card .subtitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: 700;
}
.card.lesson-card .description,
.card.lesson-card .subtitle {
    overflow: hidden;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    color: #000;
}
.card.lesson-card .description {
    margin: 10px 0;
    height: 73px;
}
.card.lesson-card .circle-progress {
    margin-top: 10px;
    margin-bottom: 10px;
}
.card.card-course {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
}
.card.card-course .play-button-hover {
    width: 100%;
}
.card.card-course .progress-percentage {
    text-align: right;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    min-height: 38px;
    line-height: 38px;
}
.card.card-course .card-thumbnail-container .card-thumbnail {
    height: 175px;
}
@media print,screen and (min-width:40em) {
    .card.card-course .card-thumbnail-container .card-thumbnail {
        height: 200px;
    }
}
.card.card-course .card-thumbnail-container .card-badges {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 5px;
    bottom: 0;
    padding: 10px;
}
.card.card-course .card-thumbnail-container .card-badges .course-badge {
    height: 40px;
    margin-left: -15px;
    -webkit-filter:drop-shadow(3px 3px 3px rgba(0,0,0,.6));
    filter:drop-shadow(3px 3px 3px rgba(0,0,0,.6));
}
.card.card-course .card-thumbnail-container .card-badges .course-badge:first-child {
    margin-left: 0;
}
.card.card-course .card-details {
    padding: 10px 15px;
}
@media screen and (min-width:90em) {
    .card.card-course .card-details {
        padding: 15px 25px;
    }
}
.card.card-course .card-details .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    min-height: 20px;
    line-height: 20px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.card.card-course .card-details .subtitle {
    line-height: 16px;
}
.card.card-course .card-details .subtitle .percentage-completed,
.card.card-course .card-details .subtitle .total-xp {
    display: inline-block;
    font-size: 14px;
    min-height: 16px;
    line-height: 16px;
}
.card.card-course .card-details .subtitle .percentage-completed {
    display: none;
    margin-right: 15px;
    white-space: nowrap;
}
.card.card-course .card-details .subtitle .progress {
    background-color: #e9e9e9;
    border-radius: 5px;
    display: inline-block;
    margin: 0;
    width: 100px;
}
.card.card-course .card-details .subtitle .progress .progress-meter {
    border-radius: 5px 0 0 5px;
}
.card.card-course .card-details .play-button-hover {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-top: 0;
    padding: 5px 15px;
}
.card.card-course .card-tag {
    bottom: 5rem;
    right: 3rem;
}
.card.card-course .card-tag.card-tag-voiceover {
    right: 9rem;
}
.card.card-course.card-coming-soon {
    pointer-events: none;
    filter:grayscale(1);
    -webkit-filter:grayscale(1);
}
.card.card-course.card-course-completed .percentage-completed {
    display: inline-block;
}
.card.card-course.card-course-completed .play-button-hover {
    border: 1px solid #fff;
    color: #82ca6d;
}
.card.card-course.card-course-completed:hover .play-button-hover {
    background-color: #82ca6d;
    color: #fff;
}
.card.card-consumer-course-micro {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    text-align: center;
    border: 0;
}
.card.card-consumer-course-micro:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.card.card-consumer-course-micro .card-thumbnail-icon-key {
    position: absolute;
    font-size: 28px;
    right: 10px;
    color: #f7eb57;
    text-shadow: 1px 1px 2px #2d2d2d;
}
.card.card-consumer-course-micro .card-thumbnail {
    object-fit: cover;
}
.card.card-consumer-course-micro .title {
    font-size: 14px;
    margin-top: 0;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    padding: 15px;
}
.card.card-consumer-course-micro .consumer-micro-progress .progress {
    background-color: #c1f1ff;
    height: 10px;
    margin: 0;
    border-radius: 0;
}
.card.card-consumer-course-micro .consumer-micro-progress .progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #2199e8;
}
.card.card-consumer-course-micro.card-consumer-micro-locked:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 3px;
    background: url(../image/dashboard/student/placeholder/lock.png) no-repeat;
    height: 30px;
    width: 30px;
}
.card.card-puzzle {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-puzzle .percentage-completed,
.card.card-puzzle .total-xp {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    text-align: right;
    font-size: 14px;
    float: right;
    min-height: 22px;
    line-height: 22px;
}
.card.card-puzzle .card-name {
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}
.card.card-puzzle .card-description,
.card.card-puzzle .card-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-puzzle .card-tag {
    bottom: 20px;
}
.card.card-puzzle .progress {
    margin: 0;
    border-radius: 0;
}
.card.card-puzzle .card-premium-content {
    display: none;
}
.card.card-puzzle:hover .card-premium-content {
    display: block;
    z-index: 2;
}
.card.card-puzzle:hover .card-premium-content .button {
    float: right;
    margin-bottom: 0;
}
.card.card-puzzle:hover .card-premium-content .play-button-hover {
    margin-top: 0;
}
.card.card-puzzle:hover .card-premium-content p {
    font-size: 13px;
}
.card.card-puzzle:hover .card-regular-content {
    display: none;
}
.card.card-diy,
.card.card-diy .card-name {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-diy .card-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}
.card.card-diy .total-xp {
    font-size: 14px;
    text-align: right;
}
.card.card-diy .card-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-diy .card-summary {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    color: #eee;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}
.card.card-diy:focus .card-summary,
.card.card-diy:hover .card-summary {
    opacity: 1;
}
.card.card-diy .card-details {
    padding-top: 15px;
    padding-bottom: 15px;
}
.card.card-diy.card-diy-description {
    min-height: 222px;
}
.card.card-diy.card-diy-description .card-details {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 63px;
    overflow: hidden;
    transition: height 0.25s ease-in-out;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.card.card-diy.card-diy-description:hover .card-details {
    height: 130px;
}
.card.card-diy .card-premium-content {
    display: none;
}
.card.card-diy:hover .card-premium-content {
    display: block;
    z-index: 2;
}
.card.card-diy:hover .card-premium-content .button {
    float: right;
    margin-bottom: 0;
}
.card.card-diy:hover .card-premium-content .play-button-hover {
    margin-top: 0;
}
.card.card-diy:hover .card-premium-content p {
    font-size: 13px;
}
.card.card-diy:hover .card-regular-content {
    display: none;
}
.card.card-diy .card-preview-action {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    max-width: 80px;
    max-height: 80px;
}
.card.card-diy .card-preview-action .card-preview-action-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.card.card-diy:hover .card-preview-action {
    display: block;
}
.card.card-classroom {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    text-align: center;
}
.card.card-classroom .title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    text-transform: none;
    padding: 0;
    margin: 0;
}
.card.card-classroom a {
    margin-top: 10px;
    display: inline-block;
    padding: 5px 30px;
}
.card.card-classroom img.card-thumbnail {
    object-fit: cover;
}
.card.card-classroom .avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.card.card-classroom .card-thumbnail-placeholder {
    background-image: url(../image/dashboard/student/banners/classroom-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 160px;
    padding: 2rem;
    width: 100%;
}
.card.card-classroom .card-thumbnail-placeholder span {
    color: #fff;
    font-size: 54px;
    font-weight: 700;
}
.card.card-classroom .card-details {
    padding: 10px;
}
.card.card-classroom.card-classroom-blue {
    background-color: #3890b1;
}
.card.card-classroom.card-classroom-green {
    background-color: #4ca960;
}
.card.card-classroom.card-classroom-orange {
    background-color: #ffaa31;
}
.card.card-classroom.card-classroom-purple {
    background-color: #9078c6;
}
.card.card-classroom.card-classroom-red {
    background-color: #bb1c1c;
}
.card.card-classroom.card-classroom-cyan {
    background-color: #01bcf3;
}
.card.card-classroom.card-classroom-teal {
    background-color: #22bdb6;
}
.card.card-classroom.card-classroom-yellow {
    background-color: #ffcd4b;
}
.card.card-classroom.card-classroom-gradient-purple {
    background: #9078c6;
    background: -moz-linear-gradient(45deg,#9078c6 0,#2d5ea3 100%);
    background: -webkit-linear-gradient(45deg,#9078c6,#2d5ea3);
    background: linear-gradient(45deg,#9078c6,#2d5ea3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#997abc",endColorstr="#2d5ea3",GradientType=1);
}
.card.card-classroom.card-classroom-gradient-green {
    background: #ffcd4b;
    background: -moz-linear-gradient(45deg,#68e082 0,#00481d 100%);
    background: -webkit-linear-gradient(45deg,#68e082,#00481d);
    background: linear-gradient(45deg,#68e082,#00481d);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#68e082",endColorstr="#00481d",GradientType=1);
}
.card.card-classroom.card-classroom-gradient-orange {
    background: #ffaa31;
    background: -moz-linear-gradient(45deg,#ffe635 0,#ff9600 100%);
    background: -webkit-linear-gradient(45deg,#ffe635,#ff9600);
    background: linear-gradient(45deg,#ffe635,#ff9600);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe635",endColorstr="#ff9600",GradientType=1);
}
.card.card-classroom.card-classroom-gradient-red {
    background: #bb1c1c;
    background: -moz-linear-gradient(45deg,#bb1c1c 0,#e0439c 100%);
    background: -webkit-linear-gradient(45deg,#bb1c1c,#e0439c);
    background: linear-gradient(45deg,#bb1c1c,#e0439c);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dc3929",endColorstr="#e0439c",GradientType=1);
}
.card.card-create {
    position: relative;
    min-height: 236px;
}
.card.card-create .title,
.card.card-create h5 {
    color: #fff;
    text-align: center;
    padding-top: 28px;
    margin-bottom: 40px;
}
.card.card-create .subtitle {
    position: absolute;
    top: 60px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.card.card-create img {
    height: 90px;
    display: block;
    margin: -20px auto 0;
}
.card.card-create.card-create-project {
    background: #22a4e5;
    background: -moz-radial-gradient(center,ellipse cover,#00bcd4 0,#4e84fa 100%);
    background: -webkit-radial-gradient(center,ellipse cover,#00bcd4 0,#4e84fa 100%);
    background: radial-gradient(ellipse at center,#00bcd4 0,#4e84fa 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00bcd4",endColorstr="#4e84fa",GradientType=1);
}
.card.card-create.card-create-project h5 {
    padding-top: 0;
    margin-bottom: 0;
}
.card.card-create.card-create-project .addimage {
    display: inline-block;
    width: 100%;
    height: 170px;
    margin-top: 10px;
    background-image: url(../image/dashboard/student/placeholder/create-card-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.card.card-create.card-create-project .addimage.blocks {
    background-image: url(../image/common/projects/modal-create-resource/create-blank.png);
}
.card.card-create.card-create-project .addimage.mods {
    background-image: url(../image/minecraft/mods/blank-modal-create-resource.png);
}
.card.card-create.card-create-project .addimage.python {
    background-image: url(../image/common/projects/modal-create-resource/create-notebook-python.png);
}
.card.card-create.card-create-project .addimage.javascript {
    background-image: url(../image/common/projects/modal-create-resource/create-notebook-javascript.png);
}
.card.card-create.card-create-project .addimage.htmlcss {
    background-image: url(../image/common/projects/modal-create-resource/create-notebook-html.png);
}
.card.card-create.card-create-project img {
    height: 170px;
    margin-top: 10px;
}
.card.card-create.card-create-project.card-create-large-image {
    min-height: auto;
}
.card.card-create.card-create-project.card-create-large-image h5 {
    margin: 0;
    padding: 0;
}
.card.card-create.card-create-project.card-create-large-image img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.card.card-create.card-create-notebook {
    background-color: #7463ac;
}
.card.card-create.card-create-notebook img {
    height: 228px;
    object-fit: cover;
    margin-top: -89px;
    margin-bottom: -40px;
}
.card.card-create.card-create-robotics-drones-project {
    background-color: #b32722;
}
.card.card-create.card-create-robotics-drones-project img {
    height: 135px;
    margin-top: -40px;
}
.card.card-create.card-create-robotics-drones-project.card-create-large-image {
    min-height: auto;
}
.card.card-create.card-create-robotics-drones-project.card-create-large-image h5 {
    margin: 0;
    padding: 0;
}
.card.card-create.card-create-robotics-drones-project.card-create-large-image img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.card.card-create.card-create-minecraft-add-on-tutorials,
.card.card-create.card-create-minecraft-block,
.card.card-create.card-create-minecraft-item,
.card.card-create.card-create-minecraft-mob,
.card.card-create.card-create-minecraft-mod,
.card.card-create.card-create-minecraft-skin {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.card.card-create.card-create-minecraft-add-on-tutorials .title,
.card.card-create.card-create-minecraft-block .title,
.card.card-create.card-create-minecraft-item .title,
.card.card-create.card-create-minecraft-mob .title,
.card.card-create.card-create-minecraft-mod .title,
.card.card-create.card-create-minecraft-skin .title {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #000;
    margin: 0;
    font-size: 15px;
    text-align: left;
    padding: 0.89rem 0.5rem;
    font-weight: 700;
    height: 76px;
}
.card.card-create.card-create-minecraft-add-on-tutorials img,
.card.card-create.card-create-minecraft-block img,
.card.card-create.card-create-minecraft-item img,
.card.card-create.card-create-minecraft-mob img,
.card.card-create.card-create-minecraft-mod img,
.card.card-create.card-create-minecraft-skin img {
    display: none;
}
.card.card-create.card-create-minecraft-add-on-tutorials.no-label,
.card.card-create.card-create-minecraft-block.no-label,
.card.card-create.card-create-minecraft-item.no-label,
.card.card-create.card-create-minecraft-mob.no-label,
.card.card-create.card-create-minecraft-mod.no-label,
.card.card-create.card-create-minecraft-skin.no-label {
    background-size: contain;
    box-shadow: none;
}
.card.card-create.card-create-minecraft-add-on-tutorials.no-label .subtitle,
.card.card-create.card-create-minecraft-add-on-tutorials.no-label .title,
.card.card-create.card-create-minecraft-block.no-label .subtitle,
.card.card-create.card-create-minecraft-block.no-label .title,
.card.card-create.card-create-minecraft-item.no-label .subtitle,
.card.card-create.card-create-minecraft-item.no-label .title,
.card.card-create.card-create-minecraft-mob.no-label .subtitle,
.card.card-create.card-create-minecraft-mob.no-label .title,
.card.card-create.card-create-minecraft-mod.no-label .subtitle,
.card.card-create.card-create-minecraft-mod.no-label .title,
.card.card-create.card-create-minecraft-skin.no-label .subtitle,
.card.card-create.card-create-minecraft-skin.no-label .title {
    display: none;
}
.card.card-create.card-create-minecraft-skin {
    background-image: url(../image/minecraft/create_minecraft_skins.png);
}
.card.card-create.card-create-minecraft-skin.no-label {
    background-image: url(../image/minecraft/create_minecraft_skins-2.png);
}
.card.card-create.card-create-minecraft-block {
    background-image: url(../image/minecraft/create_minecraft_blocks.png);
}
.card.card-create.card-create-minecraft-block.no-label {
    background-image: url(../image/minecraft/create_minecraft_blocks-2.png);
}
.card.card-create.card-create-minecraft-item {
    background-image: url(../image/minecraft/create_minecraft_items.png);
}
.card.card-create.card-create-minecraft-item.no-label {
    background-image: url(../image/minecraft/create_minecraft_items-2.png);
}
.card.card-create.card-create-minecraft-mob {
    background-image: url(./image/minecraft/create_minecraft_mobs.png);
}
.card.card-create.card-create-minecraft-mob.no-label {
    background-image: url(../image/minecraft/create_minecraft_mobs-2.png);
}
.card.card-create.card-create-minecraft-add-on-tutorials {
    background-image: url(../image/minecraft/create_minecraft_add-ons.png);
}
.card.card-create.card-create-minecraft-add-on-tutorials.no-label {
    background-image: url(../image/minecraft/create_minecraft_add-ons-2.png);
}
.card.card-create.card-create-minecraft-mod {
    background-image: url(../image/minecraft/create_minecraft_mods_pc.png);
}
.card.card-create.card-create-minecraft-mod.no-label {
    background-image: url(../image/minecraft/create_minecraft_mods_pc-2.png);
}
.card.card-create.card-create-minecraft-friend {
    width: 100%;
    display: inline-block;
    background-color: #00bcd4;
    min-height: 160px;
    position: relative;
}
.card.card-create.card-create-minecraft-friend img {
    height: 50px;
    display: block;
    margin: -30px auto 0;
    padding: 6px 40px 6px 6px;
}
.card.card-create.card-create-minecraft-friend img:last-child {
    padding-left: 75px;
    margin-top: -42px;
}
.card.card-create.card-create-minecraft-friend.disabled {
    transform: none;
    pointer-events: none;
    -webkit-filter:grayscale(1);
    -moz-filter:grayscale(1);
    -o-filter:grayscale(1);
    -ms-filter:grayscale(1);
    filter:grayscale(1);
}
.card.card-daily-mission {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
}
.card.card-daily-mission:after {
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    padding: 30px 23px;
    font-size: 0;
    top: -1px;
    right: 15px;
}
.card.card-daily-mission.double-points:after {
    background-image: url(../image/dashboard/student/placeholder/doublexp.png);
}
.card.card-daily-mission.triple-points:after {
    background-image: url(../image/dashboard/student/placeholder/triplexp.png);
}
.card.card-daily-mission .circle-progress {
    margin-top: -60px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border: 1px solid #22bdb6;
}
.card.card-daily-mission .circle-progress .activity-points {
    color: #22bdb6;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    line-height: 89px;
    font-size: 18px;
}
.card.card-daily-mission .character-badge {
    position: absolute;
    margin-top: -27px;
    z-index: 1;
    height: 120px;
    width: 100%;
    left: 0;
    object-fit: contain;
}
.card.card-daily-mission a,
.card.card-daily-mission span {
    margin-top: 10px;
    display: inline-block;
    padding: 5px 30px;
}
.card.card-daily-mission .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    margin: 10px 0 0;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    padding: 0 15px;
}
.card.card-daily-mission .hackathon-badge {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    right: 8px;
    bottom: 130px;
    background-color: transparent;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.card.card-daily-mission .daily-mission-description {
    color: #000;
    font-weight: 300;
    padding: 0 15px;
    font-size: 14px;
}
.card.card-daily-mission:hover .circle-progress {
    margin-top: -60px;
    margin-bottom: 10px;
    background-color: #22bdb6;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    border: 2px solid #fff;
}
.card.card-daily-mission:hover .circle-progress .activity-points {
    color: #fff;
}
.card.card-daily-mission.card-daily-mission-completed .play-button-hover {
    border: 1px solid #fff;
}
.card.card-daily-mission.card-daily-mission-completed:hover .play-button-hover {
    color: #fff;
    background-color: #82ca6d;
}
.card.card-daily-mission.card-daily-mission-completed:hover .icon-checkmark {
    color: #fff;
}
.card.card-daily-mission.card-daily-mission-completed .play-button-hover {
    color: #82ca6d;
}
.card.card-daily-mission.card-daily-mission-completed .icon-checkmark {
    padding: 0;
    color: #82ca6d;
    line-height: 14px;
    margin-top: 0;
}
.card.card-daily-mission.card-daily-mission-expired .card-thumbnail {
    filter:grayscale(1)
}
.card.card-daily-mission.card-daily-mission-expired .play-button-hover {
    border: 1px solid #ccc;
    color: #ccc;
}
.card.card-daily-mission.card-daily-mission-expired .icon-clock {
    padding: 0;
    color: #ccc;
    margin-top: -3px;
}
.card.card-daily-mission.card-daily-mission-expired:hover .play-button-hover {
    background-color: #ccc;
    color: #fff;
}
.card.card-daily-mission.card-daily-mission-expired:hover .icon-clock {
    color: #fff;
}
.card.card-daily-mission.card-daily-mission-summer-code-a-thon-2017 .title {
    white-space: normal;
}
.card.card-daily-mission.card-daily-mission-summer-code-a-thon-2017 .hackathon-badge {
    display: inline-block;
    background-image: url(../image/play/summer/2017/summer-coding-challenge-2017.png);
}
.card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
.card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
    background-position: -36px;
    background-repeat: no-repeat;
    background-size: 120%;
}
@media print,screen and (min-width:40em) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -43px -62px;
        background-size: 143%;
    }
}
@media only screen and (min-width:300px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -19px -21px;
        background-size: 116%;
    }
}
@media only screen and (min-width:420px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -31px -54px;
        background-size: 119%;
    }
}
@media only screen and (min-width:470px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -46px -87px;
        background-size: 123%;
    }
}
@media only screen and (min-width:517px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -46px -118px;
        background-size: 123%;
    }
}
@media only screen and (min-width:570px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -46px -132px;
        background-size: 116%;
    }
}
@media only screen and (min-width:620px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -46px -155px;
        background-size: 115%;
    }
}
@media only screen and (min-width:640px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -40px -85px;
        background-size: 140%;
    }
}
@media only screen and (min-width:675px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -40px -115px;
        background-size: 140%;
    }
}
@media only screen and (min-width:720px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -40px -115px;
        background-size: 125%;
    }
}
@media only screen and (min-width:770px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -40px -170px;
        background-size: 114%;
    }
}
@media only screen and (min-width:800px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -40px -170px;
        background-size: 126%;
    }
}
@media only screen and (min-width:930px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -40px -200px;
        background-size: 114%;
    }
}
@media only screen and (min-width:990px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -44px -221px;
        background-size: 113%;
    }
}
@media print,screen and (min-width:64em) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -36px -20px;
        background-size: 200%;
    }
}
@media screen and (min-width:75em) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -24px -20px;
        background-size: 170%;
    }
}
@media only screen and (min-width:1270px) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -24px -20px;
        background-size: 155%;
    }
}
@media screen and (min-width:75em) {
    .card.card-daily-mission.card-daily-mission-ad-minecraft .card-thumbnail,
    .card.card-daily-mission.card-daily-mission-ad-visual-coding .card-thumbnail {
        background-position: -24px -26px;
        background-size: 140%;
    }
}
.card.card-minecraft {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    min-height: 226px;
    cursor: auto;
    position: relative;
}
.card.card-minecraft .action-hover-container {
    position: relative;
    cursor: pointer;
}
.card.card-minecraft .action-hover-container .action-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.card.card-minecraft .action-hover-container .action-hover .action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    max-width: 80px;
    max-height: 80px;
}
.card.card-minecraft .action-hover-container .action-hover .action .action-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.card.card-minecraft .card-indicator {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 20px;
    color: #9da3a7;
}
.card.card-minecraft .card-indicator.deployed {
    color: #0a0;
}
.card.card-minecraft .card-thumbnail {
    cursor: pointer;
    height: 160px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    padding: 15px;
}
.card.card-minecraft .project-name {
    color: #25293a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: none;
}
.card.card-minecraft .project-username,
.card.card-minecraft .project-username a {
    font-size: 14px;
}
.card.card-minecraft .version {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 10px;
}
.card.card-minecraft .button-publish {
    min-width: 40px;
    display: inline-block;
    text-align: center;
    padding: 2px;
    border-radius: 2px;
}
.card.card-minecraft .button-publish .icon,
.card.card-minecraft .button-publish .text {
    font-size: 10px;
}
.card.card-minecraft .button-publish:hover {
    cursor: pointer;
    background-color: #000;
}
.card.card-minecraft .button-publish:hover .icon,
.card.card-minecraft .button-publish:hover .text {
    color: #fff;
}
.card.card-minecraft.card-minecraft-block .card-thumbnail,
.card.card-minecraft.card-minecraft-item .card-thumbnail,
.card.card-minecraft.card-minecraft-skin .card-thumbnail {
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
.card.card-minecraft:hover .action-hover {
    display: block;
}
.card.card-minecraft .card-details {
    padding-right: 24px;
}
.card.card-minecraft .more-actions {
    position: absolute;
    bottom: 13px;
    right: 12px;
    height: 36px;
    -webkit-filter:brightness(100%);
    -moz-filter:brightness(100%);
    -o-filter:brightness(100%);
    -ms-filter:brightness(100%);
    filter:brightness(100%);
}
.card.card-minecraft .more-actions:hover {
    -webkit-filter:brightness(50%);
    -moz-filter:brightness(50%);
    -o-filter:brightness(50%);
    -ms-filter:brightness(50%);
    filter:brightness(50%);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.card.card-minecraft .more-actions .more-icon {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: relative;
    float: right;
    margin-top: 15px;
    display: block;
    text-align: initial;
}
.card.card-minecraft .more-actions .more-icon:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    top: -12px;
}
.card.card-minecraft .more-actions .more-icon:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    bottom: -12px;
}
.card.card-minecraft-friend {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    padding: 30px;
    text-align: center;
    min-height: 160px;
    overflow: visible;
    margin-bottom: 40px;
}
.card.card-minecraft-friend .avatar {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 20px;
}
.card.card-minecraft-friend .card-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.card.card-minecraft-friend .remove-friend-container {
    width: 50%;
    margin: auto;
    display: block;
}
.card.card-minecraft-friend .remove-friend-container .remove-friend {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    background: url(../image/dashboard/student/garbage-icon.png) #ddd no-repeat 10px;
    background-size: 20px;
    margin-left: -20px;
}
.card.card-minecraft-friend .remove-friend-container:hover .remove-friend {
    background-color: #666;
}
.card.card-minecraft-friend .remove-friend-container:hover .remove-friend:after {
    content: "Remove Friend";
    color: #666;
    position: absolute;
    top: 43px;
    font-size: 10px;
    width: 70px;
    left: -13px;
    text-align: center;
}
.card.card-notebook .card-details {
    padding-right: 24px;
}
.card.card-notebook .more-actions {
    position: absolute;
    bottom: 13px;
    right: 12px;
    height: 36px;
    -webkit-filter:brightness(100%);
    -moz-filter:brightness(100%);
    -o-filter:brightness(100%);
    -ms-filter:brightness(100%);
    filter:brightness(100%);
}
.card.card-notebook .more-actions:hover {
    -webkit-filter:brightness(50%);
    -moz-filter:brightness(50%);
    -o-filter:brightness(50%);
    -ms-filter:brightness(50%);
    filter:brightness(50%);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.card.card-notebook .more-actions .more-icon {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: relative;
    float: right;
    margin-top: 15px;
    display: block;
    text-align: initial;
}
.card.card-notebook .more-actions .more-icon:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    top: -12px;
}
.card.card-notebook .more-actions .more-icon:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    bottom: -12px;
}
.card.card-onboarding-mission {
    min-height: 211px;
    padding-top: 1rem;
}
.card.card-onboarding-mission .card-onboarding-mission-circle {
    border-radius: 100px;
    border-style: solid;
    border-width: 10px;
    display: block;
    height: 140px;
    margin: 0 auto;
    width: 140px;
}
.card.card-onboarding-mission h5 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 10px;
}
.card.card-onboarding-mission img {
    height: 155px;
    margin-left: -66px;
    margin-top: -20px;
    max-width: none;
    width: 250px;
}
.card.card-onboarding-mission.card-onboarding-mission-summer-code-a-thon-2017 {
    background: transparent url(../image/missions/mission-summer-code-a-thon.png) no-repeat 50%;
    background-size: cover;
}
.card.card-onboarding-mission.card-onboarding-mission-blue {
    background-color: #3c95cf;
}
.card.card-onboarding-mission.card-onboarding-mission-blue .card-onboarding-mission-circle {
    background-color: #50bfed;
    border-color: #5ad3fc;
}
.card.card-onboarding-mission.card-onboarding-mission-green {
    background-color: #56bab6;
}
.card.card-onboarding-mission.card-onboarding-mission-green .card-onboarding-mission-circle {
    background-color: #5edbd5;
    border-color: #63e4dd;
}
.card.card-onboarding-mission.card-onboarding-mission-orange {
    background-color: #f5aa57;
}
.card.card-onboarding-mission.card-onboarding-mission-orange .card-onboarding-mission-circle {
    background-color: #f7c552;
    border-color: #f9d35f;
}
.card.card-onboarding-mission.card-onboarding-mission-purple {
    background-color: #5b61b2;
}
.card.card-onboarding-mission.card-onboarding-mission-purple .card-onboarding-mission-circle {
    background-color: #7c82d4;
    border-color: #a7b5f0;
}
.card.card-onboarding-mission.card-onboarding-mission-teal {
    background-color: #4fbad3;
}
.card.card-onboarding-mission.card-onboarding-mission-teal .card-onboarding-mission-circle {
    background-color: #5cd3e3;
    border-color: #8cecf8;
}
.card.card-onboarding-mission.card.card-onboarding-mission-complete {
    filter:grayscale(100%)
}
.card.card-project {
    min-height: 224px;
}
.card.card-notebook,
.card.card-project {
    cursor: auto;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-notebook .card-overview,
.card.card-project .card-overview {
    cursor: pointer;
}
.card.card-notebook .card-overview .card-project-tutorial,
.card.card-project .card-overview .card-project-tutorial {
    background: url("../image/ui/icn-tutorial.png") 50% no-repeat;
    height: 32px;
    left: 0;
    position: absolute;
    top: 128px;
    width: 34px;
}
.card.card-notebook .card-overview .card-thumbnail .in-showcase,
.card.card-project .card-overview .card-thumbnail .in-showcase {
    background: #8d73c3;
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.card.card-notebook .card-details-create,
.card.card-project .card-details-create {
    text-align: center;
}
.card.card-notebook .card-details-create .title,
.card.card-project .card-details-create .title {
    margin: 0;
}
.card.card-notebook .project-create-image,
.card.card-project .project-create-image {
    text-align: center;
    background-color: #dedede;
}
.card.card-notebook .project-create-image .card-thumbnail,
.card.card-project .project-create-image .card-thumbnail {
    width: inherit;
}
.card.card-notebook .project-name,
.card.card-project .project-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 36px;
    margin-left: 10px;
    min-height: 36px;
}
.card.card-notebook .button-publish,
.card.card-project .button-publish {
    min-width: 40px;
    display: inline-block;
    text-align: center;
    padding: 2px;
    border-radius: 2px;
}
.card.card-notebook .button-publish .icon,
.card.card-notebook .button-publish .text,
.card.card-project .button-publish .icon,
.card.card-project .button-publish .text {
    font-size: 10px;
}
.card.card-notebook .button-publish:hover,
.card.card-project .button-publish:hover {
    cursor: pointer;
    background-color: #000;
}
.card.card-notebook .button-publish:hover .icon,
.card.card-notebook .button-publish:hover .text,
.card.card-project .button-publish:hover .icon,
.card.card-project .button-publish:hover .text {
    color: #fff;
}
.card.card-notebook .card-name,
.card.card-project .card-name {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.card.card-notebook .card-description,
.card.card-project .card-description {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-notebook .counter .value,
.card.card-project .counter .value {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.card.card-notebook .card-hover-actions.single,
.card.card-project .card-hover-actions.single {
    padding: 0;
}
.card.card-notebook .action-hover-container,
.card.card-project .action-hover-container {
    position: relative;
    cursor: pointer;
}
.card.card-notebook .action-hover-container .action-hover,
.card.card-project .action-hover-container .action-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}
.card.card-notebook .action-hover-container .action-hover .action,
.card.card-project .action-hover-container .action-hover .action {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    margin: 30px auto 0;
    position: relative;
}
.card.card-notebook .action-hover-container .action-hover .action .action-icon,
.card.card-project .action-hover-container .action-hover .action .action-icon {
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.card.card-notebook .action-hover-container .action-hover .action .play-icon,
.card.card-project .action-hover-container .action-hover .action .play-icon {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 24px;
    left: 32px;
}
.card.card-notebook:hover .action-hover,
.card.card-project:hover .action-hover {
    display: block;
}
.card.card-notebook:hover .project-create-image,
.card.card-project:hover .project-create-image {
    background-color: #00bcd4;
}
.card.card-notebook {
    min-height: 217px;
}
.card.card-notebook .card-overview {
    background-color: #9078c6;
}
.card.card-notebook .card-controls .action {
    cursor: pointer;
}
.card.card-stacked {
    overflow: visible;
    z-index: 0;
}
.card.card-stacked .progress {
    margin: 0;
    border-radius: 0;
}
.card.card-stacked .progress-meter {
    border-radius: 0;
}
.card.card-stacked .card-details {
    border-right: 1px solid #eee;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.card.card-stacked img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.card.card-stacked:before {
    height: 79%;
    width: 90%;
    right: -16px;
    top: 16px;
    z-index: -3;
}
.card.card-stacked:after,
.card.card-stacked:before {
    content: " ";
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #eee;
}
.card.card-stacked:after {
    height: 89%;
    width: 99%;
    right: -8px;
    top: 9px;
    z-index: -2;
}
.card.card-subscription {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin: 15px 0;
}
.card.card-subscription.card-subscription-disabled {
    transform: none;
    pointer-events: none;
    background-color: #eee;
}
.card.card-subscription.card-subscription-disabled .card-details {
    background-color: #eee;
}
.card.card-subscription.card-subscription-disabled .card-details .title {
    color: #a9a9a9;
}
.card.card-subscription.card-subscription-disabled .card-details .button.button-add-to-cart {
    background-color: #a9a9a9;
}
.card.card-subscription.card-subscription-highlighted {
    border: 5px solid red;
}
.card.card-subscription.card-subscription-yearly {
    margin: 0;
    padding: 15px 0;
}
.card.card-subscription.card-subscription-yearly .price-interval {
    font-size: 60px;
}
.card.card-subscription h4 {
    color: #333!important;
    padding: 10px 0 0;
    font-size: 18px;
    font-weight: 700;
}
.card.card-subscription .red {
    color: #f25954;
}
.card.card-subscription .price-interval {
    font-size: 60px;
    line-height: 40px;
    margin: 30px 0 10px;
}
.card.card-subscription .price-interval sup {
    font-size: 40%;
}
.card.card-subscription .price-interval .price-interval__interval {
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 400;
}
.card.card-subscription .price-recurring-period {
    padding-bottom: 10px;
    color: #222;
}
.card.card-subscription .price-interval.price-interval--previous {
    color: #222;
    font-size: 12px;
    line-height: 12px;
    margin-top: 0;
    text-decoration: line-through;
}
.card.card-subscription .price-interval.price-interval--previous .price-interval__interval {
    font-size: 12px;
    font-weight: 400;
}
.card.card-subscription .card-details {
    border-top: none;
}
.card.card-subscription .card-description-recurring {
    text-transform: uppercase;
    font-size: 12px;
    color: #a2a2a2;
}
.card.card-subscription .card-subscription-savings {
    color: #f25954;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.card.card-subscription .button {
    margin-top: 10px;
}
.card-video {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
}
.card-video:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.card-video .card-hover-tag {
    background-color: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    position: absolute;
    left: 10px;
    top: 10px;
}
.card-video .card-hover-tag.card-hover-tag-primary,
.card-video .card-hover-tag.card-hover-tag-secondary {
    background-color: rgba(0,188,212,.85);
}
.card-video .card-hover-tag.card-hover-tag-red {
    background-color: rgba(242,89,84,.85);
}
.card-video .card-thumbnail {
    background-size: cover;
    background-position: 50%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 160px;
    object-fit: cover;
    width: 100%;
}
.card-video .card-name {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.card-video p.card-name {
    margin: 0;
    padding: 10px 0;
}
.card-video:before {
    content: "";
    background: transparent url(../image/ui/icn-play-video.png) no-repeat;
    background-size: contain;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 5px;
    bottom: 45px;
}
.card.card-play-icon {
    position: relative;
}
.card.card-play-icon:before {
    background-image: url(../image/camps/video-player.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 3.5rem;
    height: 3.5rem;
    z-index: 2;
}
.card.card-project-community .project-play-container {
    position: relative;
    cursor: pointer;
}
.card.card-project-community .project-play-container .project-hover-play {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}
.card.card-project-community .project-play-container .project-hover-play .project-play {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    margin: 30px auto 0;
    position: relative;
}
.card.card-project-community .project-play-container .project-hover-play .project-play .project-play-icon {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 24px;
    left: 32px;
}
.card.card-project-community a.card-avatar {
    display: block;
}
.card.card-project-community .card-name {
    font-weight: 700;
}
.card.card-project-community .card-description,
.card.card-project-community .card-name,
.card.card-project-community .counter .value {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-project-community .counter .value {
    font-weight: 700;
}
.card.card-project-community:hover .project-hover-play {
    display: block;
}
.card.card-project-community .card-details {
    padding-right: 24px;
}
.card.card-project-community .more-actions {
    position: absolute;
    bottom: 13px;
    right: 12px;
    height: 36px;
    -webkit-filter:brightness(100%);
    -moz-filter:brightness(100%);
    -o-filter:brightness(100%);
    -ms-filter:brightness(100%);
    filter:brightness(100%);
}
.card.card-project-community .more-actions:hover {
    -webkit-filter:brightness(50%);
    -moz-filter:brightness(50%);
    -o-filter:brightness(50%);
    -ms-filter:brightness(50%);
    filter:brightness(50%);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.card.card-project-community .more-actions .more-icon {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: relative;
    float: right;
    margin-top: 15px;
    display: block;
    text-align: initial;
}
.card.card-project-community .more-actions .more-icon:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    top: -12px;
}
.card.card-project-community .more-actions .more-icon:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #ccc;
    position: absolute;
    bottom: -12px;
}
.card.card-featured {
    position: relative;
    overflow: visible;
}
.card.card-featured:after {
    content: url(../image/cards/project/icon-featured-project.png);
    position: absolute;
    top: -44px;
    right: -40px;
    transform: scale(.5);
}
.card-hs-create {
    isolation: isolate;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
    height: 4rem;
    border-radius: 0;
    font-family: Iosevka Web,Open Sans,Helvetica,Arial,sans-serif;
    text-align: left;
}
.card-hs-create .card-hs-create__icon {
    position: relative;
    padding-top: 0.25rem;
    width: 3.125rem;
    height: 4rem;
    background-image: url(../image/cards/hs-dashboard/card-hs-create-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fefefe;
    text-align: center;
}
.card-hs-create .card-hs-create__icon:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0.5;
    content: "";
}
.card-hs-create .card-hs-create__icon > * {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0.25rem 0.5rem;
}
.card-hs-create .card-hs-create__icon svg {
    width: 1.5rem;
    max-height: 1.5rem;
}
.card-hs-create .card-hs-create__icon.\--javascript {
    color: #0a0a0a;
}
.card-hs-create .card-hs-create__icon.\--javascript,
.card-hs-create .card-hs-create__icon.\--javascript > *,
.card-hs-create .card-hs-create__icon.\--javascript:before {
    background-color: #fbdd33;
}
.card-hs-create .card-hs-create__icon.\--python,
.card-hs-create .card-hs-create__icon.\--python > *,
.card-hs-create .card-hs-create__icon.\--python:before {
    background-color: #5788b8;
}
.card-hs-create .card-hs-create__icon.\--python .py-secondary {
    fill: #ffd94c;
}
.card-hs-create .card-hs-create__icon.\--html,
.card-hs-create .card-hs-create__icon.\--html > *,
.card-hs-create .card-hs-create__icon.\--html:before {
    background-color: #f9a343;
}
.card-hs-create .card-hs-create__icon.\--java,
.card-hs-create .card-hs-create__icon.\--java > *,
.card-hs-create .card-hs-create__icon.\--java:before {
    background-color: #6ab459;
}
.card-hs-create .card-hs-create__icon.\--block-coding,
.card-hs-create .card-hs-create__icon.\--block-coding > *,
.card-hs-create .card-hs-create__icon.\--block-coding:before {
    background-color: #f0575c;
}
.card-hs-create .card-hs-create__icon.\--minecraft,
.card-hs-create .card-hs-create__icon.\--minecraft > *,
.card-hs-create .card-hs-create__icon.\--minecraft:before {
    background-color: #82bd75;
}
.card-hs-create .card-hs-create__icon.\--tiny {
    position: absolute;
    left: 0;
    top: 0;
    background-image: none;
    width: 16px;
    height: 16px;
}
.card-hs-create .card-hs-create__icon.\--tiny:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0.5;
    content: "";
}
.card-hs-create .card-hs-create__icon.\--tiny > * {
    padding: 0;
    top: 3px;
    position: absolute;
    left: 3px;
    z-index: 2;
    display: inline-block;
}
.card-hs-create .card-hs-create__icon.\--tiny svg {
    width: 10px;
    max-height: 10px;
}
.card-hs-create .card-hs-create__image {
    width: 76px;
    max-height: 4rem;
}
.card-hs-create .card-hs-create__image img {
    height: 4rem;
    object-fit: cover;
}
.card-hs-create .card-hs-create__copy {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.card-hs-create .card-hs-create__title {
    font-family: inherit;
    font-size: 1rem!important;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
}
.card-hs-create .card-hs-create__subtitle {
    overflow-x: hidden;
    font-family: inherit;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.card-course-2018 {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: #f6fbfd;
    cursor: auto;
    display: flex;
    flex-wrap: wrap;
}
.card-course-2018:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
@media print,screen and (min-width:40em) {
    .card-course-2018 {
        display: block;
    }
}
.card-course-2018 > .image {
    position: relative;
    width: 40%;
    cursor: pointer;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .image {
        width: 100%;
        height: 160px;
    }
}
.card-course-2018 > .image > .icons {
    position: absolute;
}
.card-course-2018 > .image > .icons > .icon {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom-right-radius: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .image > .icons > .icon {
        width: 40px;
        height: 40px;
    }
}
.card-course-2018 > .image > .icons > .icon.block-coding {
    background-color: #df6160;
    background-image: url(../image/course-catalog/icon-block-coding.svg);
}
.card-course-2018 > .image > .icons > .icon.picture-block-coding {
    background-color: #5947ff;
    background-image: url(../image/course-catalog/icon-picture-block-coding.svg);
}
.card-course-2018 > .image > .icons > .icon.python {
    background-color: #5589b8;
    background-image: url(../image/course-catalog/icon-python.svg);
}
.card-course-2018 > .image > .icons > .icon.html {
    background-color: #eda756;
    background-image: url(../image/course-catalog/icon-html-css.svg);
}
.card-course-2018 > .image > .icons > .icon.ar,
.card-course-2018 > .image > .icons > .icon.drones,
.card-course-2018 > .image > .icons > .icon.robotics-ar {
    background-color: #29b2ae;
    background-image: url(../image/course-catalog/icon-robotics.svg);
}
.card-course-2018 > .image > .icons > .icon.javascript {
    background-color: #f5de64;
    background-image: url(../image/course-catalog/icon-javascript.svg);
}
.card-course-2018 > .image > .icons > .icon.java {
    background-color: #81c373;
    background-image: url(../image/course-catalog/icon-java.png);
}
.card-course-2018 > .image > .icons > .icon.stem {
    background-color: #62519c;
    background-image: url(../image/course-catalog/icon-STEM.svg);
}
.card-course-2018 > .image > .icons > .icon.ap {
    background-color: #009cde;
    background-image: url(../image/course-catalog/icon-AP.svg);
}
.card-course-2018 > .image > .icons > .icon.p5 {
    background-color: #ed225d;
    background-image: url(../image/course-catalog/icon-P5.svg);
}
.card-course-2018 > .image > .icons > .icon.live-coding {
    background-color: transparent;
    background-image: none;
}
.card-course-2018 > .image > .sticker {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 30px;
}
.card-course-2018 > .image > .sticker.sticker-coming-soon {
    top: -1px;
    right: -3px;
    width: 55px;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .image > .sticker {
        top: 5px;
        right: 5px;
        width: 40px;
    }
}
.card-course-2018 > .image > a {
    display: block;
    width: 100%;
    height: 100%;
}
.card-course-2018 > .image .cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
.card-course-2018.nodetails > .image {
    cursor: auto;
}
.card-course-2018 > .separator {
    padding: 4px 10px;
    background-color: #dff2fc;
}
.card-course-2018 .grades-platforms {
    text-align: left;
    font-size: 10px;
    font-weight: 700;
}
.card-course-2018 .grades-platforms .grades {
    color: #666;
    text-transform: uppercase;
}
.card-course-2018 .grades-platforms .platforms {
    float: right;
    color: #65759b;
    text-transform: none;
}
.card-course-2018 .grades-platforms .platforms .platform+.platform {
    margin-left: 10px;
}
.card-course-2018 .grades-platforms .platforms .icon {
    vertical-align: unset;
}
.card-course-2018 .grades-platforms .platforms .icon.icon-screen {
    vertical-align: -1px;
}
.card-course-2018 > .info {
    width: 60%;
    padding: 10px;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .info {
        width: 100%;
        padding: 10px 20px 12px;
    }
}
.card-course-2018 > .info > .title {
    text-align: left;
    color: #62769e;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .info > .title {
        margin-bottom: 0.25em;
        text-align: center;
    }
}
.card-course-2018 > .info > .description {
    margin-bottom: 0.5em;
    text-align: left;
    font-size: 10px;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .info > .description {
        margin-bottom: 0;
        text-align: center;
        font-size: 12px;
    }
}
.card-course-2018 > .info > .price,
.card-course-2018 > .info > .seats-available {
    margin-top: 5px;
    height: 1.5em;
    color: #36a1d8;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
}
.card-course-2018 > .intro-actions {
    width: 100%;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .intro-actions {
        position: relative;
        width: unset;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 25px;
    }
}
.card-course-2018 > .intro-actions > .intro {
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    text-align: center;
    font-size: 12px;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .intro-actions > .intro {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
.card-course-2018 > .intro-actions > .actions {
    display: flex;
    width: 100%;
    background-color: #f6fbfd;
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .intro-actions > .actions {
        display: none;
        position: absolute;
        top: 0;
    }
}
.card-course-2018 > .intro-actions > .actions .button {
    flex-grow: 1;
    margin-bottom: 0;
}
@media screen and (max-width:39.9375em) {
    .card-course-2018 > .intro-actions > .actions .button {
        border: none;
        border-radius: 0;
        background-color: #69779a;
    }
    .card-course-2018 > .intro-actions > .actions .button.button-preview {
        border-right: 1px solid #a0a5bd;
    }
}
@media print,screen and (min-width:40em) {
    .card-course-2018 > .intro-actions > .actions .button {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
}
.card-course-2018:hover > .intro-actions > .actions {
    display: flex;
}
@media(hover:none) {
    .card-course-2018 > .intro-actions > .actions {
        display: flex;
    }
}
.card-course-chapter-2018 {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    cursor: auto;
}
.card-course-chapter-2018:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.card-course-chapter-2018 .image {
    height: 160px;
}
.card-course-chapter-2018 .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
.card-course-chapter-2018 > .info {
    padding: 10px 20px 25px;
    background-color: #f6fbfd;
}
.card-course-chapter-2018 > .info > .title {
    margin-bottom: 0.25em;
    text-align: center;
    font-family: Open Sans Condensed,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-course-chapter-2018 > .info > .activity-count {
    margin-bottom: 1em;
    text-align: center;
    font-size: 12px;
}
.card-course-chapter-2018 .description-actions {
    position: relative;
}
.card-course-chapter-2018 .description-actions > .description {
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    text-align: center;
    font-size: 12px;
}
@media print,screen and (min-width:40em) {
    .card-course-chapter-2018 .description-actions > .description {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
.card-course-chapter-2018 .description-actions > .actions {
    display: flex;
    width: 100%;
    background-color: #f6fbfd;
}
@media print,screen and (min-width:40em) {
    .card-course-chapter-2018 .description-actions > .actions {
        display: none;
        position: absolute;
        top: 0;
    }
}
.card-course-chapter-2018 .description-actions > .actions .button {
    flex-grow: 1;
    margin-bottom: 0;
}
@media screen and (max-width:39.9375em) {
    .card-course-chapter-2018 .description-actions > .actions .button {
        border: none;
        border-radius: 0;
        background-color: #69779a;
    }
    .card-course-chapter-2018 .description-actions > .actions .button.button-preview {
        border-right: 1px solid #a0a5bd;
    }
}
@media print,screen and (min-width:40em) {
    .card-course-chapter-2018 .description-actions > .actions .button {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
}
.card-course-chapter-2018 .description-actions.no-actions > .description {
    display: block;
}
.card-course-chapter-2018:hover .description-actions.has-actions > .description {
    color: transparent;
}
.card-course-chapter-2018:hover .description-actions.has-actions > .actions {
    display: flex;
}
@media(hover:none) {
    .card-course-chapter-2018 .description-actions.has-actions > .description {
        color: transparent;
    }
    .card-course-chapter-2018 .description-actions.has-actions > .actions {
        display: flex;
    }
}
.card-course-chapter-2018.course-C0 .image > img,
.card-course-chapter-2018.course-C1 .image > img,
.card-course-chapter-2018.course-C10 .image > img,
.card-course-chapter-2018.course-C11 .image > img,
.card-course-chapter-2018.course-C2 .image > img,
.card-course-chapter-2018.course-C3 .image > img,
.card-course-chapter-2018.course-C4 .image > img,
.card-course-chapter-2018.course-C5 .image > img,
.card-course-chapter-2018.course-C6 .image > img,
.card-course-chapter-2018.course-C7 .image > img,
.card-course-chapter-2018.course-C8 .image > img,
.card-course-chapter-2018.course-C9 .image > img,
.card-course-chapter-2018.course-J0 .image > img,
.card-course-chapter-2018.course-J1 .image > img,
.card-course-chapter-2018.course-J10 .image > img,
.card-course-chapter-2018.course-J11 .image > img,
.card-course-chapter-2018.course-J2 .image > img,
.card-course-chapter-2018.course-J3 .image > img,
.card-course-chapter-2018.course-J4 .image > img,
.card-course-chapter-2018.course-J5 .image > img,
.card-course-chapter-2018.course-J6 .image > img,
.card-course-chapter-2018.course-J7 .image > img,
.card-course-chapter-2018.course-J8 .image > img,
.card-course-chapter-2018.course-J9 .image > img {
    object-fit: contain;
    object-position: center;
}
.card.card-course-curriculum {
    overflow: visible;
    background-color: #f6fafb;
    position: relative;
    padding-bottom: 10px;
}
.card.card-course-curriculum a {
    background: 0 0!important;
    padding-left: 0!important;
}
.card.card-course-curriculum .new-course-badge {
    padding-left: 0!important;
}
.card.card-course-curriculum .new-course-badge img {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 45px;
    right: 6px;
}
.card.card-course-curriculum .course-grade-lessons {
    background-color: #e5f2fc;
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    padding: 10px;
}
.card.card-course-curriculum .course-grade-lessons .course-lessons {
    float: right;
    line-height: 1.9;
    font-size: 10px;
}
.card.card-course-curriculum .course-lessons {
    font-size: 12px;
    text-transform: capitalize;
}
.card.card-course-curriculum .course-level {
    padding: 10px;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 10px;
}
.card.card-course-curriculum .card-course-image {
    height: 170px;
    overflow: hidden;
}
.card.card-course-curriculum .card-course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 0;
}
.card.card-course-curriculum .course-type {
    color: #666;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 20px;
}
.card.card-course-curriculum .course-info {
    min-height: 125px;
}
@media screen and (max-width:39.9375em) {
    .card.card-course-curriculum .course-info {
        min-height: 40px;
    }
}
.card.card-course-curriculum .course-info .course-title {
    color: #65759b;
    padding: 10px 10px 0;
    font-weight: 400;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-course-curriculum .course-info .course-description {
    color: #666;
    padding: 0 10px;
    font-weight: 400;
    font-size: 14px;
}
.card.card-course-curriculum .course-info .course-price {
    color: #3b4254!important;
    font-size: 16px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.card.card-course-curriculum .course-view-details .view-details-link {
    color: #999;
    text-align: center;
    display: block;
    font-weight: 400;
    padding: 0;
    text-transform: uppercase;
    padding: 5px 0;
    border-radius: 5px;
    max-width: 200px;
    margin: auto;
}
.card.card-course-curriculum .course-view-details .course-price,
.card.card-course-curriculum .course-view-details .course-type {
    display: none;
}
.card.card-course-curriculum:hover .course-view-details .view-details-link {
    background-color: #9078c6;
    color: #fff;
}
.card.card-course-curriculum .available-to-assign,
.card.card-course-curriculum .seats-available {
    text-align: center;
    font-weight: 500;
    color: #00bcd4;
    display: block;
    padding-left: 0;
    padding-bottom: 10px;
}
.category-card {
    transition: all 0.1s ease-in-out;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.category-card:hover {
    transform: scale(1.012);
}
.category-card.effect-pop-hover-shadow {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.category-card.effect-pop-hover-shadow:hover {
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.category-card > span {
    color: #25293a;
    font-weight: 700;
    line-height: 14px;
    display: block;
    font-size: 14px;
}
.category-card.category-card-text-overlay > span {
    font-size: 24px;
    left: 0;
    line-height: 24px;
    padding-left: 10%;
    padding-right: 10%;
    position: absolute;
    right: 0;
    top: 45%;
}
.category-card.category-card-dark-font > span {
    color: #333;
}
.category-card.category-card-light-font > span {
    color: #fff;
}
.category-card.category-card-fixed-height > img {
    height: 180px;
}
.category-card.category-card-fixed-height.category-card-text-overlay > img {
    height: 201px;
}
.category-card.category-card-fixed-height.category-card-text-overlay > span {
    font-size: 18px;
    padding-left: 15%;
    padding-right: 15%;
}
.category-card.category-card-resized > img {
    height: 220px;
    transform: scale(1.08);
    margin-bottom: 10px;
}
a.category-card {
    display: block;
}
.course-card {
    margin-top: 20px;
    position: relative;
    text-align: left;
}
.course-card img {
    width: 100%;
}
.course-card .course-name {
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 16px;
    padding-left: 25px;
}
@media screen and (max-width:39.9375em) {
    .course-card .course-name {
        padding-left: 0;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .course-card .course-name {
        padding-left: 0;
    }
}
.course-card .course-points {
    font-weight: 400;
    color: #666;
    font-size: 13px;
    padding-left: 25px;
}
@media screen and (max-width:39.9375em) {
    .course-card .course-points {
        padding-left: 0;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .course-card .course-points {
        padding-left: 0;
    }
}
@media screen and (max-width:39.9375em) {
    .course-card .button {
        margin-left: 0;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .course-card .button {
        margin-left: 0;
    }
}
.course-card .course-coming-soon-tag {
    height: 80px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 80px;
}
.course-card.course-card-vertical {
    margin-bottom: 0.5rem;
    padding: 0 0.25rem;
}
.course-card.course-card-vertical .course-image {
    filter:drop-shadow(0 .75rem .5rem rgba(0,0,0,.15))
}
.course-card.course-card-vertical .course-information {
    padding: 0 1.7rem;
}
.course-card.course-card-vertical .course-rating {
    color: #9c9c9c;
    font-size: 8px;
}
.course-card.course-card-vertical .course-rating.rating-1 .icon:nth-of-type(-n+1),
.course-card.course-card-vertical .course-rating.rating-2 .icon:nth-of-type(-n+2),
.course-card.course-card-vertical .course-rating.rating-3 .icon:nth-of-type(-n+3),
.course-card.course-card-vertical .course-rating.rating-4 .icon:nth-of-type(-n+4),
.course-card.course-card-vertical .course-rating.rating-5 .icon:nth-of-type(-n+5) {
    color: #ffe30b;
    text-shadow: #ffb610 0 1px,rgba(0,0,0,.25) 0 0 1px;
}
.course-card.course-card-vertical .course-name {
    font-size: 16px;
    font-weight: 700;
    padding-left: 0;
    color: #444;
    padding-bottom: 5px;
}
@media print,screen and (min-width:64em) {
    .course-card.course-card-vertical .course-name {
        font-size: 20px;
    }
}
.course-card.course-card-vertical .course-meta {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 0.5rem;
}
.course-card.course-card-vertical .course-meta-users {
    color: #9c9c9c;
    font-size: 10px;
    font-weight: 700;
}
.course-card.course-card-vertical .course-meta .icon-apple {
    vertical-align: unset;
}
.course-card.course-card-vertical .course-description {
    color: #9c9c9c;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-left: 0;
}
@media screen and (max-width:39.9375em) {
    .course-card.course-card-vertical .course-description {
        width: 100%;
        padding-left: 0;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .course-card.course-card-vertical .course-description {
        width: 100%;
        padding-left: 0;
    }
}
@media screen and (max-width:39.9375em) {
    .course-card.course-card-vertical .course-tag-container {
        padding-left: 0;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .course-card.course-card-vertical .course-tag-container {
        padding-left: 0;
    }
}
.course-card.course-card-vertical .course-tag-container .course-tag {
    color: #676767;
    background-color: #e6e6fa;
    border-radius: 15px;
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    padding: 5px 10px;
    margin: 5px 0;
}
.course-card.course-card-vertical .button-quick-look {
    background-color: #e2e2e2;
    color: #888;
    width: 100%;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width:39.9375em) {
    .course-card.course-card-vertical .button-quick-look {
        width: 100%;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .course-card.course-card-vertical .button-quick-look {
        width: 100%;
    }
}
.course-card .show-on-hover {
    animation: fade-in 0.5s linear;
    visibility: hidden;
}
.course-card:hover .show-on-hover {
    visibility: visible;
}
.create-card-2 {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
}
.create-card-2:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.create-card-2 .card-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 32px;
    display: block;
    height: 160px;
}
.create-card-2 .card-image img {
    display: block;
    height: 90px;
    margin: 0 auto;
}
.create-card-2 img.card-image {
    padding-top: 0;
    object-fit: cover;
    width: 100%;
}
.create-card-2 .card-text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #25293a;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    text-transform: none;
}
.create-card-2.create-card-2-minecraft-add-on-tutorials,
.create-card-2.create-card-2-minecraft-block,
.create-card-2.create-card-2-minecraft-item,
.create-card-2.create-card-2-minecraft-mob,
.create-card-2.create-card-2-minecraft-mod,
.create-card-2.create-card-2-minecraft-skin {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
}
.create-card-2.create-card-2-minecraft-add-on-tutorials .card-text,
.create-card-2.create-card-2-minecraft-block .card-text,
.create-card-2.create-card-2-minecraft-item .card-text,
.create-card-2.create-card-2-minecraft-mob .card-text,
.create-card-2.create-card-2-minecraft-mod .card-text,
.create-card-2.create-card-2-minecraft-skin .card-text {
    background-color: #fff;
    color: #000;
    margin: 0;
    font-size: 15px;
    text-align: left;
    padding: 10px;
    font-weight: 600;
}
.create-card-2.create-card-2-minecraft-add-on-tutorials .card-image,
.create-card-2.create-card-2-minecraft-block .card-image,
.create-card-2.create-card-2-minecraft-item .card-image,
.create-card-2.create-card-2-minecraft-mob .card-image,
.create-card-2.create-card-2-minecraft-mod .card-image,
.create-card-2.create-card-2-minecraft-skin .card-image {
    height: 160px;
}
.create-card-2.create-card-2-minecraft-add-on-tutorials .card-image img,
.create-card-2.create-card-2-minecraft-block .card-image img,
.create-card-2.create-card-2-minecraft-item .card-image img,
.create-card-2.create-card-2-minecraft-mob .card-image img,
.create-card-2.create-card-2-minecraft-mod .card-image img,
.create-card-2.create-card-2-minecraft-skin .card-image img {
    height: 90px;
}
.create-card-2.create-card-2-minecraft-block .card-image {
    background-color: #dc4944;
}
.create-card-2.create-card-2-minecraft-skin .card-image {
    background-color: #60aad5;
}
.create-card-2.create-card-2-minecraft-item .card-image {
    background-color: #ffcd4b;
}
.create-card-2.create-card-2-minecraft-add-on-tutorials .card-image,
.create-card-2.create-card-2-minecraft-mob .card-image {
    background-color: #997abc;
}
.create-card-2.create-card-2-notebook .card-image {
    background-color: #7463ac;
    padding-top: 10px;
}
.create-card-2.create-card-2-notebook .card-image img {
    height: 140px;
}
.create-card-2.create-card-2-resized {
    margin: 20px 25px 40px;
}
.create-card-2.create-card-2-resized img.card-image {
    height: 140px;
}
a.create-card-2 {
    display: block;
}
.home-plan-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    background-color: #f4f9fa;
    margin-top: 12px;
    padding: 15px;
}
.home-plan-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.home-plan-card .title {
    color: #565f85;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.7em;
}
.home-plan-card .title.has-sale {
    max-width: 75%;
}
.home-plan-card .included {
    font-size: 12px;
    list-style-type: disc;
    margin-bottom: 10px;
    padding-left: 1em;
    text-align: left;
}
.home-plan-card .included .icon-checkmark {
    color: #5cbe5a;
}
.home-plan-card .price,
.home-plan-card .sale,
.home-plan-card .unit-price {
    color: #000;
    line-height: 1.75;
    margin-bottom: 1rem;
}
.home-plan-card .price .value,
.home-plan-card .sale .value,
.home-plan-card .unit-price .value {
    font-weight: 700;
}
.home-plan-card .price.has-sale {
    font-size: 14px;
    margin-bottom: 0;
    text-decoration: line-through;
}
.home-plan-card .unit-price {
    font-size: 12px;
}
.home-plan-card .unit-price.has-sale .unit-price-value {
    color: #bf103d;
}
.home-plan-card .divider {
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    line-height: 0.05em;
    margin: 16px 0;
    text-align: center;
    width: 100%;
}
.home-plan-card .divider span {
    background: #fff;
    padding: 0 8px;
}
.home-plan-card p.divider {
    font-size: 12px;
    padding-bottom: 0;
}
.home-plan-card .home-plan-price {
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px;
    text-align: left;
}
.home-plan-card .home-plan-price-regular {
    font-weight: 700;
}
.home-plan-card .home-plan-price-discount {
    font-weight: 700;
    color: #bf103d;
}
.home-plan-card .home-plan-price-notes {
    font-size: 12px;
}
.home-plan-card .home-plan-price.has-sale .home-plan-price-value {
    color: #bf103d;
}
.home-plan-card .home-plan-price-savings {
    background-color: #bf103d;
    color: #fff;
    position: absolute;
    right: -15px;
    top: 0;
    font-size: 11px;
    padding: 11px 16px;
    text-align: center;
    text-transform: uppercase;
}
.home-plan-card .home-plan-price-savings:after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid #fff;
    height: 0;
    width: 0;
    content: " ";
    left: 0;
    position: absolute;
    top: 0;
}
.home-plan-card .home-plan-price-old-price {
    font-size: 12px;
    position: absolute;
    right: 0;
    text-decoration: line-through;
    top: 10px;
}
.home-plan-card .sale {
    color: #bf103d;
}
.home-plan-card .course-sale-badge {
    top: 0.25rem;
    right: 0.25rem;
}
.home-plan-card .cta {
    margin-top: auto;
    padding-top: 8px;
}
.home-plan-card .cta .button {
    margin-bottom: 0;
}
.home-plan-card .cta-secondary {
    margin-top: 8px;
}
.home-plan-card .cta-secondary a {
    font-size: 12px;
    font-weight: 700;
}
a.home-plan-card {
    color: #25293a;
    display: block;
}
.minecraft-mod-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 30px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    overflow: hidden;
    text-align: left;
    background-color: #d3d3d3;
    transition: transform 0.25s ease-in-out;
    display: inline-block;
    width: 255px;
    min-height: 236px;
    position: relative;
    border-radius: 5px;
}
.minecraft-mod-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.minecraft-mod-card .card-preview {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    position: relative;
    text-align: center;
}
.minecraft-mod-card .card-preview .card-preview-image {
    cursor: pointer;
    height: 160px;
}
.minecraft-mod-card .card-preview div.card-preview-image,
.minecraft-mod-card .card-preview span.card-preview-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
}
.minecraft-mod-card .card-preview .card-preview-action {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    max-width: 80px;
    max-height: 80px;
}
.minecraft-mod-card .card-preview .card-preview-action .card-preview-action-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.minecraft-mod-card .card-preview .card-preview-action.card-preview-action-0 {
    left: 25%;
}
.minecraft-mod-card .card-preview .card-preview-action.card-preview-action-1 {
    left: 75%;
}
.minecraft-mod-card .card-preview .card-preview-actions {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.minecraft-mod-card .card-preview .card-preview-overlay .features {
    position: absolute;
    display: inline-block;
    right: 5px;
    top: 10px;
}
.minecraft-mod-card .card-preview .card-preview-overlay .features .feature-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.minecraft-mod-card .card-preview .card-preview-overlay .features .feature-icon.feature-icon-code {
    background-image: url(../images/minecraft-resource-card/icon-codeblock-color@2x.png);
}
.minecraft-mod-card .card-details {
    background: #fff;
    border: none;
    border-top: 1px solid #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.89rem 0.5rem;
    position: relative;
}
.minecraft-mod-card .card-details .card-avatar {
    left: 11px;
    position: absolute;
    top: -22px;
}
.minecraft-mod-card .card-details .card-avatar img {
    background-color: #00bcd4;
    border-radius: 50%;
    border: 3px solid #f8f8f8;
    height: 40px;
    width: 40px;
}
.minecraft-mod-card .card-details .card-avatar.card-avatar-adventurer img {
    border: 3px solid #478468;
    background: #aff5ba;
}
.minecraft-mod-card .card-details .card-avatar.card-avatar-hacker img {
    border: 3px solid #1e78ca;
    background: #8edbe8;
}
.minecraft-mod-card .card-details .card-avatar.card-avatar-code-ninja img {
    border: 3px solid #e97f27;
    background: #fcdb88;
}
.minecraft-mod-card .card-details .card-avatar.card-avatar-code-master img {
    border: 3px solid #e23f2d;
    background: #e29d95;
}
.minecraft-mod-card .card-details .card-name {
    color: #25293a;
    font-weight: 700;
    margin: 0;
    min-height: 20px;
    padding: 0;
    text-transform: none;
    line-height: 20px;
}
.minecraft-mod-card .card-details .card-description,
.minecraft-mod-card .card-details .card-name {
    text-overflow: ellipsis;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
}
.minecraft-mod-card .card-details .card-description {
    color: #666;
}
.minecraft-mod-card .card-details .card-description a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    vertical-align: text-top;
}
.minecraft-mod-card .card-details .card-counter {
    padding-top: 5px;
}
.minecraft-mod-card .card-details .card-counter .image {
    padding: 3px;
}
.minecraft-mod-card .card-details .card-counter .value {
    font-weight: 400;
    color: #666;
    font-size: 11px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}
.minecraft-mod-card .card-details .card-counter.card-counter-likes .image {
    background: transparent url(../image/dashboard/student/project-icons/favorite.png) no-repeat 50%;
    background-size: 21px 18px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 100%;
}
.minecraft-mod-card .card-details .card-counter.card-counter-likes.liked .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.minecraft-mod-card .card-details .card-counter.card-counter-likes.liked:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite.png);
}
.minecraft-mod-card .card-details .card-counter.card-counter-likes:hover {
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -moz-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -o-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -ms-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.minecraft-mod-card .card-details .card-counter.card-counter-likes:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.minecraft-mod-card .card-details .card-counter.card-counter-views .image {
    display: inline-block;
    background: transparent url(../image/dashboard/student/project-icons/views.png) no-repeat 50%;
    background-size: 21px 18px;
    width: 100%;
    height: 18px;
}
.minecraft-mod-card .card-details .card-button {
    text-align: center;
}
.minecraft-mod-card .card-details .card-button:not(.button) .card-button-label {
    font-size: 11px;
    letter-spacing: -.05em;
}
.minecraft-mod-card .card-details .card-button:not(.button):hover {
    background-color: #00bcd4;
    color: #fff;
}
.minecraft-mod-card .card-details .card-button.button {
    margin-bottom: 0;
    padding: 0.85em 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.minecraft-mod-card .card-details .card-button.button .card-button-icon {
    display: inline;
    font-size: 18px;
    margin-right: 10px;
}
.minecraft-mod-card .card-details .card-button.button .card-button-label {
    font-size: 12px;
    display: inline;
}
.minecraft-mod-card .card-back {
    min-height: 222px;
    padding-top: 19px;
    padding-bottom: 19px;
}
.minecraft-mod-card .card-back ul {
    font-size: 16px;
    margin-left: 1rem;
    margin-right: 2rem;
}
.minecraft-mod-card .card-back ul li a {
    border-bottom: 1px solid #efefef;
    color: #0a0a0a;
    display: inline-block;
    font-weight: 300;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}
.minecraft-mod-card .card-back ul li a:hover {
    background-color: #00bcd4;
    color: #fff;
}
.minecraft-mod-card .card-back ul li:last-child a {
    border-bottom: none;
}
.minecraft-mod-card .card-back ul li span {
    padding-right: 10px;
}
.minecraft-mod-card:hover .card-preview .card-preview-action,
.minecraft-mod-card:hover .card-preview .card-preview-actions {
    display: block;
}
.minecraft-mod-card.locked.card.card-minecraft .action-hover-container .action-hover {
    display: none;
}
.minecraft-mod-card.locked.card.card-minecraft .action-hover-container:hover .action-hover {
    display: inline-block;
}
.minecraft-mod-card .card-more-options {
    bottom: 17px;
    filter:brightness(100%);
    position: absolute;
    top: -25px;
    right: -20px;
    background: hsla(0,0%,100%,.98);
    border-radius: 40%;
    height: 55px;
    width: 55px;
    box-shadow: -1px 2px 5px rgba(0,0,0,.1);
    color: #0ba0c1;
    font-size: 41px;
    font-weight: 500;
    padding-left: 7px;
    padding-top: 7px;
}
.minecraft-mod-card .card-hover-tag {
    background-color: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    position: absolute;
    left: 10px;
    top: 10px;
}
.minecraft-mod-card .card-hover-tag.card-hover-tag-primary,
.minecraft-mod-card .card-hover-tag.card-hover-tag-secondary {
    background-color: rgba(0,188,212,.85);
}
.minecraft-mod-card .card-hover-tag.card-hover-tag-red {
    background-color: rgba(242,89,84,.85);
}
.minecraft-mod-card .card-ribbon {
    width: 115px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 112px;
    right: -3px;
}
.minecraft-mod-card .card-ribbon:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
}
.minecraft-mod-card .card-ribbon > .card-ribbon-label {
    font: 12px Open Sans,Helvetica,Arial,sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(0,0,0,.5) 0 1px 0;
    position: relative;
    padding: 5px 0;
    left: 15px;
    line-height: 1.2;
    top: 15px;
    width: 97px;
    box-shadow: 0 0 8px rgba(0,0,0,.9);
}
.minecraft-mod-card .card-ribbon.card-ribbon-free:before {
    border-color: #f25954 #f25954 #f25954 transparent;
}
.minecraft-mod-card .card-ribbon.card-ribbon-free > .card-ribbon-label {
    background-color: #f25954;
}
.minecraft-mod-card .card-ribbon.card-ribbon-beginner:before {
    border-color: #22bdb6 #22bdb6 #22bdb6 transparent;
}
.minecraft-mod-card .card-ribbon.card-ribbon-beginner > .card-ribbon-label {
    background-color: #22bdb6;
}
.minecraft-mod-card .card-ribbon.card-ribbon-intermediate:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.minecraft-mod-card .card-ribbon.card-ribbon-intermediate > .card-ribbon-label {
    background-color: #3ca7de;
}
.minecraft-mod-card .card-ribbon.card-ribbon-advanced:before {
    border-color: #9078c6 #9078c6 #9078c6 transparent;
}
.minecraft-mod-card .card-ribbon.card-ribbon-advanced > .card-ribbon-label {
    background-color: #9078c6;
}
.minecraft-mod-card .card-ribbon.card-ribbon-easy-modding:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.minecraft-mod-card .card-ribbon.card-ribbon-easy-modding > .card-ribbon-label {
    background-color: #3ca7de;
}
.minecraft-mod-card .card-ribbon {
    text-transform: capitalize;
}
.minecraft-mod-card a.card-preview,
.minecraft-mod-card a.card-preview span.card-preview-image,
a.minecraft-mod-card,
a.minecraft-mod-card .card-details,
a.minecraft-mod-card .card-preview,
a.minecraft-mod-card .card-preview span.card-preview-image {
    display: block;
}
.minecraft-mod-card .card-thumbnail {
    image-rendering: pixelated;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
}
.minecraft-mod-card .description-container {
    transition: height 0.25s ease-in-out;
    padding: 0.89rem 0.5rem;
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 80px;
    overflow: hidden;
    bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.minecraft-mod-card .description-container .title {
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 6px;
    padding: 0;
    height: auto;
    line-height: normal;
}
.minecraft-mod-card .description-container .description {
    color: #000;
    line-height: normal;
    font-size: 12px;
    font-weight: 500;
}
.minecraft-mod-card:hover {
    cursor: pointer;
    transform: scale(1.01);
}
.minecraft-resource-card {
    min-height: 216px;
}
.minecraft-resource-card .project-name {
    color: #25293a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: capitalize;
}
.minecraft-resource-card .card-ribbon {
    text-transform: capitalize;
}
.minecraft-resource-card .card-thumbnail {
    image-rendering: pixelated;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.minecraft-resource-card a.card-avatar {
    display: block;
}
.minecraft-resource-card .more-actions {
    display: inline-block;
}
.minecraft-resource-card .action-hover-container {
    position: relative;
    cursor: pointer;
}
.minecraft-resource-card .action-hover-container .action-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.minecraft-resource-card .action-hover-container .action-hover .action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    max-width: 80px;
    max-height: 80px;
}
.minecraft-resource-card .action-hover-container .action-hover .action .action-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.minecraft-resource-card .action-hover-container .features {
    position: absolute;
    display: inline-block;
    right: 5px;
    bottom: -10px;
}
.minecraft-resource-card .action-hover-container .features .feature-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.minecraft-resource-card .action-hover-container .features .feature-icon.feature-icon-code {
    background-image: url(../images/minecraft-resource-card/icon-codeblock-color@2x.png);
}
.minecraft-resource-card.card.card-minecraft .card-thumbnail {
    image-rendering: pixelated;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.minecraft-resource-card.minecraft-resource-card-add-on.card.card-minecraft .card-thumbnail,
.minecraft-resource-card.minecraft-resource-card-block.card.card-minecraft .card-thumbnail,
.minecraft-resource-card.minecraft-resource-card-entity.card.card-minecraft .card-thumbnail,
.minecraft-resource-card.minecraft-resource-card-mob.card.card-minecraft .card-thumbnail,
.minecraft-resource-card.minecraft-resource-card-skin.card.card-minecraft .card-thumbnail {
    padding: 0;
    background-size: contain;
}
.minecraft-resource-card.minecraft-resource-card-mod.card.card-minecraft .card-thumbnail {
    padding: 0;
    background-size: cover;
}
.minecraft-resource-card.locked.card.card-minecraft .action-hover-container .action-hover {
    display: none;
}
.minecraft-resource-card.locked.card.card-minecraft .action-hover-container:hover .action-hover {
    display: inline-block;
}
.minecraft-resource-card:hover .action-hover {
    display: block;
}
.minecraft-resource-card-2 {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 30px;
    position: relative;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    overflow: hidden;
    text-align: left;
    min-height: 236px;
}
.minecraft-resource-card-2:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.minecraft-resource-card-2 .card-preview {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    position: relative;
    text-align: center;
}
.minecraft-resource-card-2 .card-preview .card-preview-image {
    cursor: pointer;
    height: 160px;
}
.minecraft-resource-card-2 .card-preview div.card-preview-image,
.minecraft-resource-card-2 .card-preview span.card-preview-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
}
.minecraft-resource-card-2 .card-preview .card-preview-action {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    max-width: 80px;
    max-height: 80px;
}
.minecraft-resource-card-2 .card-preview .card-preview-action .card-preview-action-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.minecraft-resource-card-2 .card-preview .card-preview-action.card-preview-action-0 {
    left: 25%;
}
.minecraft-resource-card-2 .card-preview .card-preview-action.card-preview-action-1 {
    left: 75%;
}
.minecraft-resource-card-2 .card-preview .card-preview-actions {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .features {
    position: absolute;
    display: inline-block;
    right: 5px;
    top: 10px;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .features .feature-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .features .feature-icon.feature-icon-code {
    background-image: url(../images/minecraft-resource-card/icon-codeblock-color@2x.png);
}
.minecraft-resource-card-2 .card-details {
    background: #fff;
    border: none;
    border-top: 1px solid #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.89rem 0.5rem;
    position: relative;
}
.minecraft-resource-card-2 .card-details .card-avatar {
    left: 11px;
    position: absolute;
    top: -22px;
}
.minecraft-resource-card-2 .card-details .card-avatar img {
    background-color: #00bcd4;
    border-radius: 50%;
    border: 3px solid #f8f8f8;
    height: 40px;
    width: 40px;
}
.minecraft-resource-card-2 .card-details .card-avatar.card-avatar-adventurer img {
    border: 3px solid #478468;
    background: #aff5ba;
}
.minecraft-resource-card-2 .card-details .card-avatar.card-avatar-hacker img {
    border: 3px solid #1e78ca;
    background: #8edbe8;
}
.minecraft-resource-card-2 .card-details .card-avatar.card-avatar-code-ninja img {
    border: 3px solid #e97f27;
    background: #fcdb88;
}
.minecraft-resource-card-2 .card-details .card-avatar.card-avatar-code-master img {
    border: 3px solid #e23f2d;
    background: #e29d95;
}
.minecraft-resource-card-2 .card-details .card-name {
    color: #25293a;
    font-weight: 700;
    margin: 0;
    min-height: 20px;
    padding: 0;
    text-overflow: ellipsis;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
}
.minecraft-resource-card-2 .card-details .card-description {
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    text-rendering: optimizeLegibility;
}
.minecraft-resource-card-2 .card-details .card-description a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    vertical-align: text-top;
}
.minecraft-resource-card-2 .card-details .card-counter {
    padding-top: 5px;
}
.minecraft-resource-card-2 .card-details .card-counter .image {
    padding: 3px;
}
.minecraft-resource-card-2 .card-details .card-counter .value {
    font-weight: 400;
    color: #666;
    font-size: 11px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}
.minecraft-resource-card-2 .card-details .card-counter.card-counter-likes .image {
    background: transparent url(../image/dashboard/student/project-icons/favorite.png) no-repeat 50%;
    background-size: 21px 18px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 100%;
}
.minecraft-resource-card-2 .card-details .card-counter.card-counter-likes.liked .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.minecraft-resource-card-2 .card-details .card-counter.card-counter-likes.liked:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite.png);
}
.minecraft-resource-card-2 .card-details .card-counter.card-counter-likes:hover {
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -moz-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -o-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -ms-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.minecraft-resource-card-2 .card-details .card-counter.card-counter-likes:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.minecraft-resource-card-2 .card-details .card-counter.card-counter-views .image {
    display: inline-block;
    background: transparent url(../image/dashboard/student/project-icons/views.png) no-repeat 50%;
    background-size: 21px 18px;
    width: 100%;
    height: 18px;
}
.minecraft-resource-card-2 .card-details .card-button {
    text-align: center;
}
.minecraft-resource-card-2 .card-details .card-button:not(.button) .card-button-label {
    font-size: 11px;
    letter-spacing: -.05em;
}
.minecraft-resource-card-2 .card-details .card-button:not(.button):hover {
    background-color: #00bcd4;
    color: #fff;
}
.minecraft-resource-card-2 .card-details .card-button.button {
    margin-bottom: 0;
    padding: 0.85em 4px;
}
.minecraft-resource-card-2 .card-details .card-button.button .card-button-icon {
    display: inline;
    font-size: 18px;
    margin-right: 10px;
}
.minecraft-resource-card-2 .card-details .card-button.button .card-button-label {
    font-size: 12px;
    display: inline;
}
.minecraft-resource-card-2 .card-back {
    min-height: 222px;
    padding-top: 19px;
    padding-bottom: 19px;
}
.minecraft-resource-card-2 .card-back ul {
    font-size: 16px;
    margin-left: 1rem;
    margin-right: 2rem;
}
.minecraft-resource-card-2 .card-back ul li a {
    border-bottom: 1px solid #efefef;
    color: #0a0a0a;
    display: inline-block;
    font-weight: 300;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}
.minecraft-resource-card-2 .card-back ul li a:hover {
    background-color: #00bcd4;
    color: #fff;
}
.minecraft-resource-card-2 .card-back ul li:last-child a {
    border-bottom: none;
}
.minecraft-resource-card-2 .card-back ul li span {
    padding-right: 10px;
}
.minecraft-resource-card-2:hover .card-preview .card-preview-action,
.minecraft-resource-card-2:hover .card-preview .card-preview-actions {
    display: block;
}
.minecraft-resource-card-2.locked.card.card-minecraft .action-hover-container .action-hover {
    display: none;
}
.minecraft-resource-card-2.locked.card.card-minecraft .action-hover-container:hover .action-hover {
    display: inline-block;
}
.minecraft-resource-card-2 .card-more-options {
    bottom: 17px;
    filter:brightness(100%);
    position: absolute;
    top: -25px;
    right: -20px;
    background: hsla(0,0%,100%,.98);
    border-radius: 40%;
    height: 55px;
    width: 55px;
    box-shadow: -1px 2px 5px rgba(0,0,0,.1);
    color: #0ba0c1;
    font-size: 41px;
    font-weight: 500;
    padding-left: 7px;
    padding-top: 7px;
}
.minecraft-resource-card-2 .card-hover-tag {
    background-color: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    position: absolute;
    left: 10px;
    top: 10px;
}
.minecraft-resource-card-2 .card-hover-tag.card-hover-tag-primary,
.minecraft-resource-card-2 .card-hover-tag.card-hover-tag-secondary {
    background-color: rgba(0,188,212,.85);
}
.minecraft-resource-card-2 .card-hover-tag.card-hover-tag-red {
    background-color: rgba(242,89,84,.85);
}
.minecraft-resource-card-2 .card-ribbon {
    width: 115px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 112px;
    right: -3px;
}
.minecraft-resource-card-2 .card-ribbon:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
}
.minecraft-resource-card-2 .card-ribbon > .card-ribbon-label {
    font: 12px Open Sans,Helvetica,Arial,sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(0,0,0,.5) 0 1px 0;
    position: relative;
    padding: 5px 0;
    left: 15px;
    line-height: 1.2;
    top: 15px;
    width: 97px;
    box-shadow: 0 0 8px rgba(0,0,0,.9);
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-free:before {
    border-color: #f25954 #f25954 #f25954 transparent;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-free > .card-ribbon-label {
    background-color: #f25954;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-beginner:before {
    border-color: #22bdb6 #22bdb6 #22bdb6 transparent;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-beginner > .card-ribbon-label {
    background-color: #22bdb6;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-intermediate:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-intermediate > .card-ribbon-label {
    background-color: #3ca7de;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-advanced:before {
    border-color: #9078c6 #9078c6 #9078c6 transparent;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-advanced > .card-ribbon-label {
    background-color: #9078c6;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-easy-modding:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.minecraft-resource-card-2 .card-ribbon.card-ribbon-easy-modding > .card-ribbon-label {
    background-color: #3ca7de;
}
.minecraft-resource-card-2 .card-ribbon {
    text-transform: capitalize;
}
.minecraft-resource-card-2 a.card-preview,
.minecraft-resource-card-2 a.card-preview span.card-preview-image,
a.minecraft-resource-card-2,
a.minecraft-resource-card-2 .card-details,
a.minecraft-resource-card-2 .card-preview,
a.minecraft-resource-card-2 .card-preview span.card-preview-image {
    display: block;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .card-indicator {
    bottom: 10px;
    color: #9da3a7;
    font-size: 20px;
    position: absolute;
    right: 10px;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .card-indicator.deployed {
    color: #0a0;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .warning {
    background-color: #ea1a09;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .notice,
.minecraft-resource-card-2 .card-preview .card-preview-overlay .warning {
    display: block;
    position: absolute;
    left: 15%;
    bottom: 4px;
    width: 70%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 9px;
    text-transform: uppercase;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .notice {
    background-color: #fa9e0a;
}
.minecraft-resource-card-2 .card-preview .card-preview-overlay .info {
    display: block;
    position: absolute;
    left: 15%;
    bottom: 4px;
    width: 70%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background-color: #47ba16;
    border-radius: 9px;
    text-transform: uppercase;
}
.minecraft-resource-card-2 .card-preview .card-preview-action .card-preview-action-icon.custom-play-icon {
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    border-top: 25px solid transparent;
    display: block;
    height: 0;
    left: 42px;
    margin: 0 auto;
    position: absolute;
    top: 36px;
    width: 0;
}
.minecraft-resource-card-2.minecraft-resource-card-block .card-preview,
.minecraft-resource-card-2.minecraft-resource-card-item .card-preview,
.minecraft-resource-card-2.minecraft-resource-card-mob .card-preview,
.minecraft-resource-card-2.minecraft-resource-card-skin .card-preview {
    padding: 15px;
}
.minecraft-resource-card-2.minecraft-resource-card-block .card-preview .card-preview-image,
.minecraft-resource-card-2.minecraft-resource-card-item .card-preview .card-preview-image,
.minecraft-resource-card-2.minecraft-resource-card-mob .card-preview .card-preview-image,
.minecraft-resource-card-2.minecraft-resource-card-skin .card-preview .card-preview-image {
    background-size: contain;
    height: 130px;
    width: auto;
    image-rendering: pixelated;
}
.minecraft-resource-card-2.minecraft-resource-card-small {
    min-height: unset;
}
.minecraft-resource-card-2.minecraft-resource-card-small .card-preview .card-preview-image {
    height: auto;
}
.minecraft-resource-card-2.minecraft-resource-card-tiny {
    min-height: unset;
}
.minecraft-resource-card-2.minecraft-resource-card-tiny .card-preview {
    padding: 0.5rem;
}
.minecraft-resource-card-2.minecraft-resource-card-tiny .card-preview .card-preview-image {
    height: 80px;
}
.minecraft-resource-card-2.minecraft-resource-card-tiny .card-details {
    padding: 0.5rem;
}
.minecraft-resource-card-2.minecraft-resource-card-stacked {
    overflow: visible;
    z-index: 1;
    top: 8px;
}
.minecraft-resource-card-2.minecraft-resource-card-stacked:before {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    content: " ";
    height: 79%;
    left: -16px;
    position: absolute;
    top: -16px;
    width: 90%;
    z-index: -3;
}
.minecraft-resource-card-2.minecraft-resource-card-stacked:after {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    content: " ";
    height: 89%;
    left: -8px;
    position: absolute;
    top: -8px;
    width: 99%;
    z-index: -2;
}
.minecraft-resource-card-2.minecraft-resource-card-featured {
    position: relative;
}
.minecraft-resource-card-2.minecraft-resource-card-featured:after {
    content: url(../image/cards/project/icon-featured-project.png);
    position: absolute;
    top: -32px;
    left: -26px;
    transform: scale(.5);
}
.minecraft-resource-card-2 .card-details .card-button.button {
    padding: 0.55em 0.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.school-plan-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    padding: 24px;
}
.school-plan-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.school-plan-card .title {
    color: #565f85;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.7em;
}
.school-plan-card .title.has-sale {
    max-width: 75%;
}
.school-plan-card .included {
    font-size: 12px;
    list-style-type: disc;
    margin-bottom: 10px;
    padding-left: 1em;
}
.school-plan-card .included .icon-checkmark {
    color: #5cbe5a;
}
.school-plan-card .price,
.school-plan-card .sale,
.school-plan-card .unit-price {
    color: #000;
    line-height: 1.75;
    margin-bottom: 1rem;
}
.school-plan-card .price .value,
.school-plan-card .sale .value,
.school-plan-card .unit-price .value {
    font-weight: 700;
}
.school-plan-card .price.has-sale {
    font-size: 14px;
    margin-bottom: 0;
    text-decoration: line-through;
}
.school-plan-card .unit-price {
    font-size: 12px;
}
.school-plan-card .unit-price.has-sale .unit-price-value {
    color: #bf103d;
}
.school-plan-card .divider {
    border-bottom: 1px solid #e0e0e0;
    color: #e0e0e0;
    line-height: 0.05em;
    margin: 16px 0;
    text-align: center;
    width: 100%;
}
.school-plan-card .divider span {
    background: #fff;
    padding: 0 8px;
}
.school-plan-card p.divider {
    font-size: 12px;
    padding-bottom: 0;
}
.school-plan-card .package-price {
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px;
}
.school-plan-card .package-price-value {
    font-weight: 700;
}
.school-plan-card .package-price-notes {
    font-size: 12px;
}
.school-plan-card .package-price.has-sale .package-price-value {
    color: #bf103d;
}
.school-plan-card .package-price-savings {
    background-color: #bf103d;
    color: #fff;
    position: absolute;
    right: -24px;
    top: 0;
    font-size: 11px;
    padding: 11px 16px;
    text-align: center;
    text-transform: uppercase;
}
.school-plan-card .package-price-savings:after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid #fff;
    height: 0;
    width: 0;
    content: " ";
    left: 0;
    position: absolute;
    top: 0;
}
.school-plan-card .package-price-old-price {
    font-size: 12px;
    position: absolute;
    right: 0;
    text-decoration: line-through;
    top: 10px;
}
.school-plan-card .sale {
    color: #bf103d;
}
.school-plan-card .course-sale-badge {
    top: 0.25rem;
    right: 0.25rem;
}
.school-plan-card .cta {
    margin-top: auto;
}
.school-plan-card .cta .button {
    margin-bottom: 0;
}
.school-plan-card .cta-secondary {
    margin-top: 8px;
}
.school-plan-card .cta-secondary a {
    font-size: 12px;
}
.pricing-card {
    --secondary-text-color: #25293a;
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    border-radius: 8px;
    cursor: default;
    min-height: 317px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: center;
    width: 300px;
}
.pricing-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .pricing-card {
        width: 100%;
    }
}
.pricing-card .pricing-card-sale-ribbon {
    background-color: #bb1c1c;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 0;
    position: absolute;
    top: 10px;
    left: -40px;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-45deg);
    width: 150px;
}
.pricing-card .pricing-card-sale-ribbon-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -5px;
    width: 125px;
    height: 125px;
    z-index: 1;
}
.pricing-card .pricing-card-sale-ribbon:before {
    border: 3px solid transparent;
    border-top-color: #530707;
    content: "";
    position: absolute;
    top: 100%;
    left: 2px;
}
.pricing-card .pricing-card-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #0a0a0a;
    min-height: 94px;
    padding-bottom: 0;
    padding-top: 30px;
    position: relative;
}
.pricing-card .pricing-card-header h2 {
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 6px;
    text-transform: uppercase;
}
.pricing-card .pricing-card-header .pricing-card-banner-container {
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
}
.pricing-card .pricing-card-header .pricing-card-subtitle-2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}
.pricing-card .pricing-card-body {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.pricing-card .pricing-card-body .pricing-card-price-was {
    color: #999;
    font-size: 24px;
    text-decoration: line-through;
}
.pricing-card .pricing-card-body .pricing-card-price-was .month {
    font-size: 20px;
}
.pricing-card .pricing-card-body .pricing-card-price {
    color: var(--secondary-text-color);
    font-size: 30px;
    font-weight: 700;
    padding-top: 10px;
}
.pricing-card .pricing-card-body .pricing-card-price .month {
    font-size: 20px;
}
.pricing-card .pricing-card-body .pricing-card-sale {
    color: #bf103d;
}
.pricing-card .pricing-card-body .pricing-card-savings {
    color: #bf103d;
    font-size: 16px;
    font-weight: 700;
}
.pricing-card .pricing-card-body .pricing-card-access {
    color: #20b4ac;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    max-width: 225px;
    margin-right: auto;
    margin-left: auto;
}
.pricing-card .pricing-card-body .pricing-card-access:first-of-type {
    margin-top: 20px;
}
.pricing-card .pricing-card-body .pricing-card-billing-interval {
    color: var(--secondary-text-color);
    display: block;
    font-size: 16px;
    text-align: center;
}
.pricing-card .pricing-card-body .pricing-card-note {
    color: var(--secondary-text-color);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.pricing-card .pricing-card-body .pricing-card-billing {
    color: #5c5b5b;
    font-size: 12px;
}
.pricing-card .pricing-card-body .pricing-card-previous-billing {
    text-decoration: line-through;
}
.pricing-card .pricing-card-body .pricing-card-billing.pricing-card-billing-forever,
.pricing-card .pricing-card-body .pricing-card-subtitle {
    font-weight: 600;
}
.pricing-card .pricing-card-footer .pricing-card-button .button {
    letter-spacing: 0.15em;
    margin-top: 1em;
    margin-bottom: 1rem;
}
.pricing-card .pricing-card-footer .pricing-card-button .button:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 7.5rem;
    left: 0;
}
@media print,screen and (min-width:64em) {
    .pricing-card .pricing-card-footer .pricing-card-button .button {
        width: 220px;
    }
}
.pricing-card .pricing-card-footer .pricing-card-note {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}
.pricing-card .pricing-card-footer .pricing-card-savings {
    color: #bf103d;
    font-size: 16px;
    font-weight: 700;
}
.pricing-card .pricing-card-footer ul.pricing-card-icons {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li {
    padding: 0 0.45rem;
    position: relative;
    text-align: center;
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon {
    background-color: #8ac26b;
    display: inline-block;
    height: 42px;
    width: 42px;
    background-repeat: no-repeat;
    border-radius: 42px;
    background-size: 60%;
    background-position: 50%;
    position: relative;
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--block-coding {
    background-image: url(../image/course-catalog/icon-block-coding.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--game {
    background-image: url(../image/course-catalog/icon-game.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--minecraft {
    background-image: url(../image/course-catalog/icon-minecraft.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--text-coding {
    background-image: url(../image/course-catalog/icon-text-coding.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--data {
    background-image: url(../image/course-catalog/icon-data.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--ai {
    background-image: url(../image/course-catalog/icon-ai.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--phone {
    background-image: url(../image/course-catalog/icon-phone.svg);
    background-size: 19px 30px;
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--satellite {
    background-image: url(../image/course-catalog/icon-satellite.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__icon.\--certificate {
    background-image: url(../image/course-catalog/icon-certificate.svg);
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li .pricing-card-icons__label {
    color: var(--secondary-text-color);
    display: block;
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 8px;
    width: 48px;
}
.pricing-card .pricing-card-footer ul.pricing-card-icons li.has-tip .pricing-card-icons__label {
    font-weight: 400;
}
.pricing-card .pricing-card-footer .pricing-card-checklist {
    color: #0a0a0a;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1.5rem;
    text-align: left;
}
@media print,screen and (min-width:64em) {
    .pricing-card .pricing-card-footer .pricing-card-checklist {
        width: 240px;
    }
}
.pricing-card .pricing-card-footer .pricing-card-checklist:first-of-type {
    margin-top: 1.5rem;
}
.pricing-card .pricing-card-footer .pricing-card-checklist:last-of-type {
    margin-bottom: 2rem;
}
.pricing-card .pricing-card-footer .pricing-card-checklist ul.checkmark li {
    font-size: 0.875rem;
    font-weight: 700;
}
.pricing-card .pricing-card-footer .pricing-card-checklist ul li.\--highlight {
    background-image: none;
    border: 1px solid green;
    border-radius: 5px;
    margin-top: 26px;
    padding: 8px;
    position: relative;
}
.pricing-card .pricing-card-footer .pricing-card-checklist ul li.\--highlight:before {
    position: absolute;
    top: -22px;
    background-color: green;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.pricing-card .pricing-card-footer .pricing-card-checklist ul li.\--highlight .note {
    font-size: 12px;
    font-weight: 400;
}
.pricing-card .pricing-card-footer .pricing-card-checklist ul li.\--highlight.\--limited-time:before {
    content: "Limited Time";
}
.pricing-card.pricing-card-best-value .pricing-card-header,
.pricing-card.pricing-card-recommended .pricing-card-header {
    background-color: #00bcd4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.pricing-card.pricing-card-best-value .pricing-card-header h2,
.pricing-card.pricing-card-recommended .pricing-card-header h2 {
    color: #fff;
    font-weight: 600;
}
.pricing-card.pricing-card-best-value .pricing-card-header .pricing-card-subtitle,
.pricing-card.pricing-card-recommended .pricing-card-header .pricing-card-subtitle {
    color: #fff;
}
.pricing-card.pricing-card-gift {
    min-height: 380px;
}
.pricing-card.pricing-card-gift h2 {
    font-size: 24px;
    padding-bottom: 0;
}
.pricing-card.pricing-card-gift img {
    height: 90px;
}
a.pricing-card,
a.pricing-card .pricing-card-body,
a.pricing-card .pricing-card-body .pricing-card-billing,
a.pricing-card .pricing-card-body .pricing-card-price,
a.pricing-card .pricing-card-body .pricing-card-price-was,
a.pricing-card .pricing-card-footer .pricing-card-button,
a.pricing-card .pricing-card-footer .pricing-card-note,
a.pricing-card .pricing-card-header {
    display: block;
}
.project-card-2 {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 30px;
    position: relative;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    overflow: hidden;
    text-align: left;
    min-height: 236px;
}
.project-card-2:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.project-card-2 .card-preview {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    position: relative;
    text-align: center;
}
.project-card-2 .card-preview .card-preview-image {
    cursor: pointer;
    height: 160px;
}
.project-card-2 .card-preview div.card-preview-image,
.project-card-2 .card-preview span.card-preview-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
}
.project-card-2 .card-preview .card-preview-action {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    border: 3px solid #fff;
    max-width: 80px;
    max-height: 80px;
}
.project-card-2 .card-preview .card-preview-action .card-preview-action-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    line-height: 94px;
    font-size: 36px;
    color: #fff;
    width: 100%;
}
.project-card-2 .card-preview .card-preview-action.card-preview-action-0 {
    left: 25%;
}
.project-card-2 .card-preview .card-preview-action.card-preview-action-1 {
    left: 75%;
}
.project-card-2 .card-preview .card-preview-actions {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.project-card-2 .card-preview .card-preview-overlay .features {
    position: absolute;
    display: inline-block;
    right: 5px;
    top: 10px;
}
.project-card-2 .card-preview .card-preview-overlay .features .feature-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.project-card-2 .card-preview .card-preview-overlay .features .feature-icon.feature-icon-code {
    background-image: url(../images/minecraft-resource-card/icon-codeblock-color@2x.png);
}
.project-card-2 .card-details {
    background: #fff;
    border: none;
    border-top: 1px solid #eee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0.89rem 0.5rem;
    position: relative;
}
.project-card-2 .card-details .card-avatar {
    left: 11px;
    position: absolute;
    top: -22px;
}
.project-card-2 .card-details .card-avatar img {
    background-color: #00bcd4;
    border-radius: 50%;
    border: 3px solid #f8f8f8;
    height: 40px;
    width: 40px;
}
.project-card-2 .card-details .card-avatar.card-avatar-adventurer img {
    border: 3px solid #478468;
    background: #aff5ba;
}
.project-card-2 .card-details .card-avatar.card-avatar-hacker img {
    border: 3px solid #1e78ca;
    background: #8edbe8;
}
.project-card-2 .card-details .card-avatar.card-avatar-code-ninja img {
    border: 3px solid #e97f27;
    background: #fcdb88;
}
.project-card-2 .card-details .card-avatar.card-avatar-code-master img {
    border: 3px solid #e23f2d;
    background: #e29d95;
}
.project-card-2 .card-details .card-name {
    color: #25293a;
    font-weight: 700;
    margin: 0;
    min-height: 20px;
    padding: 0;
    text-transform: none;
    line-height: 20px;
}
.project-card-2 .card-details .card-description,
.project-card-2 .card-details .card-name {
    text-overflow: ellipsis;
    text-rendering: optimizeLegibility;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
}
.project-card-2 .card-details .card-description {
    color: #666;
}
.project-card-2 .card-details .card-description a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    vertical-align: text-top;
}
.project-card-2 .card-details .card-counter {
    padding-top: 5px;
}
.project-card-2 .card-details .card-counter .image {
    padding: 3px;
}
.project-card-2 .card-details .card-counter .value {
    font-weight: 400;
    color: #666;
    font-size: 11px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
}
.project-card-2 .card-details .card-counter.card-counter-likes .image {
    background: transparent url(../image/dashboard/student/project-icons/favorite.png) no-repeat 50%;
    background-size: 21px 18px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 100%;
}
.project-card-2 .card-details .card-counter.card-counter-likes.liked .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.project-card-2 .card-details .card-counter.card-counter-likes.liked:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite.png);
}
.project-card-2 .card-details .card-counter.card-counter-likes:hover {
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -moz-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -o-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -ms-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.project-card-2 .card-details .card-counter.card-counter-likes:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.project-card-2 .card-details .card-counter.card-counter-views .image {
    display: inline-block;
    background: transparent url(../image/dashboard/student/project-icons/views.png) no-repeat 50%;
    background-size: 21px 18px;
    width: 100%;
    height: 18px;
}
.project-card-2 .card-details .card-button {
    text-align: center;
}
.project-card-2 .card-details .card-button:not(.button) .card-button-label {
    font-size: 11px;
    letter-spacing: -.05em;
}
.project-card-2 .card-details .card-button:not(.button):hover {
    background-color: #00bcd4;
    color: #fff;
}
.project-card-2 .card-details .card-button.button {
    margin-bottom: 0;
    padding: 0.85em 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.project-card-2 .card-details .card-button.button .card-button-icon {
    display: inline;
    font-size: 18px;
    margin-right: 10px;
}
.project-card-2 .card-details .card-button.button .card-button-label {
    font-size: 12px;
    display: inline;
}
.project-card-2 .card-back {
    min-height: 222px;
    padding-top: 19px;
    padding-bottom: 19px;
}
.project-card-2 .card-back ul {
    font-size: 16px;
    margin-left: 1rem;
    margin-right: 2rem;
}
.project-card-2 .card-back ul li a {
    border-bottom: 1px solid #efefef;
    color: #0a0a0a;
    display: inline-block;
    font-weight: 300;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}
.project-card-2 .card-back ul li a:hover {
    background-color: #00bcd4;
    color: #fff;
}
.project-card-2 .card-back ul li:last-child a {
    border-bottom: none;
}
.project-card-2 .card-back ul li span {
    padding-right: 10px;
}
.project-card-2:hover .card-preview .card-preview-action,
.project-card-2:hover .card-preview .card-preview-actions {
    display: block;
}
.project-card-2.locked.card.card-minecraft .action-hover-container .action-hover {
    display: none;
}
.project-card-2.locked.card.card-minecraft .action-hover-container:hover .action-hover {
    display: inline-block;
}
.project-card-2 .card-more-options {
    bottom: 17px;
    filter:brightness(100%);
    position: absolute;
    top: -25px;
    right: -20px;
    background: hsla(0,0%,100%,.98);
    border-radius: 40%;
    height: 55px;
    width: 55px;
    box-shadow: -1px 2px 5px rgba(0,0,0,.1);
    color: #0ba0c1;
    font-size: 41px;
    font-weight: 500;
    padding-left: 7px;
    padding-top: 7px;
}
.project-card-2 .card-hover-tag {
    background-color: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    position: absolute;
    left: 10px;
    top: 10px;
}
.project-card-2 .card-hover-tag.card-hover-tag-primary,
.project-card-2 .card-hover-tag.card-hover-tag-secondary {
    background-color: rgba(0,188,212,.85);
}
.project-card-2 .card-hover-tag.card-hover-tag-red {
    background-color: rgba(242,89,84,.85);
}
.project-card-2 .card-ribbon {
    width: 115px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 112px;
    right: -3px;
}
.project-card-2 .card-ribbon:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
}
.project-card-2 .card-ribbon > .card-ribbon-label {
    font: 12px Open Sans,Helvetica,Arial,sans-serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(0,0,0,.5) 0 1px 0;
    position: relative;
    padding: 5px 0;
    left: 15px;
    line-height: 1.2;
    top: 15px;
    width: 97px;
    box-shadow: 0 0 8px rgba(0,0,0,.9);
}
.project-card-2 .card-ribbon.card-ribbon-free:before {
    border-color: #f25954 #f25954 #f25954 transparent;
}
.project-card-2 .card-ribbon.card-ribbon-free > .card-ribbon-label {
    background-color: #f25954;
}
.project-card-2 .card-ribbon.card-ribbon-beginner:before {
    border-color: #22bdb6 #22bdb6 #22bdb6 transparent;
}
.project-card-2 .card-ribbon.card-ribbon-beginner > .card-ribbon-label {
    background-color: #22bdb6;
}
.project-card-2 .card-ribbon.card-ribbon-intermediate:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.project-card-2 .card-ribbon.card-ribbon-intermediate > .card-ribbon-label {
    background-color: #3ca7de;
}
.project-card-2 .card-ribbon.card-ribbon-advanced:before {
    border-color: #9078c6 #9078c6 #9078c6 transparent;
}
.project-card-2 .card-ribbon.card-ribbon-advanced > .card-ribbon-label {
    background-color: #9078c6;
}
.project-card-2 .card-ribbon.card-ribbon-easy-modding:before {
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.project-card-2 .card-ribbon.card-ribbon-easy-modding > .card-ribbon-label {
    background-color: #3ca7de;
}
.card-tag {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.card-tag .card-tag-icon {
    vertical-align: inherit;
}
.card-tag .card-tag-content {
    height: 23px;
    border-radius: 5px;
    position: relative;
    width: 85px;
}
.card-tag .card-tag-content .card-tag-content-label {
    display: block;
    width: 94%;
    position: absolute;
    top: -2px;
    left: 2px;
    height: 27px;
    border-radius: 100% 100%/24% 24%;
    font-size: 10px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    font-weight: 700;
    text-shadow: 2px 1px rgba(0,0,0,.3);
}
.card-tag.card-tag-small .card-tag-content {
    width: 45px;
}
.card-tag.card-tag-green .card-tag-content,
.card-tag.card-tag-green .card-tag-content .card-tag-content-label {
    background-color: #2fc27e;
}
.card-tag.card-tag-blue .card-tag-content,
.card-tag.card-tag-blue .card-tag-content .card-tag-content-label {
    background-color: #128fcf;
}
.card-tag.card-tag-orange .card-tag-content,
.card-tag.card-tag-orange .card-tag-content .card-tag-content-label {
    background-color: #dc8835;
}
.card-tag+.card-tag.card-tag-languages,
.card-tag+.card-tag.card-tag-voiceover {
    right: 105px;
}
.card-tag.card-tag-voiceover .card-tag-content,
.card-tag.card-tag-voiceover .card-tag-content .card-tag-content-label {
    background-color: #7580b3;
}
.card-tag.card-tag-voiceover .card-tag-content .card-tag-icon {
    background-image: url(../image/cards/icons/voiceover.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
}
.card-tag.card-tag-voiceover .card-tag-content .card-tag-icon-large {
    width: 1.75em;
    height: 1.75em;
}
.card-tag-language {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}
.card-tag-language span {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../image/dashboard/student/project-icons/block.png);
}
.card-tag-language.javascript,
.card-tag-language.js {
    background-color: #f8db46;
    color: #000;
}
.card-tag-language.javascript span,
.card-tag-language.js span {
    background-image: url(../image/dashboard/student/project-icons/javascript.png);
}
.card-tag-language.java {
    background-color: #81c373;
}
.card-tag-language.java span {
    background-image: url(../image/dashboard/student/project-icons/java.png);
}
.card-tag-language.py,
.card-tag-language.python {
    background-color: #4786b9;
}
.card-tag-language.py span,
.card-tag-language.python span {
    background-image: url(../image/dashboard/student/project-icons/python.png);
}
.card-tag-language.p5,
.card-tag-language.p5js {
    background-color: #ed225d;
}
.card-tag-language.p5 span,
.card-tag-language.p5js span {
    background-image: url(../image/course-catalog/icon-P5.svg);
}
.card-tag-language.html {
    background-color: #f9a342;
}
.card-tag-language.html span {
    background-image: url(../image/dashboard/student/project-icons/html.png);
}
.project-card-2 .card-ribbon {
    text-transform: capitalize;
}
.project-card-2 a.card-preview,
.project-card-2 a.card-preview span.card-preview-image,
a.project-card-2,
a.project-card-2 .card-details,
a.project-card-2 .card-preview,
a.project-card-2 .card-preview span.card-preview-image {
    display: block;
}
.project-card-2 .card-preview {
    background: #fff;
}
.project-card-2 .card-preview img.card-preview-image {
    width: 100%;
}
.project-card-2 .card-preview .card-preview-text {
    position: absolute;
    width: 100%;
    margin-top: 30px;
    top: 0;
    left: 0;
}
.project-card-2 .card-preview .card-preview-text span {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    color: #fff;
    background-color: #ef575c;
    font-size: 50px;
    font-weight: 700;
}
.project-card-2 .card-preview .card-preview-action .card-preview-action-icon.custom-play-icon {
    border-bottom: 25px solid transparent;
    border-left: 40px solid #fff;
    border-top: 25px solid transparent;
    display: block;
    height: 0;
    left: 42px;
    margin: 0 auto;
    position: absolute;
    top: 36px;
    width: 0;
}
.project-card-2 .card-preview .card-preview-overlay .in-showcase {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    background: #8d73c3;
}
.project-card-2 .card-preview .card-preview-overlay .in-showcase span {
    margin-right: 4px;
}
.project-card-2 .card-preview .card-preview-overlay .has-tutorial {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 32px;
    background: #36a1d8 url(../image/ui/icn-tutorial.png) 50% no-repeat;
    padding: 0;
}
.project-card-2 .card-preview .card-preview-overlay .warning {
    background-color: #ea1a09;
}
.project-card-2 .card-preview .card-preview-overlay .notice,
.project-card-2 .card-preview .card-preview-overlay .warning {
    display: block;
    position: absolute;
    left: 15%;
    bottom: 4px;
    width: 70%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 9px;
    text-transform: uppercase;
}
.project-card-2 .card-preview .card-preview-overlay .notice {
    background-color: #fa9e0a;
}
.project-card-2 .card-preview .card-preview-overlay .info {
    display: block;
    position: absolute;
    left: 15%;
    bottom: 4px;
    width: 70%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background-color: #47ba16;
    border-radius: 9px;
    text-transform: uppercase;
}
.project-card-2 .card-preview .card-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 30px;
    padding: 6px;
    color: #fff;
    background-color: #ef575c;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}
.project-card-2 .card-preview .card-tag span {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 4px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../image/dashboard/student/project-icons/block.png);
}
.project-card-2 .card-preview.py {
    background: -webkit-linear-gradient(-180deg,#86bedc,#5496c7);
    background: linear-gradient(-180deg,#86bedc,#5496c7);
}
.project-card-2 .card-preview.py .card-preview-text span,
.project-card-2 .card-preview.py .card-tag {
    background-color: #4786b9;
}
.project-card-2 .card-preview.py .card-tag span {
    background-image: url(../image/dashboard/student/project-icons/python.png);
}
.project-card-2 .card-preview.js {
    background: -webkit-linear-gradient(-180deg,#feedad,#fee37a);
    background: linear-gradient(-180deg,#feedad,#fee37a);
}
.project-card-2 .card-preview.js .card-preview-text span,
.project-card-2 .card-preview.js .card-tag {
    color: #000;
    background-color: #f8db46;
}
.project-card-2 .card-preview.js .card-tag span {
    background-image: url(../image/dashboard/student/project-icons/javascript.png);
}
.project-card-2 .card-preview.css,
.project-card-2 .card-preview.html,
.project-card-2 .card-preview.text {
    background: -webkit-linear-gradient(-180deg,#fec796,#fda561);
    background: linear-gradient(-180deg,#fec796,#fda561);
}
.project-card-2 .card-preview.css .card-preview-text span,
.project-card-2 .card-preview.css .card-tag,
.project-card-2 .card-preview.html .card-preview-text span,
.project-card-2 .card-preview.html .card-tag,
.project-card-2 .card-preview.text .card-preview-text span,
.project-card-2 .card-preview.text .card-tag {
    background-color: #f9a342;
}
.project-card-2 .card-preview.css .card-tag span,
.project-card-2 .card-preview.html .card-tag span,
.project-card-2 .card-preview.text .card-tag span {
    background-image: url(../image/dashboard/student/project-icons/html.png);
}
.project-card-2 .card-preview.java {
    background: -webkit-linear-gradient(-180deg,#6ab459,#a6dd9f);
    background: linear-gradient(-180deg,#6ab459,#a6dd9f);
}
.project-card-2 .card-preview.java .card-preview-text span,
.project-card-2 .card-preview.java .card-tag {
    color: #fff;
    background-color: #699b64;
}
.project-card-2 .card-preview.java .card-tag span {
    background-image: url(../image/dashboard/student/project-icons/java.png);
}
.project-card-2.project-card-2-featured {
    position: relative;
}
.project-card-2.project-card-2-featured:after {
    content: url(../image/cards/project/icon-featured-project.png);
    position: absolute;
    top: -32px;
    left: -26px;
    transform: scale(.5);
}
.project-card-2.project-card-2-featured.project-card-2-featured-notebook:after {
    top: 0;
}
.project-card-2.project-card-2-stacked {
    overflow: visible;
    z-index: 1;
    top: 8px;
}
.project-card-2.project-card-2-stacked:before {
    height: 79%;
    left: -16px;
    top: -16px;
    width: 90%;
    z-index: -3;
}
.project-card-2.project-card-2-stacked:after,
.project-card-2.project-card-2-stacked:before {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #eee;
    content: " ";
    position: absolute;
}
.project-card-2.project-card-2-stacked:after {
    height: 89%;
    left: -8px;
    top: -8px;
    width: 99%;
    z-index: -2;
}
.project-card-2.project-card-2-stacked-purple {
    overflow: visible;
    z-index: 1;
    top: 8px;
}
.project-card-2.project-card-2-stacked-purple:before {
    background-color: #a70644;
    border-radius: 5px;
    border: 1px solid #eee;
    content: " ";
    height: 79%;
    left: -16px;
    position: absolute;
    top: -16px;
    width: 90%;
    z-index: -3;
}
.project-card-2.project-card-2-stacked-purple:after {
    background-color: #bd274b;
    border: 1px solid #eee;
    border-radius: 5px;
    content: " ";
    height: 89%;
    left: -8px;
    position: absolute;
    top: -8px;
    width: 99%;
    z-index: -2;
}
.project-list-item {
    position: relative;
    min-height: 30px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 4px;
}
.project-list-item .item-edit {
    color: #0a0a0a;
}
.project-list-item .more-popup {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #fff;
    z-index: 10;
    border: 1px solid #ccc;
    padding: 0;
}
.project-list-item .more-popup ul {
    font-size: 16px;
    margin: 10px;
}
.project-list-item .more-popup ul li a {
    border-bottom: 1px solid #efefef;
    color: #0a0a0a;
    display: inline-block;
    font-weight: 300;
    padding: 10px;
    text-decoration: none;
    width: 100%;
}
.project-list-item .more-popup ul li a:hover {
    background-color: #00bcd4;
    color: #fff;
}
.project-list-item .more-popup ul li:last-child a {
    border-bottom: none;
}
.project-list-item .more-popup ul li span {
    padding-right: 10px;
}
.project-list-item .item-owner {
    font-weight: 400;
    cursor: pointer;
    font-size: 12px;
}
.project-list-item .item-preview {
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
}
.project-list-item .item-preview .warning {
    color: red;
    float: right;
}
.project-list-item .item-preview span.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 4px;
    border-radius: 50%;
    background-size: 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../image/dashboard/student/project-icons/block.png);
}
.project-list-item.py .item-preview span.icon {
    background-color: #4786b9;
    background-image: url(../image/dashboard/student/project-icons/python.png);
}
.project-list-item.js .item-preview span.icon {
    background-color: #f8db46;
    background-image: url(../image/dashboard/student/project-icons/javascript.png);
}
.project-list-item.css .item-preview span.icon,
.project-list-item.html .item-preview span.icon,
.project-list-item.text .item-preview span.icon {
    background-color: #f9a342;
    background-image: url(../image/dashboard/student/project-icons/html.png);
}
.project-list-item .item-actions {
    text-align: right;
}
.project-list-item .item-actions > div {
    display: inline-block;
}
.project-list-item .item-more-options {
    color: #0ba0c1;
    font-size: 41px;
    font-weight: 500;
    line-height: 10px;
    display: inline-block;
    margin-top: 6px;
    vertical-align: top;
    height: 20px;
    width: 24px;
    overflow: hidden;
    text-align: left;
}
.project-list-item .item-counter {
    display: inline-block;
    margin-right: 10px;
    min-width: 50px;
    text-align: left;
}
.project-list-item .item-counter .image {
    padding: 3px;
    vertical-align: middle;
}
.project-list-item .item-counter .value {
    font-weight: 400;
    color: #666;
    font-size: 11px;
    padding-bottom: 0;
    text-align: center;
}
.project-list-item .item-counter.item-counter-likes .image {
    background: transparent url(../image/dashboard/student/project-icons/favorite.png) no-repeat 50%;
    background-size: 21px 18px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    width: 22px;
}
.project-list-item .item-counter.item-counter-likes.liked .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.project-list-item .item-counter.item-counter-likes.liked:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite.png);
}
.project-list-item .item-counter.item-counter-likes:hover {
    -webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -moz-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -o-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    -ms-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,.25));
}
.project-list-item .item-counter.item-counter-likes:hover .image {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.project-list-item .item-counter.item-counter-views .image {
    display: inline-block;
    background: transparent url(../image/dashboard/student/project-icons/views.png) no-repeat 50%;
    background-size: 21px 18px;
    height: 18px;
    width: 22px;
}
.project-list-item .item-button {
    text-align: center;
    font-size: 12px;
    padding: 6px 14px;
}
.project-list-item .item-button:not(.button):hover {
    background-color: #00bcd4;
    color: #fff;
}
.project-list-item .item-button.button {
    margin-bottom: 0;
}
.project-list-item .item-button.button .item-button-icon {
    display: inline;
    font-size: 18px;
    margin-right: 10px;
}
.project-list-item .item-button.button .item-button-label {
    display: inline;
}
.student-assignment-group-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
}
.student-assignment-group-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.student-assignment-group-card img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 160px;
    object-fit: cover;
    width: 100%;
}
.student-assignment-group-card .card-details {
    padding: 1rem;
}
.student-assignment-group-card .card-details .title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
}
.student-assignment-group-card .card-details .description {
    margin-bottom: 25px;
    text-align: center;
    font-size: 12px;
}
.student-assignment-group-card .card-details .progress-start {
    position: relative;
}
.student-assignment-group-card .card-details .progress-start .start {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}
.student-assignment-group-card .card-details .progress {
    max-width: 150px;
    margin: 5px auto;
}
.student-assignment-group-card .card-details .progress-message {
    font-size: 16px;
}
.student-assignment-group-card .card-details .play-button-hover {
    padding: 5px 30px;
    color: #00bcd4;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #00bcd4;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.student-assignment-group-card .card-details .play-button-hover span.icon {
    margin: 0 2px;
    font-size: 13px;
    vertical-align: baseline;
}
.student-assignment-group-card:hover .progress-start .start {
    display: block;
}
.student-assignment-group-card:hover .play-button-hover {
    color: #fff;
    background-color: #00bcd4;
}
.user-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    display: block;
    padding: 10px 0;
}
.user-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.user-card .avatar {
    width: 70px;
    margin: 0 auto 10px;
    display: block;
    height: auto;
}
.user-card .avatar .avatar-img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.user-card .avatar .avatar-img,
.user-card .avatar .avatar-img.adventurer {
    border: 3px solid #478468;
    background: #aff5ba;
    background: -moz-linear-gradient(top,#aff5ba 0,#478468 99%);
    background: -webkit-linear-gradient(top,#aff5ba,#478468 99%);
    background: linear-gradient(180deg,#aff5ba 0,#478468 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#aff5ba",endColorstr="#478468",GradientType=0);
}
.user-card .avatar .avatar-img.hacker {
    border: 3px solid #1e78ca;
    background: #8edbe8;
    background: -moz-linear-gradient(top,#8edbe8 0,#1e78ca 100%);
    background: -webkit-linear-gradient(top,#8edbe8,#1e78ca);
    background: linear-gradient(180deg,#8edbe8 0,#1e78ca);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8edbe8",endColorstr="#1e78ca",GradientType=0);
}
.user-card .avatar .avatar-img.code-ninja {
    border: 3px solid #e97f27;
    background: #fcdb88;
    background: -moz-linear-gradient(top,#fcdb88 0,#e97f27 100%);
    background: -webkit-linear-gradient(top,#fcdb88,#e97f27);
    background: linear-gradient(180deg,#fcdb88 0,#e97f27);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcdb88",endColorstr="#e97f27",GradientType=0);
}
.user-card .avatar .avatar-img.code-master {
    border: 3px solid #e23f2d;
    background: #e29d95;
    background: -moz-linear-gradient(top,#e29d95 0,#e23f2d 100%);
    background: -webkit-linear-gradient(top,#e29d95,#e23f2d);
    background: linear-gradient(180deg,#e29d95 0,#e23f2d);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e29d95",endColorstr="#e23f2d",GradientType=0);
}
.user-card .username {
    color: #444;
}
.user-card .user-level,
.user-card .username {
    text-align: center;
    padding: 0;
    margin: 0;
}
.user-card .stats .value {
    font-size: 11px;
    text-align: center;
    color: #555;
}
.circle-progress {
    height: 111px;
    width: 111px;
    border-radius: 50%;
    position: relative;
    display: block;
    margin: 30px auto;
    background-color: #fff;
    overflow: visible;
}
.circle-progress.lesson {
    overflow: hidden;
}
.circle-progress.lesson img {
    display: block;
    margin: 0 auto;
}
.circle-progress .character-badge {
    position: absolute;
    margin-top: -10px;
    z-index: 2;
    right: 1%;
}
.circle-progress svg {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}
.circle-progress svg circle {
    fill: none;
}
.circle-progress-bar {
    fill: none;
    stroke-dasharray: 620;
    stroke-dashoffset: -620;
    animation: dash 3s linear forwards;
    animation-iteration-count: 1;
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.codey-slider {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 82px;
}
.codey-slider__bar {
    background: #036896;
    box-shadow: 1px 1px 0 0 rgba(0,0,0,.14);
    border-radius: 100px;
    height: 35px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 6px;
    position: relative;
}
.codey-slider__ruler {
    border: 4px solid #0081bc;
    position: absolute;
    left: 51px;
    right: 51px;
    top: 14px;
    opacity: 0.47;
}
.codey-slider__point {
    background-image: url(../image/codey-slider/point.png);
    background-repeat: no-repeat;
    height: 24px;
    position: relative;
    width: 24px;
}
.codey-slider__cursor-container {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 0;
}
.codey-slider__cursor {
    background-image: url(../image/codey-slider/cursor--white.png);
    background-repeat: no-repeat;
    height: 111px;
    width: 119px;
    top: -81px;
    position: absolute;
    left: 2px;
    margin-left: -60px;
}
.codey-slider__cursor .codey-slider__cursor__label {
    font-size: 14px;
    font-weight: 600;
    color: #1294d2;
    letter-spacing: 0.85px;
    margin-top: 76px;
}
.codey-slider__cursor .codey-slider__cursor__label,
.codey-slider__point__label {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
}
.codey-slider__point__label {
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    top: -60px;
    min-width: 120px;
    right: -48px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.97px;
}
.codey-slider.stuck {
    background-color: #029ce1;
    left: 0;
    padding: 92px 8px 10px;
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 1;
}
.codey-slider.codey-slider--white-when-stuck.stuck {
    background-color: #fff;
}
.codey-slider.codey-slider--white-when-stuck.stuck .codey-slider__bar {
    background-color: #cddee7;
}
.codey-slider.codey-slider--white-when-stuck.stuck .codey-slider__ruler {
    border-color: #b8cad5;
}
.codey-slider.codey-slider--white-when-stuck.stuck .codey-slider__point {
    background-image: url(../image/codey-slider/point--light.png);
}
.codey-slider.codey-slider--white-when-stuck.stuck .codey-slider__cursor.codey-slider__cursor {
    background-image: url(../image/codey-slider/cursor--blue.png);
}
.codey-slider.codey-slider--white-when-stuck.stuck .codey-slider__cursor.codey-slider__cursor .codey-slider__cursor__label {
    color: #fff;
}
.codey-slider.codey-slider--white-when-stuck.stuck .codey-slider__point__label {
    color: #0081bc;
}
.codey-slider.codey-slider--white .codey-slider__bar {
    background: 0 0;
    box-shadow: none;
}
.codey-slider.codey-slider--white .codey-slider__ruler {
    border: 4px solid #fff;
}
.codey-slider.codey-slider--white .codey-slider__point__label {
    top: -50px;
}
.codey-slider.codey-slider--minimal .codey-slider__bar {
    background: 0 0;
    box-shadow: none;
    padding-top: 18px;
}
.codey-slider.codey-slider--minimal .codey-slider__ruler {
    border: 4px solid #98e2ff;
    opacity: 1;
    top: 27px;
}
.codey-slider.codey-slider--minimal .codey-slider__point__label {
    top: -50px;
}
.codey-slider.codey-slider--minimal .codey-slider__cursor-container {
    top: 9px;
}
.coding-adventures-banner .coding-adventures-banner__graphic-container {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}
.coding-adventures-banner .coding-adventures-banner__graphic-container img {
    width: 100%;
}
.coding-adventures-banner .coding-adventures-banner__price-tag {
    position: absolute;
    right: 10%;
    top: 0;
}
.coding-adventures-banner .coding-adventures-banner__price-tag .coding-adventures-banner__price-tag__old-price {
    font-weight: 200;
    text-decoration: line-through;
}
.coding-adventures-banner .coding-adventures-banner__price-tag .coding-adventures-banner__price-tag__new-price {
    color: #f25954;
}
.coding-adventures-banner p,
.coding-adventures-banner ul {
    padding-bottom: 12px;
}
.coding-adventures-banner p.highlight {
    color: #f25954;
    font-weight: bolder;
}
@media(max-width:667px) {
    .coding-adventures-banner .coding-adventures-banner__graphic-container {
        width: 100%;
        clear: right;
    }
    .coding-adventures-banner .coding-adventures-banner__text-container {
        width: 100%;
    }
    .coding-adventures-banner .coding-adventures-banner__price-tag {
        bottom: 10px;
        top: auto;
    }
}
.coding-adventures-banner.coding-adventures-banner--small {
    padding: 0;
}
.coding-adventures-banner.coding-adventures-banner--small .coding-adventures-banner__graphic-container {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.coding-adventures-banner.coding-adventures-banner--small .coding-adventures-banner__text-container {
    padding-top: 20px;
}
.coding-adventures-banner.coding-adventures-banner--small .coding-adventures-banner__price-tag {
    right: 0;
}
.coding-adventures-banner.coding-adventures-banner--orange {
    background-color: #ffaa31;
    color: #fff;
}
.coding-adventures-banner.coding-adventures-banner--orange h1,
.coding-adventures-banner.coding-adventures-banner--orange h2,
.coding-adventures-banner.coding-adventures-banner--orange h3,
.coding-adventures-banner.coding-adventures-banner--orange h4,
.coding-adventures-banner.coding-adventures-banner--orange h5,
.coding-adventures-banner.coding-adventures-banner--orange p {
    color: #fff;
}
.coding-adventures-banner.coding-adventures-banner--blue {
    background-color: #3ca7de;
    color: #fff;
}
.coding-adventures-banner.coding-adventures-banner--blue h1,
.coding-adventures-banner.coding-adventures-banner--blue h2,
.coding-adventures-banner.coding-adventures-banner--blue h3,
.coding-adventures-banner.coding-adventures-banner--blue h4,
.coding-adventures-banner.coding-adventures-banner--blue h5,
.coding-adventures-banner.coding-adventures-banner--blue p {
    color: #fff;
}
.coding-adventures-banner.coding-adventures-banner--blue .coding-adventures-banner__price-tag__new-price {
    color: #ffaa31;
}
.coding-adventures-banner.coding-adventures-banner--beige {
    background-color: #faebd7;
    color: #282e33;
}
.coding-adventures-banner.coding-adventures-banner--beige .coding-adventures-banner__price-tag__new-price,
.coding-adventures-banner.coding-adventures-banner--beige p.highlight {
    color: crimson;
}
.coding-adventures-hero,
.coding-adventures-hero.photo-banner {
    margin: 0 auto;
    height: 700px;
    position: relative;
    padding-bottom: 20px;
}
.coding-adventures-hero .coding-adventures-hero__graphics .grid-33,
.coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33 {
    padding-right: 0;
    padding-left: 30px;
}
.coding-adventures-hero .coding-adventures-hero__graphics .grid-33 img,
.coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33 img {
    max-height: 500px;
}
.coding-adventures-hero .coding-adventures-hero__graphics .grid-33:first-child,
.coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33:first-child {
    padding-left: 0;
}
.coding-adventures-hero .coding-adventures-hero__graphics .coding-adventures-hero__graphics__haunted-mansion-container,
.coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .coding-adventures-hero__graphics__haunted-mansion-container {
    padding-top: 100px;
}
.coding-adventures-hero .coding-adventures-hero__copy,
.coding-adventures-hero.photo-banner .coding-adventures-hero__copy {
    bottom: 30px;
    padding-left: 35%;
    padding-right: 35%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.coding-adventures-hero .coding-adventures-hero__copy h1,
.coding-adventures-hero.photo-banner .coding-adventures-hero__copy h1 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 10px;
}
.coding-adventures-hero .coding-adventures-hero__copy h2,
.coding-adventures-hero.photo-banner .coding-adventures-hero__copy h2 {
    font-size: 24px;
}
.coding-adventures-hero .coding-adventures-hero__copy .btn-round,
.coding-adventures-hero.photo-banner .coding-adventures-hero__copy .btn-round {
    font-weight: 600;
}
@media(max-width:1280px) {
    .coding-adventures-hero .coding-adventures-hero__copy,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__copy {
        padding-left: 33%;
        padding-right: 33%;
    }
}
@media(max-width:1024px) {
    .coding-adventures-hero .coding-adventures-hero__copy,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__copy {
        bottom: 60px;
        padding-left: 30%;
        padding-right: 30%;
    }
}
@media(max-width:768px) {
    .coding-adventures-hero .coding-adventures-hero__graphics .grid-33:nth-child(2),
    .coding-adventures-hero .coding-adventures-hero__graphics .grid-33:nth-child(3),
    .coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33:nth-child(2),
    .coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33:nth-child(3) {
        display: none;
    }
    .coding-adventures-hero .coding-adventures-hero__copy,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__copy {
        bottom: 196px;
        padding-left: 35%;
        padding-right: 25%;
    }
}
@media(max-width:667px) {
    .coding-adventures-hero,
    .coding-adventures-hero.photo-banner {
        height: auto;
    }
    .coding-adventures-hero .row,
    .coding-adventures-hero.photo-banner .row {
        width: 100%;
    }
    .coding-adventures-hero .coding-adventures-hero__graphics .grid-33:first-child,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33:first-child {
        padding-top: 0;
        width: 100%;
        padding-right: 45px;
        padding-left: 45px;
    }
    .coding-adventures-hero .coding-adventures-hero__graphics .grid-33:nth-child(2),
    .coding-adventures-hero .coding-adventures-hero__graphics .grid-33:nth-child(3),
    .coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33:nth-child(2),
    .coding-adventures-hero.photo-banner .coding-adventures-hero__graphics .grid-33:nth-child(3) {
        display: none;
    }
    .coding-adventures-hero .coding-adventures-hero__copy,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__copy {
        position: static;
        padding-left: 0;
        padding-right: 0;
    }
    .coding-adventures-hero .coding-adventures-hero__copy h1,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__copy h1 {
        font-size: 30px;
    }
    .coding-adventures-hero .coding-adventures-hero__copy h2,
    .coding-adventures-hero.photo-banner .coding-adventures-hero__copy h2 {
        font-size: 18px;
    }
}
.download-ebook-modal {
    background: #756cbf;
    background: -moz-linear-gradient(top,#756cbf 0,#4d8cea 100%);
    background: -webkit-linear-gradient(top,#756cbf,#4d8cea);
    background: linear-gradient(180deg,#756cbf 0,#4d8cea);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#756cbf",endColorstr="#4d8cea",GradientType=0))
    border: none!important;
    border-radius: 5px;
    padding: 20px;
}
.download-ebook-modal h2 {
    color: #fff!important;
    font-size: 26px;
    margin-bottom: 2rem;
}
.download-ebook-modal p,
.download-ebook-modal p.footnote {
    color: #fff;
    font-size: 13px;
}
.download-ebook-modal a {
    color: #fff;
    font-weight: 700;
}
.download-ebook-modal a:hover {
    text-decoration: underline;
}
.download-ebook-modal input {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 2px solid #e4e4e4;
}
.download-ebook-modal .button {
    border: none;
}
.download-ebook-modal .ebook-cover img {
    max-height: 300px;
}
@media screen and (max-width:39.9375em) {
    .download-ebook-modal .ebook-cover img {
        display: block;
        margin: 0 auto;
    }
}
.download-ebook-modal .close-reveal-modal {
    color: #fff!important;
}
.download-ebook-modal .close-reveal-modal:hover {
    text-decoration: none;
}
.download-ebook-modal .alert-error {
    min-width: 10px;
    max-width: 100%;
}
.download-ebook-modal .success-note {
    color: #fff;
    font-weight: 700;
    font-size: 19px;
}
body.site .download-ebook-modal h2 {
    padding-bottom: 0;
}
.collect-email-sticky-footer {
    animation-duration: 0.8s;
    background-color: #3364be;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 40px;
    padding-top: 40px;
    z-index: 2;
}
@media print,screen and (min-width:64em) {
    .collect-email-sticky-footer {
        padding-top: 20px;
        padding-bottom: 20px;
        height: 224px;
    }
}
@media screen and (min-width:75em) {
    .collect-email-sticky-footer {
        height: 177px;
    }
}
.collect-email-sticky-footer h2 {
    color: #fff;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 22px;
    margin-bottom: 0.5rem;
    margin-top: 0;
}
@media screen and (min-width:75em) {
    .collect-email-sticky-footer h2 {
        font-size: 34px;
    }
}
.collect-email-sticky-footer input[type=text] {
    border-radius: 3px;
    font-size: 15px;
    height: 50px;
    margin-bottom: 1rem;
    margin-right: 1.5rem;
    padding-left: 12px;
    padding-right: 12px;
}
@media print,screen and (min-width:40em) {
    .collect-email-sticky-footer input[type=text] {
        width: 184px;
    }
}
.collect-email-sticky-footer input[type=text].email {
    width: 325px;
}
@media print,screen and (min-width:40em) {
    .collect-email-sticky-footer input[type=text].email {
        width: 260px;
    }
}
@media print,screen and (min-width:64em) {
    .collect-email-sticky-footer input[type=text].email {
        width: 325px;
    }
}
.collect-email-sticky-footer input[type=submit] {
    font-size: 18px;
}
.collect-email-sticky-footer .callout {
    background: 0 0;
}
.collect-email-sticky-footer .close-sticky-footer {
    color: #294f99;
    font-size: 48px;
    font-weight: 600;
    line-height: 40px;
    position: absolute;
    right: 8px;
    top: 0;
}
.collect-email-sticky-footer .privacy-note {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
@media screen and (min-width:75em) {
    .collect-email-sticky-footer .privacy-note {
        font-size: 12px;
    }
}
.collect-email-sticky-footer .privacy-note a {
    color: #fff;
    text-decoration: underline;
}
body.site .collect-email-sticky-footer h2 {
    color: #fff;
}
.collect-email-v2.reveal {
    padding: 0;
}
@media screen and (max-width:39.9375em) {
    .collect-email-v2.reveal {
        background-color: rgba(74,169,195,.85);
        padding: 10px;
    }
}
.collect-email-v2 .zf-row .zf-column.collect-email-content {
    padding: 2rem;
}
@media screen and (max-width:39.9375em) {
    .collect-email-v2 .zf-row .zf-column.collect-email-content {
        padding: 10px 2rem;
        background: #fff;
    }
}
.collect-email-v2 .collect-email-graphic {
    background-image: url(../image/components/collect-email/coding-benefits.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
@media screen and (max-width:39.9375em) {
    .collect-email-v2 .collect-email-graphic {
        background-image: url(../image/components/collect-email/coding-benefits-mobile.jpg);
        background-position: center 0;
        width: 100%;
        height: 120px!important;
    }
}
.collect-email-v2 h2 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 26px;
    margin-bottom: 1rem;
}
.collect-email-v2 label {
    float: left;
    margin-right: 1rem;
}
.collect-email-v2 label,
.collect-email-v2 p {
    font-size: 16px;
    margin-bottom: 1rem;
}
.collect-email-v2 p.footnote {
    font-size: 14px;
}
.collect-email-v3 {
    background-color: #009aaf;
    background-image: url(../image/components/collect-email/bg-chest-mobile.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-radius: 5px;
}
@media screen and (max-width:39.9375em) {
    .collect-email-v3 {
        padding-top: 165px;
    }
}
@media print,screen and (min-width:40em) {
    .collect-email-v3 {
        background-color: #089aab;
        background-image: url(../image/components/collect-email/bg-chest.jpg);
        background-position: 0 50%;
        background-size: cover;
    }
}
.collect-email-v3 > .zf-row {
    padding-top: 1rem;
}
.collect-email-v3 .alert {
    color: #ec5840;
}
.collect-email-v3 h2 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 26px;
    margin-bottom: 1rem;
}
.collect-email-v3 label {
    float: left;
    margin-right: 1rem;
}
.collect-email-v3 label,
.collect-email-v3 p {
    font-size: 16px;
    margin-bottom: 1rem;
}
.collect-email-v3 p.footnote {
    font-size: 14px;
}
.collect-email-v3 p.footnote .privacy-link,
.collect-email-v3.reveal .close-reveal-modal {
    color: #fff;
}
.collect-email-v3.reveal .close-reveal-modal:hover {
    color: rgba(0,0,0,.6);
}
.community-profile .follow-button {
    margin-top: 20px;
}
.community-profile .community-profile-hero {
    color: #fff;
    padding: 5px;
    position: relative;
    background-image: url(../image/community-profile/profile-hero-hacker.png),linear-gradient(45deg,#ed6d35,#ef381c);
    background-repeat: no-repeat;
    background-size: cover!important;
}
.community-profile .community-profile-hero.community-profile-hero-adventurer {
    background-image: url(../image/community-profile/profile-hero-adventurer.png),linear-gradient(45deg,#26c49f,#aff6b8);
}
.community-profile .community-profile-hero.community-profile-hero-adventurer .profile-banner-avatar img {
    border: 3px solid #478468;
    background: #aff5ba;
    background: -moz-linear-gradient(top,#aff5ba 0,#478468 99%);
    background: -webkit-linear-gradient(top,#aff5ba,#478468 99%);
    background: linear-gradient(180deg,#aff5ba 0,#478468 99%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#aff5ba",endColorstr="#478468",GradientType=0);
}
.community-profile .community-profile-hero.community-profile-hero-hacker {
    background-image: url(../image/community-profile/profile-hero-hacker.png),linear-gradient(45deg,#229ae1,#8cdbe9);
    background-position: bottom;
}
.community-profile .community-profile-hero.community-profile-hero-hacker .profile-banner-avatar img {
    border: 3px solid #1e78ca;
    background: #8edbe8;
    background: -moz-linear-gradient(top,#8edbe8 0,#1e78ca 100%);
    background: -webkit-linear-gradient(top,#8edbe8,#1e78ca);
    background: linear-gradient(180deg,#8edbe8 0,#1e78ca);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8edbe8",endColorstr="#1e78ca",GradientType=0);
}
.community-profile .community-profile-hero.community-profile-hero-code-ninja {
    background-image: url(../image/community-profile/profile-hero-code-ninja.png),linear-gradient(45deg,orange,#ffce47);
}
.community-profile .community-profile-hero.community-profile-hero-code-ninja .profile-banner-avatar img {
    border: 3px solid #e97f27;
    background: #fcdb88;
    background: -moz-linear-gradient(top,#fcdb88 0,#e97f27 100%);
    background: -webkit-linear-gradient(top,#fcdb88,#e97f27);
    background: linear-gradient(180deg,#fcdb88 0,#e97f27);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcdb88",endColorstr="#e97f27",GradientType=0);
}
.community-profile .community-profile-hero.community-profile-hero-code-master {
    background-image: url("../image/community-profile/profile-hero-code-master.png),linear-gradient(45deg,#ed6d35,#ef381c");
}
.community-profile .community-profile-hero.community-profile-hero-code-master .profile-banner-avatar img {
    border: 3px solid #e23f2d;
    background: #e29d95;
    background: -moz-linear-gradient(top,#e29d95 0,#e23f2d 100%);
    background: -webkit-linear-gradient(top,#e29d95,#e23f2d);
    background: linear-gradient(180deg,#e29d95 0,#e23f2d);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e29d95",endColorstr="#e23f2d",GradientType=0);
}
.community-profile .community-profile-hero ul.breadcrumbs li,
.community-profile .community-profile-hero ul.breadcrumbs li a {
    color: #fff;
    font-size: 11px;
}
.community-profile .community-profile-hero .back-link {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}
.community-profile .community-profile-hero .profile-banner-avatar {
    padding: 1px;
    width: 80px;
}
.community-profile .community-profile-hero .profile-banner-avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.community-profile .community-profile-hero .profile-banner-username {
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin-top: 5px;
}
.community-profile .community-profile-hero .profile-banner-user-ranking {
    font-weight: 700;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.community-profile .community-profile-hero .icon-lightning {
    color: #ffe000;
    font-size: 14px;
}
.community-profile .community-profile-hero .profile-banner-xp span {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.community-profile .community-profile-hero .profile-not-found h2 {
    color: #fff;
}
.community-profile .community-profile-hero .profile-not-found a {
    color: #fff;
    text-decoration: underline;
}
.community-profile .profile-banner-counter {
    background-color: rgba(0,0,0,.25);
    border-radius: 4px;
    color: #fff;
    min-height: 92px;
    padding: 5px;
    margin-top: -15px;
}
.community-profile .profile-banner-counter .counter-label-hover {
    display: none;
}
.community-profile .profile-banner-counter:hover {
    transform: scale(1.012);
    -moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
    -webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
    cursor: pointer;
}
.community-profile .profile-banner-counter:hover .counter-count,
.community-profile .profile-banner-counter:hover .counter-label {
    display: none;
}
.community-profile .profile-banner-counter:hover .counter-label-hover {
    display: block;
    font-size: 13px;
    font-weight: 400;
}
@media screen and (max-width:39.9375em) {
    .community-profile .profile-banner-counter {
        margin-top: 20px;
        margin-bottom: 5px;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .community-profile .profile-banner-counter {
        margin-bottom: 30px;
    }
}
.community-profile .profile-banner-counter a {
    color: #fff;
}
.community-profile .profile-banner-counter img {
    display: block;
    margin: 0 auto;
    max-height: 24px;
    max-width: 30px;
    object-fit: cover;
}
.community-profile .profile-banner-counter .icon-eye,
.community-profile .profile-banner-counter .icon-heart-2 {
    font-size: 20px;
}
.community-profile .profile-banner-counter .counter-label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
.community-profile .profile-banner-counter .counter-count {
    font-size: 25px;
    font-weight: 900;
    text-transform: uppercase;
}
.community-profile .profile-banner-remixes .counter-icon {
    color: #7aea65;
}
.community-profile .profile-banner-awards .counter-icon {
    color: #ffe000;
}
.community-profile .profile-banner-likes .counter-icon {
    color: #f25954;
}
.community-profile .profile-banner-views .counter-icon {
    color: #00e2ff;
}
.community-profile .menu.menu-filters {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.community-profile .profile-likes,
.community-profile .profile-projects {
    padding: 1rem;
    margin-top: 0;
}
.community-profile .profile-likes > h2,
.community-profile .profile-projects > h2 {
    font-size: 24px;
}
.community-profile .profile-likes .not-found-message,
.community-profile .profile-projects .not-found-message {
    text-align: center;
}
.community-profile .profile-likes {
    padding-top: 0;
}
.community-profile .interests-row {
    margin-top: 20px;
}
.community-profile .interests-row .interests-box {
    border-radius: 5px;
    background-color: rgba(0,0,0,.1);
    min-height: 50px;
    padding: 10px;
    margin-bottom: 10px;
}
.community-profile .interests-row .interests-box p {
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-size: 13px;
    margin-bottom: 0;
}
.community-profile .interests-row .interests-box p span {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
.community-profile .interests-row .interests-box img {
    padding-top: 8px;
}
community-project-old .project-wrap .project-card {
    height: auto;
    width: 100%;
}
community-project-old .project-wrap .project-card .project-image {
    height: 160px;
}
.course-card.course-card--school {
    position: relative;
    display: block;
    width: 240px;
    background: #fff;
    border: 1px solid #dae1e1;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    padding: 0;
    margin: 0 0 6px;
}
.course-card.course-card--school.small {
    width: 180px;
}
.course-card.course-card--school.small .course-image img {
    width: 178px;
    height: 119px;
}
.course-card.course-card--school:hover {
    border: 1px solid #5cbe5a;
    box-shadow: 0 0 2px rgba(92,190,90,.7);
    cursor: pointer;
}
.course-card.course-card--school:hover .course-action-footer,
.course-card.course-card--school:hover .type-image,
.course-card.course-card--school:hover .type-text {
    color: #5cbe5a;
}
.course-card.course-card--school .course-level {
    color: #282e33;
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 4px 14px 5px;
}
.course-card.course-card--school .course-level img {
    float: left;
    width: auto;
    padding: 5px 0 0;
    margin-right: 6px;
}
.course-card.course-card--school .course-image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 238px;
    height: 140px;
}
.course-card.course-card--school .course-image img {
    width: 238px;
    height: 140px;
    padding: 0;
    margin: 0;
}
.course-card.course-card--school .course-indicator {
    background-color: #7f359e;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    position: absolute;
    right: 6px;
    top: 100px;
}
.course-card.course-card--school .course-key {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    background: #424b51;
    padding: 0 14px;
    margin: 0;
}
.course-card.course-card--school .course-key .course-key-right {
    float: right;
}
.course-card.course-card--school .course-info {
    position: relative;
    display: block;
    height: 96px;
    overflow: hidden;
    padding: 0 14px;
}
.course-card.course-card--school .course-info.tall {
    height: 131px;
}
.course-card.course-card--school .course-title {
    color: #15191b;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
    display: block;
    padding: 6px 0;
    margin: 0;
}
.course-card.course-card--school .course-intro {
    color: #15191b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}
.course-card.course-card--school .course-grade {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
    position: relative;
    display: block;
    width: 90px;
    height: 22px;
    background: #5cbe5a;
    padding: 2px 0;
    margin: 6px 0 0 15px;
}
.course-card.course-card--school .course-type {
    position: relative;
    display: block;
    height: 35px;
    border-top: 1px solid #dae1e1;
    padding: 8px 0 10px;
    margin: 0 14px;
}
.course-card.course-card--school .course-type .type-text {
    color: #c0c7cb;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    margin-left: 2px;
    float: left;
}
.course-card.course-card--school .course-type .type-image {
    color: #c0c7cb;
    font-size: 16px;
    line-height: 16px;
    float: left;
    display: inline-block;
    width: 20px;
}
.course-card.course-card--school .course-action-footer {
    position: relative;
    display: block;
    height: 38px;
    border-top: 1px solid #dae1e1;
    color: #424b51;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding: 8px 0 0;
    margin: 0;
}
.course-card.course-card--school .course-action-footer span {
    margin-right: 4px;
}
.course-card.course-card--school .blank-text {
    position: relative;
    display: block;
    text-align: center;
    margin: 0 14px;
}
.course-card.course-card--school .blank-text .blank-title {
    position: relative;
    display: block;
    color: #15191b;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    border-bottom: 1px solid #dae1e1;
    padding: 50px 0 10px;
    margin-bottom: 14px;
}
.course-card.course-card--school .blank-text .blank-content {
    position: relative;
    display: block;
    color: #15191b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}
.course-card.course-card--school .actions {
    text-align: center;
    position: relative;
    display: block;
    height: 52px;
    background: #f9fafa;
    border-radius: 0 0 19px 19px;
    padding: 10px 14px;
}
.course-card.course-card--school .messaging {
    position: relative;
    display: block;
    height: 22px;
    padding: 0 0 2px;
    margin: 0 14px;
}
.course-card.course-card--school .messaging p {
    font-size: 13px;
    line-height: 15px;
    padding: 0;
}
.course-card.course-card--school .price {
    position: absolute;
    top: -12px;
    right: 14px;
    width: 60px;
    height: 55px;
    background: #fed233;
    padding: 3px 9px 0;
}
.course-card.course-card--school .price span {
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: -3px;
}
.course-card.course-card--school .price p {
    font-size: 28px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0;
}
.course-card.course-card--school .price p sup {
    margin-right: 1px;
}
.course-card.course-card--school .price p,
.course-card.course-card--school .price span,
.course-card.course-card--school .price sup {
    color: #ca2b1c;
}
.course-card.course-card--school .free-indicator {
    background-color: #da3b31;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
    height: 40px;
    right: 10px;
    top: -8px;
    line-height: 18px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(0deg);
    width: 40px;
}
.course-card.course-card--school .special p {
    color: #ca2b1c;
    font-weight: 400;
}
.course-card.course-card--school .special p,
.course-card.course-card--school .special span,
.course-card.course-card--school .special sup {
    color: #ca2b1c;
}
.course-card.course-card--school.course-card--small {
    width: 190px;
}
.course-card.course-card--school.course-card--small .course-image {
    width: 188px;
    height: 126px;
}
.course-card.course-card--school.course-card--small .course-image img {
    width: 188px;
    height: 126px;
    padding: 0;
    margin: 0;
}
.course-card.course-card--school.course-card--small .course-info {
    height: 108px;
}
.course-card.course-card--school.course-card--small .course-info .course-title {
    border: none;
    font-size: 16px;
    line-height: 18px;
}
.course-card.course-card--school.course-card--small .course-info .course-intro {
    color: #15191b;
    line-height: 15px;
}
.course-card.course-card--school.course-card--small .blank-text {
    height: 265px;
}
.course-card.course-card--school.course-card--small:hover .course-delete {
    display: block;
}
.course-card.course-card--school.course-card--small.selected .course-action-footer {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    background: #5cbe5a;
    border-radius: 0 0 4px 4px;
}
.course-card.course-card--school.course-card--small.selected .course-action-footer span {
    font-weight: 400;
}
.course-card.course-card--school.course-card--small .course-delete {
    position: absolute;
    display: none;
    top: -9px;
    right: -8px;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: url("/global/ui02/css/img/icn-modal-close0.png") 0 0 no-repeat;
    z-index: 10;
}
.course-card.course-card--school.course-card--small .course-delete:hover {
    background: url("/global/ui02/css/img/icn-modal-close1.png") 0 0 no-repeat;
}
.course-card--school.coming-soon {
    position: relative;
    display: block;
    background: #fcfcfc;
    border: 1px solid #dae1e1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,.06);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    padding: 0;
    margin: 0 0 6px;
}
.course-card--school.coming-soon .banner {
    position: absolute;
    top: -4px;
    right: -3px;
    width: 100px;
    height: 84px;
}
.course-card--school.coming-soon .course-image {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    -webkit-filter:grayscale(1);
    filter:url(/css/desaturate.svg#greyscale);
    filter:grayscale(100%);
    filter:gray;
}
.course-card--school.coming-soon .course-level {
    color: #596267;
    color: #282e33;
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 4px 14px 5px;
}
.course-card--school.coming-soon .course-level img {
    float: left;
    padding: 5px 0 0;
    margin-right: 6px;
}
.course-card--school.coming-soon .course-key {
    background: #a9b0b4;
}
.course-card--school.coming-soon .course-info {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 14px;
}
.course-card--school.coming-soon .course-info .course-title {
    color: #8c9295;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    position: relative;
    display: block;
    padding: 6px 0;
    margin: 0;
}
.course-card--school.coming-soon .course-info .course-intro {
    color: #8c9295;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}
.course-card--school.coming-soon .course-type {
    position: relative;
    display: block;
    height: 35px;
    border-top: 1px solid #dae1e1;
    padding: 8px 0 10px;
    margin: 0 14px;
}
.course-card--school.coming-soon .course-type .type-text {
    color: #c0c7cb;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    margin-left: 2px;
}
.course-card--school.coming-soon .course-type .type-image {
    color: #c0c7cb;
    font-size: 16px;
    line-height: 16px;
    float: left;
    display: inline-block;
    width: 20px;
}
.course-card.course-card--camp .course-key {
    background-color: #1e8efd;
}
.course-card.course-card--camp .course-info span {
    border: 0;
}
.course-card.course-card--home {
    width: 300px;
    height: 380px;
    overflow: hidden;
    background: 0 0;
    border-radius: 0;
    box-shadow: 1px 3px 8px rgba(0,0,0,.6);
    padding: 0;
}
.course-card.course-card--home .course-new-badge {
    position: absolute;
    left: 16px;
    bottom: 40px;
    width: 60px;
    height: 60px;
}
.course-card.course-card--home .course-body.p1A-card,
.course-card.course-card--home.p1A-card {
    background-image: url("/sysmedia/53f0288984aafad4060000f3");
}
.course-card.course-card--home .course-body.p1B-card,
.course-card.course-card--home.p1B-card {
    background-image: url("/sysmedia/53f0288a84aafa33670000f2");
}
.course-card.course-card--home .course-body.p100-card,
.course-card.course-card--home.p100-card {
    background-image: url("/sysmedia/548b658d84aafa0034000027");
}
.course-card.course-card--home .course-body.p101-card,
.course-card.course-card--home.p101-card {
    background-image: url("/sysmedia/541de64884aafad066000004");
}
.course-card.course-card--home .course-body.p102-card,
.course-card.course-card--home.p102-card {
    background-image: url("/sysmedia/543c549184aafa254f000002");
}
.course-card.course-card--home .course-body.p201-card,
.course-card.course-card--home.p201-card {
    background-image: url("/sysmedia/53e547bc84aafa513c000002");
}
.course-card.course-card--home .course-body.p202-card,
.course-card.course-card--home.p202-card {
    background-image: url("/sysmedia/53f01c0f84aafa1d6800005b");
}
.course-card.course-card--home .course-body.p300-card,
.course-card.course-card--home.p300-card {
    background-image: url("/sysmedia/5a664498a2dff8ac58ad5bb4");
}
.course-card.course-card--home .course-body.p301-card,
.course-card.course-card--home.p301-card {
    background-image: url("/sysmedia/53e5595584aafabd47000007");
}
.course-card.course-card--home .course-body.p302-card,
.course-card.course-card--home.p302-card {
    background-image: url("/sysmedia/53f01f0c84aafa2e6700008d");
}
.course-card.course-card--home .course-body.p401-card,
.course-card.course-card--home.p401-card {
    background-image: url("/sysmedia/57f6c13daf9231885f8b457a");
}
.course-card.course-card--home .course-body.p411-card,
.course-card.course-card--home.p411-card {
    background-image: url("/sysmedia/57f6c43baf92314e4e8b459f");
}
.course-card.course-card--home .course-body.p421-card,
.course-card.course-card--home.p421-card {
    background-image: url("/sysmedia/5c4a4f35046058488207aed4");
}
.course-card.course-card--home .course-body.p511-card,
.course-card.course-card--home.p511-card {
    background-image: url("/sysmedia/5a84b8fea2dff85a74401c7c");
}
.course-card.course-card--home .course-body.d101-card,
.course-card.course-card--home.d101-card {
    background-image: url("/sysmedia/57b23bd1af923164238b45f4");
}
.course-card.course-card--home .course-body.d111-card,
.course-card.course-card--home.d111-card {
    background-image: url("../image/cards/course/school-coding-with-lego-wedo.png");
}
.course-card.course-card--home .course-body.d121-card,
.course-card.course-card--home.d121-card {
    background-image: url("/sysmedia/5b44e582a2dff8330a8a284c");
}
.course-card.course-card--home .course-body.h99-card,
.course-card.course-card--home.h99-card {
    background-image: url("../image/course/cards/h99-card-background.jpg");
}
.course-card.course-card--home .course-body.h100-card,
.course-card.course-card--home.h100-card {
    background-image: url("/sysmedia/5b194ba1a2dff8d67a8a2847");
}
.course-card.course-card--home .course-body.h101-card,
.course-card.course-card--home.h101-card {
    background-image: url("../image/course/cards/h101-card-background.jpg");
}
.course-card.course-card--home .course-body.h102-card,
.course-card.course-card--home.h102-card {
    background-image: url("../image/course/cards/h102-card-background.jpg");
}
.course-card.course-card--home .course-body.h111-card,
.course-card.course-card--home.h111-card {
    background-image: url("../image/course/cards/h111-card-background.jpg");
}
.course-card.course-card--home .course-body.h201-card,
.course-card.course-card--home.h201-card {
    background-image: url("../image/course/cards/h201-card-background.jpg");
}
.course-card.course-card--home .course-body.h202-card,
.course-card.course-card--home.h202-card {
    background-image: url("../image/course/cards/h202-card-background.jpg");
}
.course-card.course-card--home .course-body.h203-card,
.course-card.course-card--home.h203-card {
    background-image: url("../image/course/cards/h203-card-background.jpg");
}
.course-card.course-card--home .course-body.h211-card,
.course-card.course-card--home.h211-card {
    background-image: url("../image/course/cards/h211-card-background.jpg");
}
.course-card.course-card--home .course-body.h301-card,
.course-card.course-card--home.h301-card {
    background-image: url("../image/course/cards/h301-card-background.jpg");
}
.course-card.course-card--home .course-body.h302-card,
.course-card.course-card--home.h302-card {
    background-image: url("../image/course/cards/h302-card-background.jpg");
}
.course-card.course-card--home .course-body.h303-card,
.course-card.course-card--home.h303-card {
    background-image: url("../image/course/cards/h303-card-background.jpg");
}
.course-card.course-card--home .course-body.h304-card,
.course-card.course-card--home.h304-card {
    background-image: url("../image/course/cards/h304-card-background.jpg");
}
.course-card.course-card--home .course-body.h311-card,
.course-card.course-card--home.h311-card {
    background-image: url("../image/course/cards/h311-card-background.jpg");
}
.course-card.course-card--home .course-body.h401-card,
.course-card.course-card--home.h401-card {
    background-image: url("../image/course/cards/h401-card-background.jpg");
}
.course-card.course-card--home .course-body.h411-card,
.course-card.course-card--home.h411-card {
    background-image: url("../image/course/cards/h411-card-background.jpg");
}
.course-card.course-card--home .course-body.h511-card,
.course-card.course-card--home.h511-card {
    background-image: url("../image/course/cards/h511-card-background.png");
}
.course-card.course-card--home .course-body.r101-card,
.course-card.course-card--home.r101-card {
    background-image: url("../image/course/cards/r101-card-background.jpg");
}
.course-card.course-card--home .course-body.r121-card,
.course-card.course-card--home.r121-card {
    background-image: url("../image/course/cards/r121-card-background.png");
}
.course-card.course-card--home .course-body.g100-card,
.course-card.course-card--home.g100-card {
    background-image: url("../image/course/cards/g100-card-background.jpg");
}
.course-card.course-card--home .course-body.g101-card,
.course-card.course-card--home.g101-card {
    background-image: url("../image/course/cards/g101-card-background.jpg");
}
.course-card.course-card--home .course-body.g102-card,
.course-card.course-card--home.g102-card {
    background-image: url("../image/course/cards/g102-card-background.jpg");
}
.course-card.course-card--home .course-body.g202-card,
.course-card.course-card--home.g202-card {
    background-image: url("../image/course/cards/g202-card-background.jpg");
}
.course-card.course-card--home .course-body.g111-card,
.course-card.course-card--home.g111-card {
    background-image: url("../image/course/cards/g111-card-background.png");
}
.course-card.course-card--home .course-body.z101-card,
.course-card.course-card--home.z101-card {
    background-image: url("../image/course/cards/z101-card-background.jpg");
}
.course-card.course-card--home .course-body.z201-card,
.course-card.course-card--home.z201-card {
    background-image: url("../image/course/cards/z201-card-background.jpg");
}
.course-card.course-card--home .course-body.z202-card,
.course-card.course-card--home.z202-card {
    background-image: url("../image/course/cards/z202-card-background.jpg");
}
.course-card.course-card--home .course-body.z203-card,
.course-card.course-card--home.z203-card {
    background-image: url("../image/course/cards/z203-card-background.jpg");
}
.course-card.course-card--home .course-body.z301-card,
.course-card.course-card--home.z301-card {
    background-image: url("../image/course/cards/z301-card-background.jpg");
}
.course-card.course-card--home .course-body.m101-card,
.course-card.course-card--home.m101-card {
    background-image: url("/sysmedia/57057dffaf9231036a8b4578");
}
.course-card.course-card--home .course-body.m141-card,
.course-card.course-card--home.m141-card {
    background-image: url("/sysmedia/57057c30af9231e2628b4772");
}
.course-card.course-card--home .course-body.m151-card,
.course-card.course-card--home.m151-card {
    background-image: url("/sysmedia/57057c2faf9231e0628b472a");
}
.course-card.course-card--home .course-body.m131-card,
.course-card.course-card--home.m131-card {
    background-image: url("/sysmedia/54d688b884aafa022a000026");
}
.course-card.course-card--home .course-body.m121-card,
.course-card.course-card--home.m121-card {
    background-image: url("/sysmedia/54d688ba84aafa312900002c");
}
.course-card.course-card--home .course-body.m111-card,
.course-card.course-card--home.m111-card {
    background-image: url("/sysmedia/54d688b984aafa472a000005");
}
.course-card.course-card--home .course-body.m201-card,
.course-card.course-card--home.m201-card {
    background-image: url("/sysmedia/57057b37af9231e1628b4911");
}
.course-card.course-card--home .course-body.m241-card,
.course-card.course-card--home.m241-card {
    background-image: url("/sysmedia/57057c30af923172678b45bb");
}
.course-card.course-card--home .course-body.m251-card,
.course-card.course-card--home.m251-card {
    background-image: url("/sysmedia/57057c31af923173678b4722");
}
.course-card.course-card--home .course-body.m231-card,
.course-card.course-card--home.m231-card {
    background-image: url("/sysmedia/57057b39af923125698b4580");
}
.course-card.course-card--home .course-body.m221-card,
.course-card.course-card--home.m221-card {
    background-image: url("/sysmedia/57057b3aaf9231e3628b460f");
}
.course-card.course-card--home .course-body.m211-card,
.course-card.course-card--home.m211-card {
    background-image: url("/sysmedia/57057b3aaf92315d638b45d4");
}
.course-card.course-card--home.d101-card,
.course-card.course-card--home.d111-card,
.course-card.course-card--home.d121-card,
.course-card.course-card--home.g100-card,
.course-card.course-card--home.g101-card,
.course-card.course-card--home.g102-card,
.course-card.course-card--home.g202-card,
.course-card.course-card--home.h100-card,
.course-card.course-card--home.h101-card,
.course-card.course-card--home.h102-card,
.course-card.course-card--home.h111-card,
.course-card.course-card--home.h201-card,
.course-card.course-card--home.h202-card,
.course-card.course-card--home.h203-card,
.course-card.course-card--home.h211-card,
.course-card.course-card--home.h301-card,
.course-card.course-card--home.h302-card,
.course-card.course-card--home.h303-card,
.course-card.course-card--home.h304-card,
.course-card.course-card--home.h311-card,
.course-card.course-card--home.h401-card,
.course-card.course-card--home.h411-card,
.course-card.course-card--home.h511-card,
.course-card.course-card--home.h99-card,
.course-card.course-card--home.m101-card,
.course-card.course-card--home.m111-card,
.course-card.course-card--home.m121-card,
.course-card.course-card--home.m131-card,
.course-card.course-card--home.m141-card,
.course-card.course-card--home.m151-card,
.course-card.course-card--home.m201-card,
.course-card.course-card--home.m221-card,
.course-card.course-card--home.m231-card,
.course-card.course-card--home.m241-card,
.course-card.course-card--home.m251-card,
.course-card.course-card--home.p100-card,
.course-card.course-card--home.p101-card,
.course-card.course-card--home.p102-card,
.course-card.course-card--home.p1A-card,
.course-card.course-card--home.p1B-card,
.course-card.course-card--home.p201-card,
.course-card.course-card--home.p202-card,
.course-card.course-card--home.p300-card,
.course-card.course-card--home.p301-card,
.course-card.course-card--home.p302-card,
.course-card.course-card--home.p401-card,
.course-card.course-card--home.p411-card,
.course-card.course-card--home.p421-card,
.course-card.course-card--home.p511-card,
.course-card.course-card--home.r101-card,
.course-card.course-card--home.r121-card,
.course-card.course-card--home.z101-card,
.course-card.course-card--home.z201-card,
.course-card.course-card--home.z202-card,
.course-card.course-card--home.z203-card,
.course-card.course-card--home.z301-card {
    background-size: contain;
}
.course-card.course-card--home .course-body.d101-card,
.course-card.course-card--home .course-body.d111-card,
.course-card.course-card--home .course-body.d121-card,
.course-card.course-card--home .course-body.g100-card,
.course-card.course-card--home .course-body.g101-card,
.course-card.course-card--home .course-body.g102-card,
.course-card.course-card--home .course-body.g202-card,
.course-card.course-card--home .course-body.h100-card,
.course-card.course-card--home .course-body.h101-card,
.course-card.course-card--home .course-body.h102-card,
.course-card.course-card--home .course-body.h111-card,
.course-card.course-card--home .course-body.h201-card,
.course-card.course-card--home .course-body.h202-card,
.course-card.course-card--home .course-body.h203-card,
.course-card.course-card--home .course-body.h211-card,
.course-card.course-card--home .course-body.h301-card,
.course-card.course-card--home .course-body.h302-card,
.course-card.course-card--home .course-body.h303-card,
.course-card.course-card--home .course-body.h304-card,
.course-card.course-card--home .course-body.h311-card,
.course-card.course-card--home .course-body.h401-card,
.course-card.course-card--home .course-body.h411-card,
.course-card.course-card--home .course-body.h511-card,
.course-card.course-card--home .course-body.h99-card,
.course-card.course-card--home .course-body.m101-card,
.course-card.course-card--home .course-body.m111-card,
.course-card.course-card--home .course-body.m121-card,
.course-card.course-card--home .course-body.m131-card,
.course-card.course-card--home .course-body.m141-card,
.course-card.course-card--home .course-body.m151-card,
.course-card.course-card--home .course-body.m201-card,
.course-card.course-card--home .course-body.m211-card,
.course-card.course-card--home .course-body.m221-card,
.course-card.course-card--home .course-body.m231-card,
.course-card.course-card--home .course-body.m241-card,
.course-card.course-card--home .course-body.m251-card,
.course-card.course-card--home .course-body.p100-card,
.course-card.course-card--home .course-body.p101-card,
.course-card.course-card--home .course-body.p102-card,
.course-card.course-card--home .course-body.p1A-card,
.course-card.course-card--home .course-body.p1B-card,
.course-card.course-card--home .course-body.p201-card,
.course-card.course-card--home .course-body.p202-card,
.course-card.course-card--home .course-body.p300-card,
.course-card.course-card--home .course-body.p301-card,
.course-card.course-card--home .course-body.p302-card,
.course-card.course-card--home .course-body.p401-card,
.course-card.course-card--home .course-body.p411-card,
.course-card.course-card--home .course-body.p421-card,
.course-card.course-card--home .course-body.p511-card,
.course-card.course-card--home .course-body.r101-card,
.course-card.course-card--home .course-body.r121-card,
.course-card.course-card--home .course-body.z101-card,
.course-card.course-card--home .course-body.z201-card,
.course-card.course-card--home .course-body.z202-card,
.course-card.course-card--home .course-body.z203-card,
.course-card.course-card--home .course-body.z301-card {
    background-size: cover;
    background-position: bottom;
}
.course-card.course-card--home.hoc {
    background-size: contain;
    background-image: url("../image/course/cards/hoc-card-background.jpg");
}
.course-card.course-card--home.big-shadow {
    box-shadow: 10px 10px 15px rgba(0,0,0,.6);
}
.course-card.course-card--home.big-shadow:hover {
    box-shadow: 10px 12px 17px rgba(0,0,0,.9);
}
.course-card.course-card--home:hover {
    transform: scale(1.02);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
    box-shadow: 1px 4px 10px rgba(0,0,0,.9);
}
.course-card.course-card--home:hover .course-quick-look-btn {
    display: block;
}
.course-card.course-card--home .course-header {
    position: relative;
    display: block;
    height: 106px;
    padding: 0 20px;
    margin: 0;
    overflow: hidden;
}
.course-card.course-card--home .course-header.hoc {
    background: #00b2c0;
    border-radius: 0;
}
.course-card.course-card--home .course-header.school-free {
    background: #353e43;
    border-radius: 0;
}
.course-card.course-card--home .course-header.school-beginner {
    background: #2abb9b;
    border-radius: 0;
}
.course-card.course-card--home .course-header.school-intermediate {
    background: #3ca7de;
    border-radius: 0;
}
.course-card.course-card--home .course-header.school-advanced {
    background: #8d73c3;
    border-radius: 0;
}
.course-card.course-card--home .course-header.home-free {
    background: #353e43;
    border-radius: 0;
}
.course-card.course-card--home .course-header.home-beginner {
    background: #2abb9b;
    border-radius: 0;
}
.course-card.course-card--home .course-header.home-intermediate {
    background: #3ca7de;
    border-radius: 0;
}
.course-card.course-card--home .course-header.home-advanced {
    background: #8d73c3;
    border-radius: 0;
}
.course-card.course-card--home .course-header .course-level {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin: 12px 0 0;
}
.course-card.course-card--home .course-header .course-title {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    margin: 6px 40px 0 0;
}
.course-card.course-card--home .course-header .course-sub-head {
    display: block;
    color: #fff;
    font-size: 20px;
    text-align: left;
    line-height: 24px;
    font-weight: 300;
}
.course-card.course-card--home .course-header .course-price-block {
    position: absolute;
    top: 10px;
    right: 18px;
    display: block;
    width: 50px;
    height: 80px;
    text-align: right;
}
.course-card.course-card--home .course-header .course-price-block .course-price-point {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
}
.course-card.course-card--home .course-header .course-price-block .course-price-point sup {
    top: -.5em;
    font-size: 60%;
    margin-right: 2px;
}
.course-card.course-card--home .course-header .course-price-block .course-free {
    background-color: #f00000;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
    height: 40px;
    left: 10px;
    line-height: 18px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-15deg);
    width: 40px;
}
.course-card.course-card--home .course-header .course-price-block .course-discount {
    position: relative;
}
.course-card.course-card--home .course-header .course-price-block .course-discount .discount-text {
    height: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    margin: 0;
}
.course-card.course-card--home .course-header .course-price-block .course-discount .discount-percent {
    height: 18px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.course-card.course-card--home .course-header .course-price-block .course-already-owned {
    position: relative;
    display: block;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
    margin: 5px 0 0;
}
.course-card.course-card--home .course-header .course-price-block .course-already-owned span {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    text-transform: uppercase;
    padding: 0;
}
.course-card.course-card--home .course-header.course-header--7-9.course-header--7-9--home-beginner {
    background: rgba(42,187,155,.8);
}
.course-card.course-card--home .course-header.course-header--7-9.course-header--7-9--home-intermediate {
    background: rgba(42,187,155,.9);
}
.course-card.course-card--home .course-header.course-header--7-9.course-header--7-9--home-advanced {
    background: #2abb9b;
}
.course-card.course-card--home .course-header.course-header--10-11.course-header--10-11--home-beginner {
    background: rgba(255,170,49,.8);
}
.course-card.course-card--home .course-header.course-header--10-11.course-header--10-11--home-intermediate {
    background: rgba(255,170,49,.9);
}
.course-card.course-card--home .course-header.course-header--10-11.course-header--10-11--home-advanced {
    background: #ffaa31;
}
.course-card.course-card--home .course-header.course-header--12-.course-header--12---home-beginner {
    background: rgba(141,115,195,.8);
}
.course-card.course-card--home .course-header.course-header--12-.course-header--12---home-intermediate {
    background: rgba(141,115,195,.9);
}
.course-card.course-card--home .course-header.course-header--12-.course-header--12---home-advanced {
    background: #8d73c3;
}
.course-card.course-card--home .course-info {
    display: block;
    width: 100%;
    color: #fff;
    padding: 10px 20px 0;
}
.course-card.course-card--home .course-info .course-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 20px 0;
}
.course-card.course-card--home .course-info span {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    padding: 0;
}
.course-card.course-card--home .course-body {
    display: block;
    height: 75%;
    width: 100%;
}
.course-card.course-card--home .course-quick-look-btn {
    display: none;
    position: relative;
    bottom: 50px;
    margin-left: 25px;
    margin-right: 25px;
}
.course-card.course-card--home .course-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 28px;
    text-align: center;
    background: #000;
    border-radius: 0;
    padding: 0;
}
.course-card.course-card--home .course-footer .btn-group {
    margin: 8px auto 0;
}
.course-card.course-card--home .course-footer span.progress {
    height: 28px;
    background: #ffaa31;
}
.course-card.course-card--home .course-footer span {
    position: relative;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
}
.course-card.course-card--home .course-footer .course-progress-bar {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 16px;
    border: 1px solid #1fb5ad;
    height: 16px;
    text-align: left;
    background: #fff;
    border-radius: 30px;
}
.course-card.course-card--home .course-footer .course-progress-bar span {
    position: absolute;
    left: 0;
    top: 0;
    height: 14px;
    display: inline-block;
    background-color: #41ccc5;
    border-left-radius: 30px;
}
.course-card.course-card--home .course-footer .course-progress-bar.completed:after {
    position: absolute;
    top: -12px;
    right: -2px;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    font-family: IcoMoon;
    text-align: center;
    content: "\E0E2";
    border-radius: 50%;
    background-color: #1fb5ad;
}
.course-card.course-card--home.course-card--medium {
    width: 270px;
    height: 342px;
}
.course-card.course-card--home.course-card--medium .course-title {
    font-size: 24px;
    line-height: 28px;
    margin: 6px 40px 0 0;
}
.course-card.course-card--home.course-card--medium.in-progress button,
.course-card.course-card--home.course-card--medium.in-progress:hover .course-progress-bar {
    display: none;
}
.course-card.course-card--home.course-card--medium.in-progress:hover button {
    display: block;
    width: 92%;
}
.course-card.course-card--home.course-card--medium.locked:before {
    position: absolute;
    top: 106px;
    left: 0;
    right: 0;
    bottom: 50px;
    content: "";
    background-color: #000;
    background-color: rgba(0,0,0,.5);
}
.course-card.course-card--home.course-card--medium.locked:after {
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 98px;
    font-family: IcoMoon;
    text-align: center;
    content: "\E0DA";
    padding: 6px;
    z-index: 2;
}
.course-card.course-card--home.course-card--medium .course-footer .progress {
    height: 28px;
    background: #ffaa31;
}
.course-card.course-card--home.course-card--small {
    width: 230px;
    height: 290px;
    margin: 0 18px 18px 0;
}
.course-card.course-card--home.course-card--small .course-new-badge {
    left: 10px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
.course-card.course-card--home.course-card--small .course-new-badge img {
    width: 40px;
    height: 40px;
}
.course-card.course-card--home.course-card--small .course-header {
    height: 74px;
    padding: 0 14px;
}
.course-card.course-card--home.course-card--small .course-header .course-level {
    font-size: 12px;
    line-height: 16px;
    margin: 8px 40px 0 0;
}
.course-card.course-card--home.course-card--small .course-header .course-title {
    font-size: 18px;
    line-height: 21px;
    margin: 1px 40px 0 0;
}
.course-card.course-card--home.course-card--small .course-header .course-sub-head {
    font-size: 12px;
    line-height: px;
}
.course-card.course-card--home.course-card--small .course-header .course-price-block {
    position: absolute;
    top: 8px;
    right: 12px;
    display: block;
    width: 50px;
    height: 80px;
    text-align: right;
}
.course-card.course-card--home.course-card--small .course-header .course-price-block .course-price-point {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
}
.course-card.course-card--home.course-card--small .course-header .course-price-block .course-price-point sup {
    top: -.5em;
    font-size: 60%;
    margin-right: 2px;
}
.course-card.course-card--home.course-card--small .course-header .course-price-block .course-already-owned {
    padding: 2px 0;
    margin: 4px 0 0;
}
.course-card.course-card--home.course-card--small .course-header .course-price-block .course-already-owned span {
    font-size: 14px;
    line-height: 15px;
}
.course-card.course-card--home.course-card--small .course-header .course-price-block.course-price-block--discount .course-price-point {
    font-size: 24px;
    line-height: 24px;
}
.course-card.course-card--home.course-card--small .course-info {
    padding: 4px 14px 0;
}
.course-card.course-card--home.course-card--small .course-info span {
    font-size: 16px;
    line-height: 20px;
}
.course-card.course-card--home.course-card--small .course-quick-look-btn {
    bottom: 50px;
}
.course-card.course-card--home.course-card--small .course-footer {
    height: 12px;
}
.course-card.course-card--home.course-card--small .course-footer span {
    display: none;
}
.course-card.course-card--home.course-card--small .course-footer span.progress {
    height: 12px;
    background: #ffaa31;
}
.course-card.course-card--home.course-card--small .course-footer.course-footer--text {
    height: 28px;
}
.course-card.course-card--home.course-card--small .course-footer.course-footer--text span {
    display: block;
}
.course-card.course-card--home.course-card--micro {
    width: 130px;
    height: 165px;
    box-shadow: 0 2px 4px rgba(0,0,0,.6);
    margin: 0 14px 12px 0;
}
.course-card.course-card--home.course-card--micro .course-new-badge {
    left: 10px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
.course-card.course-card--home.course-card--micro .course-new-badge img {
    width: 40px;
    height: 40px;
}
.course-card.course-card--home.course-card--micro .course-header {
    height: 60px;
    padding: 0 12px;
}
.course-card.course-card--home.course-card--micro .course-header .course-level {
    font-size: 10px;
    line-height: 11px;
    margin: 8px 0 0;
}
.course-card.course-card--home.course-card--micro .course-header .course-title {
    font-size: 14px;
    line-height: 16px;
    margin: 2px 0 0;
}
.course-card.course-card--home.course-card--micro .course-header .course-price-block,
.course-card.course-card--home.course-card--micro .course-info {
    display: none;
}
.course-card.course-card--home.course-card--micro .course-icon {
    position: absolute;
    top: 65px;
    left: 50%;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    opacity: 1;
    margin-left: -30px;
}
.course-card.course-card--home.course-card--micro .course-footer {
    height: 10px;
    display: block;
}
.course-card.course-card--home.course-card--micro .course-footer .activity-status {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 100px;
    height: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    text-align: center;
    background: #000;
    border-radius: 20px;
    padding: 1px 0 0;
    margin-left: -50px;
}
.course-card.course-card--home.course-card--micro .course-footer .activity-status.completed,
.course-card.course-card--home.course-card--micro .course-footer .activity-status.not-started {
    background: #f39d23;
}
.course-card.course-card--home.course-card--micro .course-footer .progress {
    height: 10px;
    background: #fed233;
}
.course-card.course-card--home.course-card--bundle {
    height: 300px;
    width: auto;
    margin-top: 30px;
}
.course-card.course-card--home.course-card--bundle .course-new-badge {
    left: 10px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
.course-card.course-card--home.course-card--bundle .course-new-badge img {
    width: 40px;
    height: 40px;
}
.course-card.course-card--home.course-card--bundle .course-header {
    height: 74px;
    padding: 0 14px;
}
.course-card.course-card--home.course-card--bundle .course-header .course-level {
    font-size: 12px;
    line-height: 16px;
    margin: 8px 40px 0 0;
}
.course-card.course-card--home.course-card--bundle .course-header .course-title {
    font-size: 18px;
    line-height: 21px;
    margin: 1px 40px 0 0;
}
.course-card.course-card--home.course-card--bundle .course-header .course-sub-head {
    font-size: 12px;
}
.course-card.course-card--home.course-card--bundle .course-header .course-price-block {
    position: absolute;
    top: 8px;
    right: 12px;
    display: block;
    width: 52px;
    height: 80px;
    text-align: right;
}
.course-card.course-card--home.course-card--bundle .course-header .course-price-block .course-price-point {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
}
.course-card.course-card--home.course-card--bundle .course-header .course-price-block .course-price-point sup {
    top: -.5em;
    font-size: 60%;
    margin-right: 2px;
}
.course-card.course-card--home.course-card--bundle .course-header .course-price-block .course-already-owned {
    padding: 2px 0;
    margin: 4px 0 0;
}
.course-card.course-card--home.course-card--bundle .course-header .course-price-block .course-already-owned span {
    font-size: 14px;
    line-height: 15px;
}
.course-card.course-card--home.course-card--bundle .course-header .course-price-block.course-price-block--discount .course-price-point {
    font-size: 24px;
    line-height: 24px;
}
.course-card.course-card--home.course-card--bundle .course-body {
    background-size: cover;
    background-position: 50% 50%;
}
.course-card.course-card--home.course-card--bundle .course-info {
    padding: 4px 14px 0;
}
.course-card.course-card--home.course-card--bundle .course-info span {
    font-size: 16px;
    line-height: 20px;
}
.course-card.course-card--home.course-card--bundle .course-quick-look-btn {
    bottom: 50px;
}
.course-card.course-card--home.course-card--bundle .course-footer {
    height: 12px;
}
.course-card.course-card--home.course-card--bundle .course-footer span {
    display: none;
}
.course-card.course-card--home.course-card--bundle .course-footer span.progress {
    height: 12px;
    background: #ffaa31;
}
.course-card.course-card--home.course-card--bundle .course-footer.course-footer--text {
    height: 28px;
}
.course-card.course-card--home.course-card--bundle .course-footer.course-footer--text span {
    display: block;
}
.course-card.course-card--home.course-card--small.in-progress button,
.course-card.course-card--home.course-card--small.in-progress:hover .course-progress-bar {
    display: none;
}
.course-card.course-card--home.course-card--small.in-progress:hover button {
    display: block;
    width: 92%;
}
.course-card.course-card--home.course-card--small.locked:before {
    position: absolute;
    top: 106px;
    left: 0;
    right: 0;
    bottom: 50px;
    content: "";
    background-color: #000;
    background-color: rgba(0,0,0,.5);
}
.course-card.course-card--home.course-card--small.locked:after {
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 98px;
    font-family: IcoMoon;
    text-align: center;
    content: "\E0DA";
    padding: 6px;
    z-index: 2;
}
.course-card.course-card--home.course-card--no-hover:hover {
    transform: scale(1);
    -webkit-transition: transform 0s;
    -moz-transition: transform 0s;
    -o-transition: transform 0s;
    -ms-transition: transform 0s;
    transition: transform 0s;
    box-shadow: 1px 3px 8px rgba(0,0,0,.6);
}
.course-card.course-card--home.course-card--micro.course-card--no-hover:hover {
    box-shadow: 0 2px 4px rgba(0,0,0,.6);
}
.course-catalog {
    list-style: none outside;
}
.course-catalog li {
    text-align: left;
    float: left;
    display: inline-block;
    margin: 0 15px 18px 0;
}
.course-catalog.flex-catalog {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}
.course-catalog.flex-catalog.wrap {
    flex-wrap: wrap;
}
.course-catalog.top-cards-only {
    max-height: 333px;
    overflow: hidden;
}
.course-catalog.select-option .course-key {
    font-size: 12px;
    line-height: 22px;
    font-weight: 300;
}
.course-catalog .course-card.course-card--school.course-card--small {
    width: 175px;
}
.course-catalog .course-card.course-card--school.course-card--small .course-image,
.course-catalog .course-card.course-card--school.course-card--small .course-image img {
    width: 173px;
}
.course-catalog .course-card.course-card--school.course-card--small .course-type .type-text {
    text-transform: capitalize;
}
.course-catalog.course-catalog--small-cards li {
    margin-right: 8px;
    margin-bottom: 9px;
}
ul.course-catalog li a.course-card .actions a.btn-full {
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    position: relative;
    display: block;
    background: #3a9ddb;
    background-image: linear-gradient(#3a9ddb,#3898d4);
    border-radius: 16px;
}
ul.course-catalog li a.course-card .actions a.btn-full:hover {
    text-decoration: none;
    background: #3795cf;
    background: -webkit-linear-gradient(top,#3795cf,#358fc7);
    background: -moz-linear-gradient(top,#3795cf 0,#358fc7 100%);
    background: -ms-linear-gradient(top,#3795cf 0,#358fc7 100%);
    background: -o-linear-gradient(top,#3795cf 0,#358fc7 100%);
    background: linear-gradient(180deg,#3795cf 0,#358fc7);
}
ul.course-catalog li a.course-card .actions a.btn-left {
    -webkit-border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
    -ms-border-radius: 16px 0 0 16px;
    -o-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px;
    margin-right: 1px;
}
ul.course-catalog li a.course-card .actions a.btn-left,
ul.course-catalog li a.course-card .actions a.btn-right {
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    float: left;
    display: inline-block;
    width: 134px;
    background: #3a9ddb;
    background: -webkit-linear-gradient(top,#3a9ddb,#3898d4);
    background: -moz-linear-gradient(top,#3a9ddb 0,#3898d4 100%);
    background: -ms-linear-gradient(top,#3a9ddb 0,#3898d4 100%);
    background: -o-linear-gradient(top,#3a9ddb 0,#3898d4 100%);
    background: linear-gradient(180deg,#3a9ddb 0,#3898d4);
}
ul.course-catalog li a.course-card .actions a.btn-right {
    font-weight: 400;
    -webkit-border-radius: 0 16px 16px 0;
    -moz-border-radius: 0 16px 16px 0;
    -ms-border-radius: 0 16px 16px 0;
    -o-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
}
ul.course-catalog li a.course-card .actions a.btn-left:hover,
ul.course-catalog li a.course-card .actions a.btn-right:hover {
    text-decoration: none;
    background: #3795cf;
    background: -webkit-linear-gradient(top,#3795cf,#358fc7);
    background: -moz-linear-gradient(top,#3795cf 0,#358fc7 100%);
    background: -ms-linear-gradient(top,#3795cf 0,#358fc7 100%);
    background: -o-linear-gradient(top,#3795cf 0,#358fc7 100%);
    background: linear-gradient(180deg,#3795cf 0,#358fc7);
}
ul.course-catalog li a.course-card .actions a.buy {
    background: #ffaa31;
    background: -webkit-linear-gradient(top,#ffaa31,#f6a530);
    background: -moz-linear-gradient(top,#ffaa31 0,#f6a530 100%);
    background: -ms-linear-gradient(top,#ffaa31 0,#f6a530 100%);
    background: -o-linear-gradient(top,#ffaa31 0,#f6a530 100%);
    background: linear-gradient(180deg,#ffaa31 0,#f6a530);
}
ul.course-catalog li a.course-card .actions a.buy:hover {
    background: #fba62d;
    background: -webkit-linear-gradient(top,#fba62d,#ee9e2b);
    background: -moz-linear-gradient(top,#fba62d 0,#ee9e2b 100%);
    background: -ms-linear-gradient(top,#fba62d 0,#ee9e2b 100%);
    background: -o-linear-gradient(top,#fba62d 0,#ee9e2b 100%);
    background: linear-gradient(180deg,#fba62d 0,#ee9e2b);
}
ul.course-catalog li a.course-card .banner-circle {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 50px;
    height: 50px;
}
ul.course-catalog li a.course-card .banner-circle img {
    width: 50px;
    height: 50px;
}
.course-catalog-detail .item-main-panel .h2 {
    line-height: 42px;
    margin: 0 0 10px;
}
.course-gallery {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 20px;
}
.course-gallery .course-card.course-card--home,
.course-gallery .course-tile-wrap {
    float: left;
    position: relative;
    display: inline-block;
}
.course-gallery .course-card.course-card--home {
    margin: 0 24px 24px 0;
    vertical-align: top;
}
.course-gallery .button-panel-bottom {
    position: relative;
    display: block;
    width: 100%;
}
.course-gallery.course-gallery--center-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-left: 110px;
    margin-right: 110px;
}
.course-gallery.course-gallery--center-items .course-card.course-card--home.course-card--small {
    margin: 0;
}
@media screen and (min-width:75em) {
    .course-gallery.course-gallery--center-items {
        margin-left: 190px;
        margin-right: 190px;
    }
}
.course-list-filter .course-list-filter__label {
    border-bottom: 1px solid #d3d3d3;
    font-weight: 700;
    margin: 0 auto;
    max-width: 550px;
    padding-bottom: 10px;
}
.course-list-filter .course-list-filter__values {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px auto 0;
    max-width: 550px;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.course-list-filter .course-list-filter__values .course-list-filter__value {
    font-weight: 700;
}
.course-list-filter .course-list-filter__values .course-list-filter__value.course-list-filter__value--active {
    border-bottom: 4px solid;
}
.course-list-filter .course-list-filter__values .course-list-filter__value.course-list-filter__value--7- {
    border-color: #2abb9b;
}
.course-list-filter .course-list-filter__values .course-list-filter__value.course-list-filter__value--10- {
    border-color: #ffaa31;
}
.course-list-filter .course-list-filter__values .course-list-filter__value.course-list-filter__value--12- {
    border-color: #8d73c3;
}
.course-list {
    display: block;
    margin: 20px auto;
    width: 360px;
}
@media(max-width:360px) {
    .course-list {
        width: 100%;
    }
}
@media print,screen and (min-width:64em) {
    .course-list-filter {
        float: left;
    }
    .course-list-filter .course-list-filter__values {
        display: block;
    }
    .course-list-filter .course-list-filter__values .course-list-filter__value.course-list-filter__value--active {
        border-bottom-width: 12px;
    }
}
.course-item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 168px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    padding: 10px;
    background: #fff;
    margin: 0 0 15px;
    color: #3b3832;
    border-radius: 4px;
}
.course-image img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.course-data {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
}
.course-data li {
    display: inline-block;
    width: 33%;
    margin-left: -4px;
    vertical-align: middle;
}
.course-data li span {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
}
.course-title {
    font-size: 18px;
    font-weight: 500;
}
.class-code {
    font-weight: 300;
    font-size: 14px;
}
.course-info {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    color: #b6bcbf;
    font-size: 10pt;
    line-height: 12px;
    font-weight: 600;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    padding: 0;
    margin: 4px 0 0;
}
.course-info span {
    border-right: 1px solid #dae1e1;
    padding-right: 7px;
    margin-right: 6px;
}
.course-info span .discount {
    color: #ffaa31;
    font-weight: 300;
    padding-right: 0;
    margin-right: 0;
}
.course-info span:last-child {
    border-right: none;
}
.course-item.course-item--coming-soon:after {
    background-image: url("../image/banner/bn-course-coming-soon--red.png");
    content: "";
    display: block;
    height: 84px;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
}
.course-detail {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 5px 8px;
    margin: 0 0 20px;
}
.course-detail .course-header {
    position: relative;
    display: block;
    height: 42px;
    text-align: right;
    border-bottom: 1px solid #dae1e1;
    padding: 2px 0 6px;
    margin: 0 0 10px;
}
.course-detail .course-header .button-back {
    float: left;
    font-size: 18px;
    line-height: 32px;
}
.course-detail .course-header .button-back span {
    font-size: 14px;
    line-height: 32px;
    vertical-align: baseline;
}
.course-detail .course-info {
    position: relative;
    display: block;
    text-align: left;
    margin: 0 0 8px;
}
.course-detail .course-info .course-image {
    float: left;
    display: inline-block;
    width: 35%;
    overflow: hidden;
}
.course-detail .course-info .course-image img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.course-detail .course-info .course-data {
    position: relative;
    display: inline-block;
    width: 55%;
    padding: 0 0 0 14px;
    margin: 0;
}
.course-detail .course-info .course-data h5 {
    overflow: hidden;
    font-size: 14pt;
    line-height: 22px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.course-detail .course-info .course-data h5,
.course-detail .course-info .course-data h6 {
    position: relative;
    display: block;
    width: 100%;
    color: #3b3832;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    padding: 0;
    margin: 0;
}
.course-detail .course-info .course-data h6 {
    font-size: 12pt;
    line-height: 18px;
    font-weight: 300;
}
.course-detail .course-info .course-data .course-price {
    position: relative;
    display: block;
    width: 100%;
    height: 36px;
    overflow: hidden;
    color: #3b3832;
    font-size: 18pt;
    line-height: 20px;
    font-weight: 300;
    padding: 0;
    margin: 7px 0 0;
}
.course-detail .course-info .course-data .course-price span {
    font-size: 13px;
    line-height: 20px;
}
.course-detail .course-info .course-data .course-price .discount {
    position: relative;
    display: block;
    color: #dc3929;
    font-size: 12px;
    line-height: 14px;
}
.course-detail .course-description {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 12px 1px;
    margin: 0 0 12px;
}
.course-detail .course-description p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding: 0 0 6px;
}
.course-detail .course-description ul {
    list-style: none outside;
    padding: 0;
    margin: 0 0 10px;
}
.course-detail .course-description ul li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding-left: 24px;
    margin: 0 10px 10px 0;
}
.course-detail .course-description ul li b {
    font-weight: 500;
}
.course-detail .course-description ul li span.icon-checkmark {
    display: inline-block;
    color: #5cbe5a;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    vertical-align: baseline;
    margin: 0 6px 0 -24px;
}
.course-detail .requirements {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 12px;
    margin: 0 0 6px;
}
.course-detail .requirements h6 {
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px solid #dae1e1;
    padding: 0 0 4px;
    margin: 0 0 2px;
}
.course-detail .requirements p {
    font-size: 13px;
    padding: 0;
}
.path-card {
    padding-top: 110px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 75px;
}
.path-card p {
    color: #666;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
}
.path-card.path-card--7-9 p {
    border-bottom: 12px solid #2abb9b;
}
.path-card.path-card--10-11 p {
    border-bottom: 12px solid #ffaa31;
}
.path-card.path-card--12- p {
    border-bottom: 12px solid #8d73c3;
}
.path-header {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.path-header p {
    color: #666;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.course-row .course-column {
    text-align: center;
}
.course-row .course-column .course-card {
    display: inline-block;
    margin-right: 0;
}
.course-row .course-column .course-card.course-card--home.course-card--small {
    width: 100%;
}
@media print,screen and (min-width:64em) {
    .course-row .course-column .course-card.course-card--home.course-card--small {
        width: 230px;
    }
}
.modal.course-quick-look .box-header {
    overflow: hidden;
}
.modal.course-quick-look .modal .box-header h3 {
    padding-bottom: 8px;
}
.modal.course-quick-look .modal .box-header h3 i {
    font-size: 20px;
}
.modal.course-quick-look .modal h4 {
    color: #fff!important;
    padding: 8px 0;
    margin: 0;
}
.modal.course-quick-look .modal .column.right {
    width: 250px;
}
.modal.course-quick-look .points {
    background-color: #eee;
    border-radius: 6px;
    padding: 8px;
    text-align: center;
    font-weight: 400;
    margin-top: 30px;
}
.modal.course-quick-look .other {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    display: block;
    margin-top: 20px;
    font-style: italic;
}
.modal.course-quick-look .thumbnail-gallery-wrap {
    margin-bottom: 0;
}
.modal.course-quick-look ul li {
    list-style: none;
}
.modal.course-quick-look strong {
    font-weight: 600;
}
.modal.course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-title {
    font-size: 16px;
    font-weight: 600;
}
.modal.course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-footer {
    padding-bottom: 0;
    padding-top: 112px;
    text-align: right;
}
.modal.course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-footer a {
    font-weight: 600;
}
.modal.course-quick-look .box-body .price-block {
    border: 2px solid #e2e2e2;
    border-radius: 16px;
    position: relative;
}
.modal.course-quick-look .box-body .price-block .price-block-action {
    padding: 20px;
}
.modal.course-quick-look .box-body .price-block .price-block-action a {
    width: 180px;
}
.modal.course-quick-look .box-body .price-block .discount-text p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 0;
}
.modal.course-quick-look .box-body .price-block .discount-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
.modal.course-quick-look .box-body .price-block .actual-price {
    color: #353e43;
    font-size: 40px;
    font-weight: 700;
    line-height: 26px;
}
.modal.course-quick-look .box-body .price-block .actual-price sup {
    font-size: 65%;
    top: -.5em;
}
.modal.course-quick-look .box-body .price-block .actual-price-interval {
    color: #353e43;
    font-size: 18px;
    font-weight: 600;
}
.modal.course-quick-look .box-body .price-block .price-details {
    color: #888e92;
    font-size: 14px;
    line-height: 28px;
}
.modal.course-quick-look .box-footer {
    background-color: #fff;
    text-align: left;
}
.modal.course-quick-look .box-footer .action-right span {
    color: #282e33;
    font-size: 16px;
    line-height: 42px;
}
.modal.course-quick-look .box-footer .action-right span.strong {
    font-size: 24px;
    font-weight: 700;
}
.modal.course-quick-look .box-footer .action-right .btn-default {
    float: right;
    margin-left: 10px;
}
.daily-mission-card {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    cursor: pointer;
    margin-top: 30px;
    position: relative;
}
.daily-mission-card:hover {
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.daily-mission-card:hover .play-button-hover {
    background-color: #00bcd4;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
}
.daily-mission-card .circle-progress {
    margin-top: -55px;
}
.daily-mission-card h4 {
    font-size: 16px;
    margin-top: -20px;
}
.daily-mission-card a,
.daily-mission-card span {
    color: #ccc;
}
@media screen and (max-width:39.9375em) {
    .daily-mission-card {
        margin-bottom: 20px;
    }
}
.dashboard-sidebar {
    background-color: #25293a;
    color: #fff;
    overflow-y: initial;
}
.dashboard-sidebar ul.dashboard-sidebar-nav ul.menu.vertical.nested {
    display: none;
}
.dashboard-sidebar ul.dashboard-sidebar-nav ul.menu.vertical.nested.is-active {
    display: block;
}
.dashboard-sidebar-wrapper-parent,
.dashboard-sidebar-wrapper-student,
.dashboard-sidebar-wrapper-teacher {
    background-color: #25293a;
}
.dashboard-sidebar-wrapper-parent .off-canvas,
.dashboard-sidebar-wrapper-student .off-canvas,
.dashboard-sidebar-wrapper-teacher .off-canvas {
    height: 100%;
}
.dashboard-sidebar-wrapper-parent .off-canvas-content,
.dashboard-sidebar-wrapper-student .off-canvas-content,
.dashboard-sidebar-wrapper-teacher .off-canvas-content {
    background-color: #f4f9fa;
    box-shadow: none;
}
.dashboard-sidebar-wrapper-parent .callout.primary,
.dashboard-sidebar-wrapper-student .callout.primary,
.dashboard-sidebar-wrapper-teacher .callout.primary {
    margin-bottom: 0;
}
.dashboard-sidebar-wrapper-parent.is-open-left,
.dashboard-sidebar-wrapper-student.is-open-left {
    transform: translateX(200px);
}
.dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas,
.dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas {
    width: 200px;
    transition: width 0.25s ease;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas:not(.is-toggled),
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas:not(.is-toggled) {
        width: 6rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas:not(.is-toggled).reveal-for-medium~.off-canvas-content,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas:not(.is-toggled).reveal-for-medium~.off-canvas-content {
        margin-left: 6rem;
        transition: margin-left 0.25s ease;
    }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas:not(.is-toggled),
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas:not(.is-toggled) {
        width: 6rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas:not(.is-toggled).reveal-for-medium~.off-canvas-content,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas:not(.is-toggled).reveal-for-medium~.off-canvas-content {
        margin-left: 6rem;
        transition: margin-left 0.25s ease;
    }
}
@media screen and (min-width:75em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas.is-toggled,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas.is-toggled {
        width: 6rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas.is-toggled.reveal-for-medium~.off-canvas-content,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas.is-toggled.reveal-for-medium~.off-canvas-content {
        margin-left: 6rem;
        transition: margin-left 0.25s ease;
    }
}
@media screen and (min-width:75em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas {
        width: 200px;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.off-canvas.reveal-for-medium~.off-canvas-content,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.off-canvas.reveal-for-medium~.off-canvas-content {
        margin-left: 200px;
    }
}
.dashboard-sidebar-wrapper-teacher.is-open-left {
    transform: translateX(200px);
}
.dashboard-sidebar-wrapper-teacher .dashboard-sidebar.off-canvas {
    width: 200px;
}
@media print,screen and (min-width:40em) {
    .dashboard-sidebar-wrapper-teacher .dashboard-sidebar.off-canvas.reveal-for-medium~.off-canvas-content {
        margin-left: 200px;
    }
}
.dashboard-sidebar .dashboard-sidebar-nav {
    overflow-x: hidden;
    padding-top: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav hr {
    border-color: #282f40;
    padding: 0;
    margin: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav li {
    min-height: 50px;
}
.dashboard-sidebar .dashboard-sidebar-nav li a {
    border-left: 5px solid transparent;
    color: #b9c6fa;
    display: block;
    font-weight: 500;
    letter-spacing: 1px;
    overflow: hidden;
    padding: 5px 16px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all 0.25s;
    white-space: nowrap;
    width: 100%;
    min-height: inherit;
}
.dashboard-sidebar .dashboard-sidebar-nav li a.sign-out-link {
    color: #d2daff;
}
.dashboard-sidebar .dashboard-sidebar-nav li img.create {
    height: 30px;
}
.dashboard-sidebar .dashboard-sidebar-nav li h5,
.dashboard-sidebar .dashboard-sidebar-nav li h6 {
    color: #fff;
    margin: 0.25rem 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    line-height: 1.5;
    white-space: nowrap;
}
.dashboard-sidebar .dashboard-sidebar-nav li h5 {
    font-size: 14px;
}
.dashboard-sidebar .dashboard-sidebar-nav li h6 {
    font-size: 12px;
}
.dashboard-sidebar .dashboard-sidebar-nav li img,
.dashboard-sidebar .dashboard-sidebar-nav li svg {
    margin-right: 0.25em;
    vertical-align: middle;
    width: 1.125em;
    height: auto;
}
.dashboard-sidebar .dashboard-sidebar-nav li .icon {
    font-weight: 700;
    font-family: icomoon;
    display: inline-block;
    margin-right: 0.25em;
    vertical-align: middle;
}
.dashboard-sidebar .dashboard-sidebar-nav li .title {
    color: #b9c6fa;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    line-height: 50px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: opacity 0.25s ease-in-out;
}
.dashboard-sidebar .dashboard-sidebar-nav li .submenu-toggle {
    outline: 0;
    position: absolute;
    right: 0.25rem;
    top: 1.875rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
}
.dashboard-sidebar .dashboard-sidebar-nav li .submenu-toggle:after {
    background-image: url("../image/dashboard/navigation/icon-arrow.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.5rem;
    border: none;
    color: inherit;
    content: "";
    position: absolute;
    transition: transform 0.12s ease;
    width: inherit;
    height: inherit;
}
.dashboard-sidebar .dashboard-sidebar-nav li .submenu-toggle[aria-expanded=true]:after {
    transform: rotate(90deg);
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile a {
    padding-left: 0;
    padding-right: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav li .student-sidebar-create-project,
.dashboard-sidebar .dashboard-sidebar-nav li .teacher-sidebar-create-project {
    padding: 0.5rem 1rem;
}
.dashboard-sidebar .dashboard-sidebar-nav li:hover .sidebar-avatar > a,
.dashboard-sidebar .dashboard-sidebar-nav li:hover > a {
    background-color: #2e3347;
    border-left-color: #9fb0bf;
    color: #fff;
}
.dashboard-sidebar .dashboard-sidebar-nav li:hover .title,
.dashboard-sidebar .dashboard-sidebar-nav li:hover p {
    color: #fff;
}
.dashboard-sidebar .dashboard-sidebar-nav li:hover img {
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1);
}
.dashboard-sidebar .dashboard-sidebar-nav li:hover img.avatar-img {
    filter:none
}
.dashboard-sidebar .dashboard-sidebar-nav li:hover .icon {
    color: #fff;
}
.dashboard-sidebar .dashboard-sidebar-nav li:hover.is-accordion-submenu-parent > a:after {
    border-color: #fff transparent transparent;
}
.dashboard-sidebar .dashboard-sidebar-nav li.current .sidebar-avatar > a,
.dashboard-sidebar .dashboard-sidebar-nav li.current > a {
    background-color: #2e3347;
    border-left-color: #fff;
    color: #fff;
}
.dashboard-sidebar .dashboard-sidebar-nav li.current .title,
.dashboard-sidebar .dashboard-sidebar-nav li.current p {
    color: #fff;
}
.dashboard-sidebar .dashboard-sidebar-nav li.current img {
    filter:brightness(0) invert(1);
    -webkit-filter:brightness(0) invert(1);
}
.dashboard-sidebar .dashboard-sidebar-nav li.current img.avatar-img {
    filter:none
}
.dashboard-sidebar .dashboard-sidebar-nav li.current .icon {
    color: #fff;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile {
    box-sizing: content-box;
    width: 100%;
    min-height: 150px;
    padding: 0;
    text-align: center;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile parent-sidebar-avatar .parent-sidebar-avatar {
    padding: 1.5rem 0.5rem;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile a {
    text-align: center;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile img {
    background-color: #1d202d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin: 0;
    width: 70px;
    height: auto;
    max-width: 60%;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile .title {
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-profile .icon-lightning {
    color: #ffe100;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-logout {
    margin-bottom: 1rem;
}
.dashboard-sidebar .dashboard-sidebar-nav li.sidebar-nav-logout:before {
    background-color: #7580b3;
    content: "";
    display: block;
    margin: 0 auto;
    opacity: 0.25;
    width: 80%;
    height: 1px;
}
.dashboard-sidebar .dashboard-sidebar-nav li.is-accordion-submenu-parent.has-pom > a:after {
    border: 0;
    content: "+";
    font-size: 2em;
    text-align: center;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
}
.dashboard-sidebar .dashboard-sidebar-nav li.is-accordion-submenu-parent.has-pom[aria-expanded=true] > a:after {
    content: "\2012";
}
.dashboard-sidebar .dashboard-sidebar-nav li.is-accordion-submenu-parent > a:after {
    border-color: #626aab transparent transparent;
}
.dashboard-sidebar .dashboard-sidebar-nav li.is-submenu-item {
    min-height: 40px;
}
.dashboard-sidebar .dashboard-sidebar-nav li.is-submenu-item a {
    line-height: 32px;
    text-transform: none;
}
.dashboard-sidebar .dashboard-sidebar-nav li.is-submenu-item.current a,
.dashboard-sidebar .dashboard-sidebar-nav li.is-submenu-item:hover {
    border-left-color: #414863;
    transition: all 0.25s,border-color 0s;
}
.dashboard-sidebar .dashboard-sidebar-nav li .menu.nested > li {
    min-height: unset;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu,
.dashboard-sidebar .dashboard-sidebar-nav li .site-submenu {
    display: none;
    margin-left: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu > li,
.dashboard-sidebar .dashboard-sidebar-nav li .site-submenu > li {
    min-height: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu > li > a,
.dashboard-sidebar .dashboard-sidebar-nav li .site-submenu > li > a {
    color: #fff;
    font-size: 0.75rem;
    line-height: 2;
    min-height: 0;
}
.dashboard-sidebar .dashboard-sidebar-nav li .site-submenu {
    background-color: #7c9de6;
}
.dashboard-sidebar .dashboard-sidebar-nav li .site-submenu > li > a {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu > li > li {
    padding-left: 2.68rem;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu > li:hover > a {
    border-left-color: transparent;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu > li.is-active > a {
    border-left-color: transparent;
    font-weight: 700;
}
.dashboard-sidebar .dashboard-sidebar-nav li .dashboard-submenu > li.is-active > a:not(:hover) {
    background-color: transparent;
}
.dashboard-sidebar .dashboard-sidebar-nav li .icon-gamepad {
    font-size: 2em;
    margin-top: -.125em;
}
.dashboard-sidebar .logo {
    background: url("../image/tynker-byjus-logo-center.png") no-repeat 50%;
    display: inline-block;
    height: 2.5rem;
    max-width: 160px;
    width: 75%;
    margin: 0.5rem 0;
    background-size: contain;
}
.dashboard-sidebar .account-type {
    font-size: 13px;
    text-transform: uppercase;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li a {
        line-height: 50px;
        text-align: center;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .title {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .submenu-toggle,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .submenu-toggle {
        opacity: 0;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li ul.submenu,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li ul.submenu {
        display: none;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li.sidebar-nav-profile,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li.sidebar-nav-profile {
        min-height: 0;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .hidden-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .hidden-when-collapsed {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button {
        padding-top: 0.2rem;
        padding-bottom: 0.25rem;
        text-align: center;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button img,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button img {
        margin: 0;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed {
        background-color: #fff;
        border-radius: 4px;
        color: #222;
        display: inline-block!important;
        font-family: Open Sans,Helvetica,Arial,sans-serif;
        font-weight: 400;
        left: 90px;
        opacity: 1;
        padding: 0.25rem;
        position: fixed;
        text-transform: none;
        visibility: visible;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title {
        text-align: left;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a:hover,
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title:hover,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a:hover,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title:hover {
        background-color: #bbe3f5;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a {
        border: 0;
        color: inherit!important;
        line-height: 3;
        padding: 0 2rem 0 0.5rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li.current > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li.current > a {
        background-color: #bbe3f5;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title {
        padding: 0 0.75rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover ul.show-on-hover-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover ul.show-on-hover-when-collapsed {
        margin-top: -50px;
    }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li a {
        line-height: 50px;
        text-align: center;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .title {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .submenu-toggle,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li .submenu-toggle {
        opacity: 0;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li ul.submenu,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li ul.submenu {
        display: none;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li.sidebar-nav-profile,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li.sidebar-nav-profile {
        min-height: 0;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .hidden-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .hidden-when-collapsed {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button {
        padding-top: 0.2rem;
        padding-bottom: 0.25rem;
        text-align: center;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button img,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav .create-project-button img {
        margin: 0;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed {
        background-color: #fff;
        border-radius: 4px;
        color: #222;
        display: inline-block!important;
        font-family: Open Sans,Helvetica,Arial,sans-serif;
        font-weight: 400;
        left: 90px;
        opacity: 1;
        padding: 0.25rem;
        position: fixed;
        text-transform: none;
        visibility: visible;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title {
        text-align: left;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a:hover,
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title:hover,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a:hover,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title:hover {
        background-color: #bbe3f5;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a {
        border: 0;
        color: inherit!important;
        line-height: 3;
        padding: 0 2rem 0 0.5rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li.current > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li.current > a {
        background-color: #bbe3f5;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title {
        padding: 0 0.75rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover ul.show-on-hover-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar:not(.is-toggled) .dashboard-sidebar-nav li:hover ul.show-on-hover-when-collapsed {
        margin-top: -50px;
    }
}
@media screen and (min-width:75em) {
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li a {
        line-height: 50px;
        text-align: center;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li .title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li .title {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li .submenu-toggle,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li .submenu-toggle {
        opacity: 0;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li ul.submenu,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li ul.submenu {
        display: none;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li.sidebar-nav-profile,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li.sidebar-nav-profile {
        min-height: 0;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav .hidden-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav .hidden-when-collapsed {
        opacity: 0;
        position: absolute;
        visibility: hidden;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav .create-project-button,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav .create-project-button {
        padding-top: 0.2rem;
        padding-bottom: 0.25rem;
        text-align: center;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav .create-project-button img,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav .create-project-button img {
        margin: 0;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed {
        background-color: #fff;
        border-radius: 4px;
        color: #222;
        display: inline-block!important;
        font-family: Open Sans,Helvetica,Arial,sans-serif;
        font-weight: 400;
        left: 90px;
        opacity: 1;
        padding: 0.25rem;
        position: fixed;
        text-transform: none;
        visibility: visible;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title {
        text-align: left;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a:hover,
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title:hover,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a:hover,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title:hover {
        background-color: #bbe3f5;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li > a {
        border: 0;
        color: inherit!important;
        line-height: 3;
        padding: 0 2rem 0 0.5rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li.current > a,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed > li.current > a {
        background-color: #bbe3f5;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover .show-on-hover-when-collapsed.title {
        padding: 0 0.75rem;
    }
    .dashboard-sidebar-wrapper-parent .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover ul.show-on-hover-when-collapsed,
    .dashboard-sidebar-wrapper-student .dashboard-sidebar.is-toggled .dashboard-sidebar-nav li:hover ul.show-on-hover-when-collapsed {
        margin-top: -50px;
    }
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li .title,
.dashboard-sidebar .dashboard-sidebar-nav-hs li a {
    color: #72aad0;
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li a.sign-out-link {
    color: #9cc4de;
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li.current > .title,
.dashboard-sidebar .dashboard-sidebar-nav-hs li.current > a,
.dashboard-sidebar .dashboard-sidebar-nav-hs li:hover .title,
.dashboard-sidebar .dashboard-sidebar-nav-hs li:hover a {
    color: #fefefe;
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li .title {
    font-stretch: expanded;
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li.student-sidebar-create-project .student-sidebar-create-project .create-project-button {
    background-color: #72aad0;
    background-image: linear-gradient(180deg,#72aad0 10%,#428dc0 90%);
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li.student-sidebar-create-project .student-sidebar-create-project .create-project-button:focus,
.dashboard-sidebar .dashboard-sidebar-nav-hs li.student-sidebar-create-project .student-sidebar-create-project .create-project-button:hover {
    background-color: #428dc0;
    background-image: none;
}
.dashboard-sidebar .dashboard-sidebar-nav-hs li.student-sidebar-create-project .student-sidebar-create-project .create-project-button .title {
    font-family: Iosevka Web,Open Sans,Helvetica,Arial,sans-serif;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: 46px;
}
.dashboard-sidebar .dashboard-sidebar-nav li a.has-sale {
    position: relative;
}
.dashboard-sidebar .dashboard-sidebar-nav li a.has-sale:after {
    background-image: url("../image/dashboard/parent/parent-dashboard-bottom-sale-banner/tag-sale.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.wrap--email-collector-banner {
    background-color: #36444e;
}
.wrap--email-collector-banner p {
    color: #fff;
}
.wrap--email-collector-banner .row {
    text-align: center;
}
.wrap--email-collector-banner .row .wrap--email-collector-banner__title {
    color: #fff;
    display: none;
    font-size: 18px;
    font-weight: 700;
}
.wrap--email-collector-banner .row .wrap--email-collector-banner__title--short {
    display: block;
}
.wrap--email-collector-banner .row .wrap--email-collector-banner__sub-title {
    display: none;
}
.wrap--email-collector-banner .row .wrap--email-collector-banner__form .btn-group {
    padding-bottom: 10px;
}
.wrap--email-collector-banner .row .wrap--email-collector-banner__form input[type=submit] {
    display: block;
    margin: 10px auto;
}
.wrap--email-collector-banner .wrap--email-collector-banner__error {
    color: #f25954;
    font-size: 14px;
}
@media(min-width:960px) {
    .wrap--email-collector-banner {
        background-image: url("../image/email-collector-banner/bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: 30px;
    }
    .wrap--email-collector-banner .row {
        text-align: left;
    }
    .wrap--email-collector-banner .row .wrap--email-collector-banner__copy,
    .wrap--email-collector-banner .row .wrap--email-collector-banner__form {
        float: left;
        padding: 0 20px;
        width: 50%;
    }
    .wrap--email-collector-banner .row .wrap--email-collector-banner__copy {
        padding-top: 10px;
    }
    .wrap--email-collector-banner .row .wrap--email-collector-banner__title {
        display: block;
        text-align: right;
    }
    .wrap--email-collector-banner .row .wrap--email-collector-banner__title--short {
        display: none;
    }
    .wrap--email-collector-banner .row .wrap--email-collector-banner__sub-title {
        display: block;
        text-align: right;
    }
    .wrap--email-collector-banner .row.wrap--email-collector-banner__row--join .wrap--email-collector-banner__form input[type=submit] {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        display: inline-block;
        margin: -3px 0 0 -3px;
        padding-top: 7px;
    }
    .wrap--email-collector-banner .row.wrap--email-collector-banner__row--profile .wrap--email-collector-banner__form input[type=submit] {
        display: inline-block;
        margin-top: 5px;
    }
    .wrap--email-collector-banner .row.wrap--email-collector-banner__row--profile .wrap--email-collector-banner__form input[type=text] {
        width: 150px;
    }
    .wrap--email-collector-banner .row.wrap--email-collector-banner__row--thanks,
    .wrap--email-collector-banner .row.wrap--email-collector-banner__row--thanks .wrap--email-collector-banner__sub-title,
    .wrap--email-collector-banner .row.wrap--email-collector-banner__row--thanks .wrap--email-collector-banner__title {
        text-align: center;
    }
}
@media(min-width:1024px) {
    .wrap--email-collector-banner {
        background-position-x: 50px;
    }
}
.email-collector-modal {
    background-color: #009de0;
}
.email-collector-modal h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 20px 0 0;
}
.email-collector-modal h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}
.email-collector-modal p {
    color: #fff;
}
.email-collector-modal .email-collector-modal__logo {
    height: 67px;
    margin-top: 80px;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__logo {
        margin-top: 40px;
    }
}
.email-collector-modal .email-collector-modal__form-container {
    margin-top: 60px;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__form-container {
        margin-top: 40px;
    }
}
.email-collector-modal .email-collector-modal__form-container .email-collector-modal__join-form {
    padding: 28px 0;
}
.email-collector-modal .email-collector-modal__form-container .email-collector-modal__profile-form {
    padding: 40px 0;
}
.email-collector-modal .email-collector-modal__form-container .email-collector-modal__profile-form input {
    margin-top: 24px;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__form-container .email-collector-modal__profile-form input {
        margin-top: 16px;
    }
}
.email-collector-modal .email-collector-modal__error {
    margin-top: 20px;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__error {
        margin-top: 10px;
    }
}
.email-collector-modal .email-collector-modal__text-submit {
    margin-top: 24px;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__text-submit {
        margin-top: 16px;
    }
}
.email-collector-modal .email-collector-modal__text-submit input[type=submit] {
    display: block;
    margin: 24px auto;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__text-submit input[type=submit] {
        margin: 10px auto;
    }
}
.email-collector-modal .email-collector-modal__arrow {
    display: none;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__arrow {
        bottom: 132px;
        height: 124px;
        position: absolute;
        right: 3%;
    }
}
.email-collector-modal.modal .email-collector-modal__content {
    border: 10px solid #fff;
}
.email-collector-modal.modal .email-collector-modal__form-container {
    background-color: #36444e;
}
.email-collector-modal.reveal {
    border: 10px solid #fff;
    padding: 0;
}
.email-collector-modal.reveal .email-collector-modal__form-container {
    padding: 0 1rem;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal.reveal .email-collector-modal__form-container {
        background-color: #36444e;
    }
}
.email-collector-modal.reveal .close-button {
    color: #fff;
    font-size: 2.4em;
    font-weight: 500;
}
.email-collector-modal.reveal .close-button:hover {
    color: #36444e;
}
@media print,screen and (min-width:40em) {
    .email-collector-modal .email-collector-modal__content .email-collector-modal__text-submit input[type=submit] {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        display: inline-block;
        margin: -3px 1px 0 -3px;
        padding-top: 7px;
    }
    .email-collector-modal .email-collector-modal__content .email-collector-modal__arrow {
        bottom: 82px;
        right: 10%;
    }
    .email-collector-modal.modal {
        width: 700px;
    }
}
.email-verified {
    margin-top: 20px;
}
.email-verified .input-icon-container {
    position: relative;
}
.email-verified .input-icon-container span.icon {
    left: 240px;
    position: absolute;
    top: 10px;
}
.email-verified label.checkbox-container {
    line-height: 1;
    margin-bottom: 1.5rem;
}
body.body-email-verified .content {
    background: url("../image/email-verified/parent-bg.png),linear-gradient(124.13deg,#5fa5cf,#2a4995");
    background-position: 50%;
    background-repeat: no-repeat;
}
.faq-card {
    background: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 18px;
}
.faq-card .faq-card__question {
    font-weight: 800;
    text-transform: uppercase;
}
.faq-card .faq-card__answer {
    margin-top: 18px;
}
.faq-card-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.faq-card-wrap .faq-card {
    width: 300px;
}
.flippable {
    perspective: 1000px;
    transform-style: preserve-3d;
}
.flippable .flippable__back,
.flippable .flippable__front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
    transform-style: preserve-3d;
    transition: 0.6s;
}
.flippable .flippable__front {
    z-index: 2;
    transform: rotateY(0deg);
}
.flippable .flippable__back {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotateY(-180deg);
}
.flippable.flippable--flip-on-hover:hover .flippable__front,
.flippable.flippable--flipped .flippable__front {
    animation: rotate-out 0.75s forwards;
}
.flippable.flippable--flip-on-hover:hover .flippable__back,
.flippable.flippable--flipped .flippable__back {
    animation: rotate-in 0.75s forwards;
}
.flippable.flippable--unflipped .flippable__front {
    animation: rotate-in 0.75s forwards;
    transform: rotateY(0deg);
}
.flippable.flippable--unflipped .flippable__back {
    animation: rotate-out 0.75s forwards;
    transform: rotateY(180deg);
}
@keyframes rotate-in {
    0% {
        transform: rotateY(-180deg);
    }
    to {
        transform: rotateY(0deg);
    }
}
@keyframes rotate-out {
    0% {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(180deg);
    }
}
a.btn-round.header-cart {
    border: none;
    display: inline-block;
    font-size: 14px;
    line-height: 58px;
    margin: 0 0 0 6px;
    position: relative;
    padding: 0 18px;
}
a.btn-round.header-cart .header-cart__icon {
    font-size: 24px;
    line-height: 18px;
}
a.btn-round.header-cart .header-cart__item-count {
    background: #222;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    left: 28px;
    line-height: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    text-align: center;
    width: 16px;
}
.nav .nav-menu .drop-down-menu.cart-preview,
.nav .nav-menu .nav-menu.cart-preview,
.sub-navigation .drop-down-menu.cart-preview,
.sub-navigation .nav-menu.cart-preview,
nav .has-nav-menu .drop-down-menu.cart-preview,
nav .has-nav-menu .nav-menu.cart-preview {
    padding: 10px;
    width: 270px;
}
.nav .nav-menu .drop-down-menu.cart-preview > ul,
.nav .nav-menu .nav-menu.cart-preview > ul,
.sub-navigation .drop-down-menu.cart-preview > ul,
.sub-navigation .nav-menu.cart-preview > ul,
nav .has-nav-menu .drop-down-menu.cart-preview > ul,
nav .has-nav-menu .nav-menu.cart-preview > ul {
    margin-left: 0;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__type,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__type,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__type,
.sub-navigation .nav-menu.cart-preview .cart-preview__line .cart-preview__line__type,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__type,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__type {
    font-size: 10px;
    font-weight: 600;
    padding-bottom: 0;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__title,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__title,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__title,
.sub-navigation .nav-menu.cart-preview .cart-preview__line .cart-preview__line__title,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__title,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__title {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 2px;
    text-transform: none;
    margin-bottom: 0;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__description,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__description,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__description,
.sub-navigation .nav-menu.cart-preview .cart-preview__line .cart-preview__line__description,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__description,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__description {
    font-size: 10px;
    font-weight: 700;
    padding-bottom: 0;
    text-transform: none;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__quantity,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__quantity,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__quantity,
.sub-navigation .nav-menu.cart-preview .cart-preview__line .cart-preview__line__quantity,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__quantity,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__quantity {
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 0;
    text-transform: none;
    margin-bottom: 0;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__remove a,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__remove a,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__remove a,
.sub-navigation .nav-menu.cart-preview .cart-preview__line .cart-preview__line__remove a,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__remove a,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__remove a {
    color: #00bcd4;
    font-size: 12px;
    padding: 0;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__remove a:hover,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__remove a:hover,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__remove a:hover,
.sub-navigation .nav-menu.cart-preview .cart-preview__line .cart-preview__line__remove a:hover,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__line .cart-preview__line__remove a:hover,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__line .cart-preview__line__remove a:hover {
    background: 0 0;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__total,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__total,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__total,
.sub-navigation .nav-menu.cart-preview .cart-preview__total,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__total,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__total {
    font-size: 14px;
    padding-top: 10px;
    text-align: left;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__total strong,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__total strong,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__total strong,
.sub-navigation .nav-menu.cart-preview .cart-preview__total strong,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__total strong,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__total strong {
    font-weight: 600;
}
.nav .nav-menu .drop-down-menu.cart-preview .cart-preview__action,
.nav .nav-menu .nav-menu.cart-preview .cart-preview__action,
.sub-navigation .drop-down-menu.cart-preview .cart-preview__action,
.sub-navigation .nav-menu.cart-preview .cart-preview__action,
nav .has-nav-menu .drop-down-menu.cart-preview .cart-preview__action,
nav .has-nav-menu .nav-menu.cart-preview .cart-preview__action {
    padding-left: 10px;
    padding-right: 10px;
}
.dropdown-pane.cart-preview {
    left: calc(100% - 230px)!important;
    padding: 10px;
    position: absolute;
    top: 40px!important;
    width: 230px;
}
.dropdown-pane.cart-preview .cart-preview__line {
    line-height: 1.5;
}
.dropdown-pane.cart-preview .cart-preview__line .cart-preview__line__type {
    font-size: 10px;
    font-weight: 600;
    padding-bottom: 0;
}
.dropdown-pane.cart-preview .cart-preview__line .cart-preview__line__title {
    font-size: 14px;
    padding-bottom: 2px;
}
.dropdown-pane.cart-preview .cart-preview__line .cart-preview__line__description {
    font-size: 10px;
    padding-bottom: 0;
}
.dropdown-pane.cart-preview .cart-preview__line .cart-preview__line__quantity {
    font-size: 12px;
    padding-bottom: 0;
}
.dropdown-pane.cart-preview .cart-preview__total {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10px;
    text-align: center;
}
.dropdown-pane.cart-preview .cart-preview__total strong {
    font-weight: 600;
}
.dropdown-pane.cart-preview .cart-preview__action {
    padding-left: 10px;
    padding-right: 10px;
}
.reveal.reveal-help {
    height: 80%;
    border-radius: 5px;
}
.reveal.reveal-help::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
.reveal.reveal-help::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.reveal.reveal-help::-webkit-scrollbar-thumb {
    background: #adadad;
    border: 0 #fff;
    border-radius: 0;
}
.reveal.reveal-help::-webkit-scrollbar-thumb:hover {
    background: gray;
}
.reveal.reveal-help::-webkit-scrollbar-thumb:active {
    background: #616161;
}
.reveal.reveal-help::-webkit-scrollbar-track {
    background: #fff;
    border: 0 #fff;
    border-radius: 0;
}
.reveal.reveal-help::-webkit-scrollbar-track:active,
.reveal.reveal-help::-webkit-scrollbar-track:hover {
    background: #fff;
}
.reveal.reveal-help::-webkit-scrollbar-corner {
    background: 0 0;
}
.reveal.reveal-help .content li {
    margin-bottom: 40px;
}
.reveal.reveal-help .content h1 {
    font-weight: 700;
}
.reveal.reveal-help .content p {
    font-size: 18px;
}
.reveal.reveal-help .content img {
    max-width: 500px;
}
.hoc-activity-list {
    background-color: #0081bc;
    border-radius: 8px;
    padding: 38px 0 0;
}
.hoc-activity-list .hoc-activity-list__group-title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    text-align: center;
    letter-spacing: 1.71px;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.hoc-activity-list .hoc-activity-list__featured {
    padding-bottom: 22px;
}
.hoc-activity-list .hoc-activity-list__main {
    max-height: 200px;
    overflow: hidden;
}
.hoc-activity-list .hoc-activity-list__main .hoc-activity-list__main__message {
    font-family: Open Sans,sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1.12px;
    line-height: 26px;
    width: 200px;
    padding-top: 50px;
    padding-left: 50px;
    text-transform: uppercase;
}
.hoc-activity-list .hoc-activity-list__main.hoc-activity-list__main--expanded {
    border-top: 1px solid #efefef;
    max-height: none;
    padding-top: 30px;
}
.hoc-activity-list .hoc-activity-list__banner {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 153px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--candy-quest {
    background-image: url("../image/banners/candy-quest-banner.png");
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--code-commander {
    background-image: url("../image/banners/code-commander-banner.png");
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--code-monsters {
    background-image: url("../image/banners/code-monsters-banner.png");
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--minecraft-1 {
    background-image: url("../image/banners/freeplay-mc1-earlyaccess.jpg");
    background-position: 0 50%;
    background-size: cover;
    margin-top: 20px;
    height: 126px;
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--minecraft-2 {
    background-image: url("../image/banners/freeplay-mc2-earlyaccess.jpg");
    background-position: 0 50%;
    background-size: cover;
    margin-top: 20px;
    height: 126px;
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--minecraft-3 {
    background-image: url("../image/banners/freeplay-mc3-earlyaccess.jpg");
    background-position: 0 50%;
    background-size: cover;
    margin-top: 20px;
    height: 126px;
}
.hoc-activity-list .hoc-activity-list__banner.hoc-activity-list__banner--minecraft-4 {
    background-image: url("../image/banners/freeplay-minecraft2.jpg");
    background-position: 0 50%;
    background-size: cover;
    margin-top: 20px;
    height: 126px;
}
.hoc-activity-list-alternating-container .hoc-activity-list.hoc-activity-list--white {
    border-radius: 0;
}
.hoc-activity-list-alternating-container .hoc-activity-list.hoc-activity-list--white:nth-child(2n) {
    background-color: #fff;
}
.hoc-activity-list-alternating-container .hoc-activity-list.hoc-activity-list--white:nth-child(odd) {
    background: #e8e8e8;
}
.hoc-activity-list.hoc-activity-list--white {
    background-color: #fff;
}
.hoc-activity-list.hoc-activity-list--white .hoc-activity-list__group-title,
.hoc-activity-list.hoc-activity-list--white .hoc-activity-list__main .hoc-activity-list__main__message {
    color: #282e33;
}
.hoc-activity-list.hoc-activity-list--white .timeline .timeline__content {
    color: #0081bc;
}
.hoc-activity-list.hoc-activity-list--white .timeline .timeline__point,
.hoc-activity-list.hoc-activity-list--white .timeline .timeline__starter {
    background-color: #fff;
}
.hoc-activity-card {
    position: relative;
    height: 200px;
    width: 23%;
    margin-bottom: 38px;
}
.hoc-activity-card:hover {
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
    transform: scale(1.04);
    box-shadow: 1px 4px 10px rgba(0,0,0,.9);
}
.hoc-activity-card .hoc-activity-card__image {
    background-size: cover;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: absolute;
    bottom: 46px;
    left: 0;
    right: 0;
    top: 0;
}
.hoc-activity-card .hoc-activity-card__bottom-bar {
    background-color: #0d2e2a;
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 0;
    height: 46px;
    padding: 6px 20px;
}
.hoc-activity-card .hoc-activity-card__bottom-bar:before {
    border-bottom: 8px solid #0d2e2a;
    border-top: 12px solid #0d2e2a;
    content: "";
    display: block;
    height: 100%;
    left: -4px;
    position: absolute;
    top: 0;
    width: 5px;
}
.hoc-activity-card .hoc-activity-card__bottom-bar:after {
    background: #0d2e2a;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: -4px;
    top: 12px;
    width: 5px;
}
.hoc-activity-card .hoc-activity-card__title {
    font-size: 12px;
}
.hoc-activity-card .hoc-activity-card__sub-title,
.hoc-activity-card .hoc-activity-card__title {
    line-height: 18px;
    font-family: Montserrat,sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: block;
}
.hoc-activity-card .hoc-activity-card__sub-title {
    opacity: 0.65;
    font-size: 10px;
    letter-spacing: 1px;
}
.hoc-activity-card .hoc-activity-card__type-icon {
    font-size: 18px;
    border-radius: 13px;
    height: 26px;
    width: 26px;
    top: 10px;
    text-align: center;
    background-color: #3c3c3c;
    color: #fff;
    position: absolute;
    right: 10px;
}
.hoc-activity-card .hoc-activity-card__type-icon.hoc-activity-card__type-icon--level-1 {
    background-color: #82ca6d;
}
.hoc-activity-card .hoc-activity-card__type-icon.hoc-activity-card__type-icon--level-2 {
    background-color: #3ca7de;
}
.hoc-activity-card .hoc-activity-card__type-icon.hoc-activity-card__type-icon--level-3 {
    background-color: #ffaa31;
}
.hoc-activity-card .hoc-activity-card__type-icon.hoc-activity-card__type-icon--level-4 {
    background-color: #f25954;
}
.hoc-activity-card .hoc-activity-card__type-icon.hoc-activity-card__type-icon--level-5 {
    background-color: #3c3c3c;
}
.hoc-activity-card.hoc-activity-card--featured {
    height: 250px;
    margin-bottom: 8px;
    width: 30%;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__title {
    font-size: 14.96px;
    line-height: 22px;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__sub-title {
    font-size: 12.82px;
    line-height: 22px;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__type-icon {
    font-size: 20px;
    border-radius: 15px;
    height: 30px;
    width: 30px;
    top: 20px;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__image {
    bottom: 69px;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__bottom-bar {
    height: 69px;
    padding: 15px 30px;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__bottom-bar:before {
    border-bottom-width: 12px;
    border-top-width: 32px;
}
.hoc-activity-card.hoc-activity-card--featured .hoc-activity-card__bottom-bar:after {
    top: 20px;
    height: 30px;
}
.hoc-activity-card.hoc-activity-card--coming-soon {
    cursor: default;
    -webkit-transform: translateZ(0);
}
.hoc-activity-card.hoc-activity-card--coming-soon:before {
    content: "";
    width: 100px;
    height: 84px;
    position: absolute;
    top: -2px;
    right: -2px;
    background-image: url("../image/banner/bn-course-coming-soon--blue.png");
    background-repeat: no-repeat;
    z-index: 4;
}
.hoc-activity-card.hoc-activity-card--coming-soon:hover {
    filter:none;
    -webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -o-filter:grayscale(0);
    -ms-filter:grayscale(0);
    filter:grayscale(0);
    transform: scale(1);
}
.timeline {
    background-image: url("../image/timeline/help-troll-leaning-in.png");
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-right: 20px;
}
.timeline__content {
    color: #fff;
    background-image: url("../image/timeline/bg-timeline.png");
    background-position-y: 35px;
    background-repeat: repeat-x;
    font-size: 16px;
    text-align: right;
    padding-bottom: 25px;
    padding-top: 25px;
}
.timeline__starter {
    text-align: left;
}
.timeline__point,
.timeline__starter {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #0081bc;
}
.home-course-catalog-wrap {
    position: relative;
    display: block;
    margin: 10px auto 40px;
}
.home-course-catalog-wrap.span3-center {
    width: 985px;
    margin: 0 auto;
}
.home-course-catalog-wrap .course-catalog-banner {
    position: relative;
    display: block;
    width: 540px;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
}
.home-course-catalog-wrap .course-catalog-banner p {
    color: #282e33;
    font-size: 20px;
    line-height: 36px;
    padding: 0;
}
.home-course-path-wrap {
    position: relative;
    display: block;
    padding: 0 8px 0 0;
    margin: 0 0 16px;
}
.home-course-path-wrap .home-course-path-group {
    float: left;
    position: relative;
    display: inline-block;
    width: 150px;
    height: 190px;
    color: #fff;
    background: #000;
    border-radius: 8px;
    background-color: #000;
    background-color: rgba(0,0,0,.7);
    padding: 12px 16px;
    margin: 8px 8px 8px 0;
}
.home-course-path-wrap .home-course-path-group h3 {
    color: #fff;
    font-size: 34px;
    text-align: center;
    margin: 0 0 16px;
}
.home-course-path-wrap .home-course-path-group h5 {
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin: 0 0 14px;
}
.home-course-path-wrap .home-course-path-group p {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}
.home-course-links {
    position: relative;
    display: block;
    margin: 0 0 10px;
}
.home-course-links .left-icon-links {
    list-style: none;
    height: 32px;
    margin: 30px 0 0;
}
.home-course-links .left-icon-links li {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}
.home-course-links .left-icon-links li a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    font-weight: 300;
    border-radius: 18px;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    padding: 0 26px;
}
.home-course-links .left-icon-links li a span {
    margin-right: 4px;
}
.home-course-links .left-icon-links li a:hover {
    background-color: #5cbe5a;
    background-color: rgba(92,190,90,.8);
    border-radius: 18px;
}
.home-course-links .left-icon-links li a.active {
    background: #5cbe5a;
    border-radius: 18px;
}
.home-course-catalog {
    list-style: none outside;
}
.home-course-catalog #courses a img:hover {
    transform: scale(1.02);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.home-course-catalog li {
    text-align: left;
}
.home-course-catalog li .home-course-card-tile {
    position: relative;
    float: left;
    display: block;
    width: 300px;
    height: 380px;
    background: 0 0;
    border-radius: 0;
    box-shadow: 1px 3px 8px rgba(0,0,0,.6);
    padding: 0;
    margin: 0 24px 24px 0;
}
.home-course-catalog li .home-course-card-tile .home-course-new-badge {
    position: absolute;
    left: 16px;
    bottom: 40px;
    width: 60px;
    height: 60px;
}
.home-course-catalog li .home-course-card-tile .home-course-new-badge img {
    width: 60px;
    height: 60px;
}
.home-course-catalog li .home-course-card-tile.h100-card {
    background-size: contain;
    background-image: url("/sysmedia/5b194ba1a2dff8d67a8a2847");
}
.home-course-catalog li .home-course-card-tile.h101-card {
    background-size: contain;
    background-image: url("../image/course/cards/h101-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h102-card {
    background-size: contain;
    background-image: url("../image/course/cards/h102-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h201-card {
    background-size: contain;
    background-image: url("../image/course/cards/h201-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h111-card {
    background-size: contain;
    background-image: url("../image/course/cards/h111-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h202-card {
    background-size: contain;
    background-image: url("../image/course/cards/h202-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h203-card {
    background-size: contain;
    background-image: url("../image/course/cards/h203-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h211-card {
    background-size: contain;
    background-image: url("../image/course/cards/h211-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h301-card {
    background-size: contain;
    background-image: url("../image/course/cards/h301-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h302-card {
    background-size: contain;
    background-image: url("../image/course/cards/h302-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h303-card {
    background-size: contain;
    background-image: url("../image/course/cards/h303-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h304-card {
    background-size: contain;
    background-image: url("../image/course/cards/h304-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.h311-card {
    background-size: contain;
    background-image: url("../image/course/cards/h311-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.z101-card {
    background-size: contain;
    background-image: url("../image/course/cards/z101-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.z201-card {
    background-size: contain;
    background-image: url("../image/course/cards/z201-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.z202-card {
    background-size: contain;
    background-image: url("../image/course/cards/z202-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile.z203-card {
    background-size: contain;
    background-image: url("../image/course/cards/z203-card-background.jpg");
}
.home-course-catalog li .home-course-card-tile:hover {
    transform: scale(1.02);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
    box-shadow: 1px 4px 10px rgba(0,0,0,.9);
}
.home-course-catalog li .home-course-card-tile.home-card-big-shadow {
    box-shadow: 10px 10px 15px rgba(0,0,0,.6);
}
.home-course-catalog li .home-course-card-tile.home-card-big-shadow:hover {
    box-shadow: 10px 12px 17px rgba(0,0,0,.9);
}
.home-course-catalog li .home-course-card-tile .home-course-card-back {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-card-back img {
    height: 100%;
    padding: 0;
    margin: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header {
    position: relative;
    display: block;
    height: 106px;
    padding: 0 20px;
    margin: 0;
    overflow: hidden;
}
.home-course-catalog li .home-course-card-tile .home-course-header.home-hoc {
    background: #00b2c0;
    border-radius: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header.home-free {
    background: #353e43;
    border-radius: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header.home-beginner {
    background: #2abb9b;
    border-radius: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header.home-intermediate {
    background: #36a1d8;
    border-radius: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header.home-advanced {
    background: #8d73c3;
    border-radius: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-level {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-title {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    margin: 6px 40px 0 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-sub-head {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block {
    position: absolute;
    top: 10px;
    right: 18px;
    display: block;
    width: 50px;
    height: 80px;
    text-align: right;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-price-point {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-price-point sup {
    top: -.5em;
    font-size: 60%;
    margin-right: 2px;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-already-owned {
    position: relative;
    display: block;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
    margin: 5px 0 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-already-owned p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    text-transform: uppercase;
    padding: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-discount {
    position: relative;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-discount .discount-text {
    height: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    margin: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-header .home-course-price-block .home-course-discount .discount-percent {
    height: 18px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-info {
    display: block;
    width: 100%;
    color: #fff;
    padding: 6px 20px 0;
}
.home-course-catalog li .home-course-card-tile .home-course-info .home-course-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 20px 0;
}
.home-course-catalog li .home-course-card-tile .home-course-info p {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    padding: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-info ul {
    list-style: disc outside;
    margin: 0 0 0 20px;
}
.home-course-catalog li .home-course-card-tile .home-course-info li {
    float: none;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 6px;
}
.home-course-catalog li .home-course-card-tile .home-course-action-buttons {
    position: absolute;
    bottom: 68px;
    width: 100%;
    height: 60px;
    text-align: center;
    padding: 0 20px;
}
.home-course-catalog li .home-course-card-tile .home-course-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 28px;
    text-align: center;
    background: #000;
    border-radius: 0;
    padding: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-footer .btn-group {
    margin: 8px auto 0;
}
.home-course-catalog li .home-course-card-tile .home-course-footer .home-course-footer-text {
    position: relative;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
}
.home-course-catalog li .home-course-card-tile .home-course-footer-lesson {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    text-align: center;
    background: #000;
    border-radius: 0 0 5px 5px;
    padding: 0;
}
.home-course-catalog li .home-course-card-tile .home-course-footer-lesson .home-course-footer-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    text-align: center;
    padding: 12px 0 0;
}
.home-course-catalog li .home-course-card-tile .home-course-footer-lesson .home-course-progress-bar {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 16px;
    border: 1px solid #1fb5ad;
    height: 16px;
    text-align: left;
    background: #fff;
    border-radius: 30px;
}
.home-course-catalog li .home-course-card-tile .home-course-footer-lesson .home-course-progress-bar span {
    position: absolute;
    left: 0;
    top: 0;
    height: 14px;
    display: inline-block;
    background-color: #41ccc5;
    border-left-radius: 30px;
}
.home-course-catalog li .home-course-card-tile .home-course-footer-lesson .home-course-progress-bar.completed:after {
    position: absolute;
    top: -12px;
    right: -2px;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    font-family: IcoMoon;
    text-align: center;
    content: "\E0E2";
    border-radius: 50%;
    background-color: #1fb5ad;
}
.home-course-catalog li .home-course-card-tile .home-course-footer-lesson .continue-lesson {
    position: absolute;
    width: 190px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.home-course-catalog li .home-course-card-tile.home-card-medium {
    width: 270px;
    height: 342px;
}
.home-course-catalog li .home-course-card-tile.home-card-medium .home-course-title {
    font-size: 26px;
    line-height: 30px;
    margin: 6px 0 0;
}
.home-course-catalog li .home-course-card-tile.home-card-medium.in-progress button,
.home-course-catalog li .home-course-card-tile.home-card-medium.in-progress:hover .home-course-progress-bar {
    display: none;
}
.home-course-catalog li .home-course-card-tile.home-card-medium.in-progress:hover button {
    display: block;
    width: 92%;
}
.home-course-catalog li .home-course-card-tile.home-card-medium.locked:before {
    position: absolute;
    top: 106px;
    left: 0;
    right: 0;
    bottom: 50px;
    content: "";
    background-color: #000;
    background-color: rgba(0,0,0,.5);
}
.home-course-catalog li .home-course-card-tile.home-card-medium.locked:after {
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 98px;
    font-family: IcoMoon;
    text-align: center;
    content: "\E0DA";
    padding: 6px;
    z-index: 2;
}
.home-course-catalog li .home-course-card-tile.home-card-micro {
    width: 150px;
    height: 190px;
    margin: 8px;
}
.home-course-catalog li .home-course-card-tile.home-card-micro .home-course-header {
    height: 60px;
    padding: 0 10px;
}
.home-course-catalog li .home-course-card-tile.home-card-micro .home-course-header .home-course-level {
    font-size: 10px;
    line-height: 11px;
    margin: 6px 0 0;
}
.home-course-catalog li .home-course-card-tile.home-card-micro .home-course-header .home-course-title {
    font-size: 16px;
    line-height: 18px;
    margin: 2px 0 0;
}
.home-course-catalog li .home-course-card-tile.home-card-micro .home-course-footer {
    height: 10px;
}
.home-course-detail-wrap .home-course-banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0 6rem;
    position: relative;
    min-height: 230px;
}
.home-course-detail-wrap .home-course-banner img {
    width: 100%;
}
.home-course-detail-wrap .home-course-banner-breadcrumbs {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: 500;
    color: #fff;
}
.home-course-detail-wrap .home-course-banner-breadcrumbs a {
    color: inherit;
}
.home-course-detail-wrap .home-course-banner-image {
    width: 120px;
}
@media print,screen and (min-width:64em) {
    .home-course-detail-wrap .home-course-banner {
        min-height: 330px;
    }
    .home-course-detail-wrap .home-course-banner-image {
        width: auto;
    }
}
.home-course-detail-wrap .home-course-detail {
    position: relative;
    border-radius: 0;
    box-shadow: 1px 3px 6px rgba(0,0,0,.6);
    padding: 0 40px 20px;
    margin: -10 0 40px;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel {
    position: relative;
    display: block;
    height: 50px;
    text-align: center;
    border-bottom: 1px solid #e3e8ed;
    border-radius: 0;
    padding: 0;
    margin: 0 -40px 18px;
    height: 230px;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel.home-free {
    background: #353e43;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel.home-beginner {
    background: #2abb9b;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel.home-intermediate {
    background: #3ca7de;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel.home-advanced {
    background: #8d73c3;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .next-item a,
.home-course-detail-wrap .home-course-detail .home-course-header-panel .previous-item a {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-previous {
    float: left;
    text-align: left;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-next {
    float: right;
    text-align: right;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-item-title {
    display: inline-block;
    color: #a9b0b4;
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-item-title span {
    margin-right: 4px;
    font-weight: 400;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-type {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    font-weight: 300;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-image {
    position: relative;
    width: 238px;
    height: 160px;
    overflow: hidden;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-header-panel .home-course-image img {
    width: 238px;
    height: 160px;
    padding: 0;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail h3 {
    text-align: center;
    margin-bottom: 15px;
}
.home-course-detail-wrap .home-course-detail p {
    font-size: 18px;
    line-height: 1.6;
}
.home-course-detail-wrap .home-course-detail .home-course-skill {
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    margin: 15px 0;
    height: 75px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-course-detail-wrap .home-course-detail .home-course-level {
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 20px 10px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-level .level-title {
    font-size: 21px;
    display: block;
    text-align: left;
}
.home-course-detail-wrap .home-course-detail .home-course-level .level-description,
.home-course-detail-wrap .home-course-detail .home-course-level .level-summary {
    font-size: 14px;
    display: block;
    text-align: left;
    padding-top: 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-level .level-summary {
    padding-bottom: 15px;
}
.home-course-detail-wrap .home-course-detail .home-course-level .level-skills {
    font-size: 12px;
    letter-spacing: 1px;
    color: #9078c6;
    display: block;
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-level-path:after {
    position: relative;
    width: 0;
    height: 240px;
    display: block;
    content: "";
    left: 10px;
    z-index: 1;
    border: 2px solid #3ca7de;
    margin-top: -240px;
}
.home-course-detail-wrap .home-course-detail .home-course-level-path .circle {
    background-color: #3ca7de;
    color: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    z-index: 2;
    position: relative;
    top: 70px;
    z-index: 10;
    font-weight: 700;
}
.home-course-detail-wrap .home-course-detail .home-course-level-path .circle-number {
    margin-top: -8px;
}
.home-course-detail-wrap .home-course-detail .home-course-header {
    position: relative;
    display: block;
    width: 100%;
    padding: 14px 0;
    margin: 0 0 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-gift a {
    color: #f25954;
    font-weight: 700;
}
.home-course-detail-wrap .home-course-detail .home-course-gift a:hover {
    text-decoration: underline;
}
.home-course-detail-wrap .home-course-detail .home-course-title {
    text-align: center;
    display: block;
    margin: 1em 0 0.5em;
    padding: 0;
}
.home-course-detail-wrap .home-course-detail .home-course-title h1 {
    font-size: 40px;
    line-height: 46px;
    margin: 0.5em 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-title h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    margin: 0 0 6px;
}
.home-course-detail-wrap .home-course-detail .home-course-title h4 {
    margin: 5px;
}
.home-course-detail-wrap .home-course-detail .home-course-title .home-course-intro {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options {
    width: 300px;
    margin-left: 0;
    text-align: right;
}
@media screen and (max-width:63.9375em) {
    .home-course-detail-wrap .home-course-detail .home-course-buy-options {
        width: auto;
    }
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block {
    position: relative;
    width: 385px;
    height: 100px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-price {
    float: left;
    position: relative;
    display: inline-block;
    width: 120px;
    padding: 5px 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-price .discount-text {
    position: relative;
    display: block;
    height: 19px;
    text-align: right;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-price .discount-text p {
    font-size: 18px;
    line-height: 18px;
    padding: 0;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-price .actual-price {
    position: relative;
    display: block;
    color: #353e43;
    font-size: 42px;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: right;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-price .regular-price {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    margin-top: 4px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-buy-button {
    float: left;
    position: relative;
    display: inline-block;
    width: 260px;
    height: 100px;
    text-align: center;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-buy-button .btn-default {
    width: 220px;
    font-size: 20px;
    line-height: 28px;
    padding: 10px 20px;
    margin-top: 23px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block .home-course-buy-button p {
    font-size: 13px;
    line-height: 15px;
    padding: 5px 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 {
    border: 2px solid #e2e2e2;
    border-radius: 16px;
    position: relative;
    background: #fff;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .grid-50 {
    padding: 15px 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 > div:nth-child(2) {
    background-color: #f5f6f8;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    width: inherit;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .discount-stamp {
    position: absolute;
    top: -20px;
    left: -30px;
    width: 75px;
    border-radius: 35px;
    border: 1px solid #9b0a0a;
    background-color: #9b0a0a;
    padding: 16px 5px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .home-course-action {
    padding: 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .home-course-action a {
    width: 180px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .home-course-gift {
    padding-bottom: 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .discount-text p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 0 14px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .discount-text {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    margin: auto;
    max-width: 250px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .regular-price {
    font-weight: 400;
    text-decoration: line-through;
    font-size: 18px;
    padding-top: 9px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .actual-price {
    color: #353e43;
    font-size: 40px;
    font-weight: 700;
    line-height: 26px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .price-details {
    color: #888e92;
    font-size: 14px;
    line-height: 28px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .divider-horizontal {
    position: relative;
    display: block;
    margin-top: 10px;
    min-height: 1px;
    background: #ccc;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .home-course-upsell {
    margin-top: 10px;
    font-size: 14px;
    padding-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-price-block-2 .home-course-upsell a {
    font-weight: 600;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-gift-block {
    position: relative;
    height: 30px;
    text-align: center;
    margin-top: 8px;
}
.home-course-detail-wrap .home-course-detail .home-course-buy-options .home-course-gift-block a {
    font-size: 14px;
    line-height: 24px;
    border-radius: 16px;
    padding: 2px 60px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots {
    float: left;
    display: inline-block;
    width: 60%;
    background: #fafafa;
    padding: 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-window {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 0;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-window img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-window .home-course-screen-content {
    position: relative;
    display: block;
    width: 100%;
    background: #596267;
    padding: 6px 12px 8px;
    margin: -5px 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-window .home-course-screen-content p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails {
    position: relative;
    width: 100%;
    padding: 20px 0 8px;
    white-space: nowrap;
    overflow-x: scroll;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails ul {
    list-style: none;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails ul li {
    position: relative;
    display: inline-block;
    width: 18%;
    margin: 0 6px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails ul li a img {
    position: relative;
    width: 100%;
    height: 100%;
    border: 6px solid #e4e4e4;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails ul li a.current-screen img {
    position: relative;
    border: 6px solid #5cbe5a;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails ul li a.current-screen:after {
    position: absolute;
    top: -14px;
    left: 40%;
    width: 0;
    height: 0;
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #5cbe5a;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-screen-shots .home-course-screen-thumbnails ul li a:hover img {
    border: 6px solid #5cbe5a;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-features {
    float: left;
    display: inline-block;
    width: 40%;
    padding-left: 40px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-features h3,
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-features ul {
    margin: 0 0 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-features ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    padding-left: 23px;
    margin: 0 0 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-media-features .home-course-features ul li span {
    display: inline-block;
    color: #5cbe5a;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    vertical-align: baseline;
    margin: 0 6px 0 -23px;
}
.home-course-detail-wrap .home-course-detail .home-course-feature-content h3 {
    margin: 0 0 10px;
    text-align: center;
}
.home-course-detail-wrap .home-course-detail .home-course-feature-content ul {
    margin: 0 0 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-feature-content ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    padding-left: 23px;
    margin: 0 20px 10px 0;
}
.home-course-detail-wrap .home-course-detail .home-course-feature-content ul li span {
    display: inline-block;
    color: #5cbe5a;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    vertical-align: baseline;
    margin: 0 6px 0 -23px;
}
.home-course-detail-wrap .home-course-detail .course-prerequisite {
    margin: 30px 8px 20px 24px;
    padding: 10px 18px;
}
.home-course-detail-wrap .home-course-detail .home-course-featured-quotes {
    margin: 60px 0;
}
.home-course-detail-wrap .home-course-detail .home-course-description {
    position: relative;
    display: block;
    margin: 22px 0 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-description .description-separator-right {
    border-right: 1px solid #dae1e1;
}
.home-course-detail-wrap .home-course-detail .home-course-description .description-separator-left {
    border-left: 1px solid #dae1e1;
}
.home-course-detail-wrap .home-course-detail .home-course-description p {
    font-size: 18px;
    line-height: 1.6;
    padding: 0 0 10px;
    margin: 0 16px 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-description ul {
    list-style: disc outside;
    margin-left: 28px;
}
.home-course-detail-wrap .home-course-detail .home-course-description ul li {
    font-size: 16px;
    line-height: 22px;
    margin: 0 26px 6px 0;
}
.home-course-detail-wrap .home-course-detail .home-course-description ul.disc li {
    list-style: disc;
    font-size: 14px;
}
.home-course-detail-wrap .home-course-detail .home-course-whats-included {
    position: relative;
    display: block;
    border: 1px solid #dae1e1;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    padding: 10px 14px;
    margin: 0 0 40px;
}
.home-course-detail-wrap .home-course-detail .home-course-whats-included h5 {
    color: #596267;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #dae1e1;
    padding: 0 0 6px;
    margin: 0 0 6px;
}
.home-course-detail-wrap .home-course-detail .home-course-whats-included ul {
    list-style: disc outside;
    margin-left: 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-whats-included ul li {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 8px;
}
.home-course-detail-wrap .home-course-detail .badge-list-wrap {
    position: relative;
    display: block;
    background: #fafafa;
    border-radius: 10px;
    padding: 20px 24px 16px;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail .badge-list-wrap h3 {
    margin: 0 0 4px;
}
.home-course-detail-wrap .home-course-detail .badge-list-wrap p {
    padding: 0 0 12px;
}
.home-course-detail-wrap .home-course-detail .badge-list-wrap .badge-list {
    list-style: none outside;
    margin-left: 0;
}
.home-course-detail-wrap .home-course-detail .badge-list-wrap .badge-list li {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail .badge-list-wrap .badge-list li img {
    width: 110px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-whats-learned {
    list-style: none;
    margin: 10px 0 40px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-whats-learned li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    padding-left: 26px;
    margin: 0 0 7px 6px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-whats-learned li span {
    display: inline-block;
    vertical-align: baseline;
    color: #5cbe5a;
    font-size: 15px;
    line-height: 20px;
    margin: 0 4px 0 -26px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules {
    list-style: none;
    margin: 25px 0 40px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li {
    position: relative;
    border-top: 4px solid #f5f6f7;
    padding: 12px 0 26px;
    margin-left: 28px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li:last-child {
    border-bottom: 4px solid #f5f6f7;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li .home-course-lesson-module-icon {
    position: absolute;
    top: -16px;
    left: -28px;
    width: 28px;
    height: 28px;
    color: #6e767c;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    background: #fff;
    border: 4px solid #f5f6f7;
    border-radius: 30px;
    padding-top: 1px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li .home-course-lesson-module-title {
    position: absolute;
    top: -15px;
    left: 14px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    background: #fff;
    border-left: 4px solid #f5f6f7;
    border-right: 4px solid #f5f6f7;
    border-radius: 30px;
    padding: 0 16px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li .home-course-lesson-module-image {
    float: left;
    display: inline-block;
    width: 90px;
    height: 60px;
    overflow: hidden;
    margin: 0 12px 10px 35px;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li .home-course-lesson-module-image img {
    width: 90px;
    height: 60px;
    padding: 0;
    margin: 0;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li .home-course-lesson-module-information {
    position: relative;
}
.home-course-detail-wrap .home-course-detail ul.home-course-lesson-modules li .home-course-lesson-module-information .home-course-lesson-module-description {
    font-size: 16px;
    line-height: 20px;
    margin-left: 34px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel {
    position: relative;
    display: block;
    background: #fafafa;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    margin: 0 0 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel.stuck {
    position: fixed;
    top: 60px;
    width: 300px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel.stuck-bottom {
    position: fixed;
    bottom: 390px;
    width: 300px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .home-course-top-action-price {
    position: relative;
    width: 100%;
    height: 170px;
    text-align: center;
    background: #fff;
    border-top: 6px solid #5cbe5a;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0;
    padding: 20px 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .home-course-top-action-price p {
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    margin-top: 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .home-course-top-action-price .btn-default {
    width: 220px;
    line-height: 28px;
    padding: 10px 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-price {
    position: relative;
    width: 180px;
    margin: 0 auto 8px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-price .dollar-sign {
    font-size: 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-price .dollar-sign sup {
    position: absolute;
    top: 13px;
    font-size: 85%;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-price .unit-price {
    color: #353e43;
    font-size: 46px;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-left: 12px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-price .unit-use {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 14px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-request {
    position: relative;
    width: 180px;
    margin: 0 auto 8px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel .item-request p {
    font-size: 16px;
    line-height: 24px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel a.home-course-purchase-action-box {
    position: relative;
    display: block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0;
    margin: -1px 0 0;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel a.home-course-purchase-action-box span {
    font-weight: 400;
    margin-right: 4px;
}
.home-course-detail-wrap .home-course-detail .home-course-purchase-panel a.home-course-purchase-action-box:hover {
    color: #fff;
    background: #5cbe5a;
}
.home-course-detail-wrap .home-course-detail .home-course-bottom-info-box {
    position: relative;
    display: block;
    color: #484f53;
    text-align: left;
    padding: 14px 18px 20px;
}
.home-course-detail-wrap .home-course-detail .home-course-bottom-info-box h5 {
    color: #484f53;
    margin: 0 0 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-bottom-info-box ul {
    list-style-type: none;
    margin: 0 0 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-bottom-info-box ul li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding-left: 23px;
    margin: 0 0 10px;
}
.home-course-detail-wrap .home-course-detail .home-course-bottom-info-box ul li span {
    display: inline-block;
    color: #5cbe5a;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    vertical-align: baseline;
    margin: 0 6px 0 -23px;
}
.home-course-detail-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.home-course-detail-header .purchase-offer-bar {
    position: relative;
    display: block;
    background: #fff;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    padding: 7px 40px 6px;
    margin: 0 auto;
}
.home-course-detail-header .purchase-offer-bar .item-title h1 {
    font-size: 34px;
    font-weight: 500;
    line-height: 46px;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}
.home-course-detail-header .purchase-offer-bar .item-title h2 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
}
.home-course-detail-header .purchase-offer-bar .item-buy,
.home-course-detail-header .purchase-offer-bar .item-subscribe {
    border-left: 1px solid #dae1e1;
}
.home-course-detail-header .purchase-offer-bar .item-buy .btn-default,
.home-course-detail-header .purchase-offer-bar .item-buy .btn-round,
.home-course-detail-header .purchase-offer-bar .item-subscribe .btn-default,
.home-course-detail-header .purchase-offer-bar .item-subscribe .btn-round {
    width: 100%;
}
.home-course-detail-header .purchase-offer-bar .item-buy .item-buy__action,
.home-course-detail-header .purchase-offer-bar .item-buy .item-subscribe__action,
.home-course-detail-header .purchase-offer-bar .item-subscribe .item-buy__action,
.home-course-detail-header .purchase-offer-bar .item-subscribe .item-subscribe__action {
    padding-top: 3px;
}
.home-course-detail-header .purchase-offer-bar .purchase-discount .purchase-discount-text {
    position: relative;
    display: block;
    height: 19px;
    text-align: right;
    padding: 6px 10px 0 0;
}
.home-course-detail-header .purchase-offer-bar .purchase-discount .purchase-discount-text p {
    color: #dc3929;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    padding: 0;
    text-align: center;
}
.home-course-detail-header .purchase-offer-bar .purchase-discount .purchase-regular-price {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    padding: 6px 10px 0 0;
}
.home-course-detail-header .purchase-offer-bar .purchase-price-details {
    float: right;
    padding-top: 4px;
    text-align: right;
    width: 60px;
}
.home-course-detail-header .purchase-offer-bar .purchase-actual-price {
    position: relative;
    display: block;
    color: #353e43;
    font-size: 38px;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: right;
}
@media screen and (min-width:75em) {
    .home-course-detail-header .purchase-offer-bar .item-buy .btn-default,
    .home-course-detail-header .purchase-offer-bar .item-buy .btn-round,
    .home-course-detail-header .purchase-offer-bar .item-subscribe .btn-default,
    .home-course-detail-header .purchase-offer-bar .item-subscribe .btn-round {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 20px;
    }
    .home-course-detail-header .purchase-offer-bar .item-buy .item-buy__action,
    .home-course-detail-header .purchase-offer-bar .item-buy .item-subscribe__action,
    .home-course-detail-header .purchase-offer-bar .item-subscribe .item-buy__action,
    .home-course-detail-header .purchase-offer-bar .item-subscribe .item-subscribe__action {
        padding-top: 0;
    }
}
.home-pricing .disclaimer p {
    color: #ddd;
    font-size: 18px;
}
.home-pricing .disclaimer a {
    color: #fff;
    font-weight: 600;
}
.home-pricing .disclaimer a:hover {
    text-decoration: underline;
}
.home-pricing .disclaimer .disclaimer-sale-callout {
    padding: 10px;
    margin: 20px 10px;
}
.home-pricing .disclaimer .disclaimer-divider {
    color: #666;
}
.home-pricing .disclaimer hr {
    width: 40px;
    margin: 20px auto;
    border-bottom: 2px dotted #626467;
}
.home-pricing .disclaimer .disclaimer-terms {
    color: #ddd;
    font-size: 12px;
    padding: 30px 0 10px;
}
.home-pricing .home-pricing-plans {
    background: #1c3860;
    background-image: linear-gradient(#1c3860,#34395d);
    background-size: contain;
    background-repeat: repeat-x;
    color: #fff;
}
@media print,screen and (min-width:40em) {
    .home-pricing .home-pricing-plans {
        padding: 70px 0;
    }
}
.home-pricing .home-pricing-plans h1 {
    margin-bottom: 0.85rem;
}
.home-pricing .home-pricing-plans .subline,
.home-pricing .home-pricing-plans h2,
.home-pricing .home-pricing-plans h3,
.home-pricing .home-pricing-plans p {
    color: inherit;
}
.home-pricing .home-pricing-plans p.subline {
    margin-bottom: 45px;
    font-size: 18px;
}
.home-pricing .home-pricing-plans p.subline.subline-sale {
    margin-bottom: 0;
    padding-bottom: 8px;
}
.home-pricing .home-pricing-plans p.subline.subline-sale-countdown {
    font-size: 16px;
    font-style: italic;
    padding-top: 8px;
}
.home-pricing .home-pricing-plans p.subline.subline-sale-countdown .countdown {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
}
.home-pricing .home-pricing-plans .pricing-card {
    display: inline-block;
}
@media screen and (max-width:39.9375em) {
    .home-pricing .home-pricing-plans .pricing-card {
        max-width: 320px;
    }
}
@media print,screen and (min-width:40em) {
    .home-pricing .home-pricing-plans .pricing-card {
        height: 100%;
        margin-bottom: 0;
    }
}
.home-pricing .home-pricing-plans .pricing-card h2 {
    color: #0a0a0a;
}
.home-pricing .home-pricing-plans .pricing-card.pricing-card-best-value h2,
.home-pricing .home-pricing-plans .pricing-card.pricing-card-recommended h2 {
    color: #fff;
}
.home-pricing .home-pricing-plans .home-pricing-plans-row {
    margin-bottom: 2rem;
}
.home-pricing .home-pricing-plans .home-pricing-plans-row .home-pricing-plans-container {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .home-pricing .home-pricing-plans .home-pricing-plans-row .home-pricing-plans-container:first-child {
        text-align: right;
    }
    .home-pricing .home-pricing-plans .home-pricing-plans-row .home-pricing-plans-container:last-child {
        text-align: left;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing {
    color: #666;
    padding: 15px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing {
        padding: 5px;
    }
}
@media screen and (max-width:39.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing {
        padding: 5px;
        margin-bottom: 15px;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header {
    text-align: center;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header:hover .card-pricing-button-buy {
    background-color: #00a5bb;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header:hover .card-pricing-button-buy-outline {
    border: 1px solid #00a5bb;
    background-color: #00a5bb;
    color: #fff;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-sale,
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header h2 {
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #00bcd4;
    padding-bottom: 0;
}
@media screen and (max-width:39.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-sale,
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header h2 {
        font-size: 19px;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-sale {
    color: #bf103d;
    text-transform: uppercase;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-subtitle {
    font-weight: 400;
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-price {
    line-height: 1;
    margin: 20px 0 30px 10px;
    font-size: 36px;
    font-weight: 700;
    color: #444;
    padding-top: 20px;
}
@media screen and (max-width:39.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-price {
        margin: 0;
        font-size: 40px;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-price .month {
    font-size: 12px;
    font-weight: 300;
    margin-left: -10px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-price.card-pricing-price-lifetime,
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-price.card-pricing-price-unlimited {
    margin-left: 22px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-price.card-pricing-price-lifetime {
    padding-top: 0;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-add-child,
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-description,
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-total {
    font-weight: 400;
    color: #666;
    font-size: 15px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-add-child,
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-savings,
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-total {
    line-height: 1;
    font-size: 13px;
    padding: 5px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-note {
    font-size: 12px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-savings {
    color: #bf103d;
    font-weight: 700;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-was {
    text-decoration: line-through;
    color: gray;
    font-size: 23px;
    font-weight: 300;
}
@media screen and (max-width:39.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-was {
        font-size: 12px;
        padding-bottom: 20px;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header ul {
    margin: 14px auto;
    line-height: 2;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    margin-top: 20px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header ul img {
    margin-right: 5px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header ul li.card-pricing-icon {
    text-align: left;
    width: 50%;
    margin: auto;
    padding: 4px 0 0;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header ul li.card-pricing-icon {
        width: 75%;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-flag {
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 1%;
    letter-spacing: 1px;
    background-color: #00bcd4;
    padding: 1px 5px;
    font-weight: 500;
    right: 0;
}
@media print,screen and (min-width:40em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-flag {
        left: 0;
        right: auto;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-highlight {
    color: #00bcd4;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button {
    margin: 20px;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy {
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    margin: 0;
    width: 60%;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy:hover {
    background-color: #00a5bb;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy {
        width: 100%;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy-outline {
    border: 1px solid #00bcd4;
    background-color: hsla(0,0%,100%,.5);
    color: #00bcd4;
    border-radius: 5px;
    margin: 0;
    width: 60%;
    font-weight: 500;
}
.home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy-outline:hover {
    border: 1px solid #00a5bb;
    background-color: #00a5bb;
    color: #fff;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .home-pricing .home-pricing-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy-outline {
        width: 100%;
    }
}
.home-pricing .home-pricing-plans .card.card-pricing .faq-accordion .accordion-header {
    text-align: left;
    font-size: 14px;
    color: #00a5bb;
}
.home-pricing .home-pricing-plans .card.card-pricing .faq-accordion .accordion-content {
    margin: 0 10px;
    border: none;
}
.home-pricing .home-pricing-plans .card-pricing-content {
    line-height: 1.8;
    font-size: 14px;
    margin: 15px;
    padding-bottom: 20px;
    font-weight: 200;
    width: 80%;
    margin: auto;
}
.home-pricing .home-pricing-plans .card-pricing-content h4 {
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
    color: #d2d0d0;
}
.home-pricing .home-pricing-plans .card-pricing-content hr {
    border: none;
    border-top: 1px solid #e8e8e8;
    width: 13%;
    margin: auto;
}
.home-pricing .home-pricing-plans .card-pricing-content .card-pricing-content-details {
    margin-top: 10px;
}
.home-pricing .home-pricing-plans .card-pricing-content .card-pricing-content-details div {
    padding: 2px;
    border-bottom: 1px dotted #696969;
    color: #b9b9b9;
}
@media screen and (max-width:39.9375em) {
    .home-pricing .home-pricing-plans .card-pricing-content .card-pricing-content-details div {
        color: #333;
        border-bottom: 1px dotted #efefef;
    }
}
.home-pricing .home-pricing-plans .card-pricing-content .tooltip {
    position: relative;
}
.home-pricing .home-pricing-plans .card-pricing-content .tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #fff;
    color: #666;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -125px;
}
.home-pricing .home-pricing-plans .card-pricing-content .tooltip:hover .tooltiptext {
    visibility: visible;
}
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing {
    padding: 15px;
    max-width: 600px;
    margin: 0 auto 30px;
}
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing .card-pricing-header h2 {
    font-size: 24px;
}
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing .card-pricing-header .card-pricing-price {
    margin: 15px 0 0;
    font-size: 40px;
    line-height: 16px;
}
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing .card-pricing-header .card-pricing-price.card-pricing-was {
    font-size: 12px;
    padding-bottom: 20px;
}
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing .card-pricing-header .card-pricing-sale,
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing .card-pricing-header h2 {
    font-size: 24px!important;
    padding-bottom: 0;
}
.home-pricing .home-pricing-plans .horizontal-card-container .card.card-pricing .card-pricing-content-details div {
    color: #333;
    border-bottom: 1px dotted #efefef;
}
@media print,screen and (min-width:64em) {
    .home-pricing .home-pricing-plans .vertical-card-container {
        margin-bottom: 30px;
    }
    .home-pricing .home-pricing-plans .vertical-card-container .card.card-pricing {
        height: 100%;
        margin-bottom: 0;
    }
}
@media print,screen and (min-width:64em) {
    .home-pricing .home-pricing-plans .card.card-pricing.last-pricing-card {
        margin-bottom: 0;
    }
}
.home-pricing .home-pricing-plans sup {
    top: -.3em;
}
.home-pricing .home-pricing-plans .plan-type-selector {
    padding-bottom: 0.5rem;
}
.home-pricing .home-pricing-plans .plan-type-selector .button.\--best-deal {
    position: relative;
}
.home-pricing .home-pricing-plans .plan-type-selector .button.\--best-deal:before {
    background-color: #fbdd33;
    border-radius: 4px;
    color: #0a0a0a!important;
    content: "Best Deal";
    display: inline-block;
    font-size: 0.8em;
    padding: 0.5em 2em;
    position: absolute;
    top: 0;
    left: 50%;
    text-transform: none;
    transform: translate(-50%,-70%);
    white-space: nowrap;
}
.home-pricing .home-pricing-plans .plan-type-selector .button.light {
    color: #1c3860;
}
.home-pricing .home-pricing-plans .plan-type-selector .button.light.hollow {
    color: #fff;
}
.home-pricing .home-pricing-plans .plan-type-selector .button.light.hollow:hover {
    color: #1c3860;
}
.home-pricing .home-pricing-plans .button-group.plan-type-selector .button {
    margin-right: 0;
}
.home-pricing .home-pricing-plans .button-group.plan-type-selector .button:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}
.home-pricing .home-pricing-plans .button-group.plan-type-selector .button:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.home-pricing .home-pricing-plans .radio-button-group {
    display: flex;
    justify-content: center;
    gap: 4rem;
}
.home-pricing .home-pricing-plans .radio-button-group label {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.home-pricing .home-pricing-plans .plan-group {
    padding-top: 1rem;
}
.home-pricing .home-pricing-plans .about-plan-group hr {
    width: 8%;
    margin-left: 46%;
    margin-right: 46%;
}
.home-pricing .home-pricing-plans .about-plan-group .plans-include {
    width: 170px;
    margin: 0 auto;
}
@media print,screen and (min-width:64em) {
    .home-pricing .home-pricing-plans .about-plan-group .plans-include.plans-include-first {
        float: right;
    }
    .home-pricing .home-pricing-plans .about-plan-group .plans-include.plans-include-third {
        float: left;
    }
}
.home-pricing .home-pricing-plans .guarantee-compare-plans {
    color: #fff;
    font-weight: 600;
    padding-top: 1.5rem;
}
.home-pricing .home-pricing-plans .guarantee-compare-plans .compare-link {
    color: #fff;
    font-weight: 700;
    margin-left: 2rem;
    text-decoration: underline;
    text-transform: uppercase;
}
.home-pricing .home-pricing-plans .gift-coding-link {
    position: absolute;
    right: 0;
    top: 0;
}
.home-pricing .home-pricing-plans .gift-coding-link .gift-coding-badge {
    width: 8rem;
}
.home-pricing .home-pricing-plans.purple-gradient {
    background-image: linear-gradient(#5685ba,#6b5aaa);
}
.home-pricing .home-pricing-testimonials {
    padding: 30px 0 80px;
    background-color: #f6fafb;
    background-repeat: no-repeat;
    background-position: 50%;
}
.home-pricing .home-pricing-testimonials h2,
.home-pricing .home-pricing-testimonials h4 {
    margin-bottom: 10px;
}
.home-pricing .home-pricing-testimonials ul {
    color: #333;
    list-style-type: disc;
    margin-left: 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}
.home-pricing .home-pricing-testimonials ul li {
    margin-top: 30px;
}
.home-pricing .home-pricing-testimonials .quote blockquote {
    margin: 30px;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.home-pricing .home-pricing-testimonials .quote-wrap blockquote cite {
    color: #e1eff4;
}
.home-pricing .home-pricing-testimonials .quote-wrap blockquote:before {
    position: absolute;
    display: block;
    top: -20px;
    left: -2px;
    color: #bee4be;
}
.home-pricing .home-pricing-testimonials .quote-wrap {
    color: #fff;
    background-color: #77c677;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    margin: 0 auto 30px;
}
.home-pricing .home-pricing-testimonials .icon-checkmark {
    text-align: right;
    color: #4fbfb9;
    margin-top: 10px;
    margin-left: 10px;
}
.home-pricing .home-pricing-testimonials .safe-place-content {
    padding-top: 10px;
}
.home-pricing .home-pricing-testimonials .safe-place-content p {
    line-height: 1;
}
.home-pricing .home-pricing-testimonials h3 {
    margin: 0;
    font-size: 18px;
}
.home-pricing .home-pricing-faq {
    background-color: #fff;
    padding: 40px 0;
}
.home-pricing .home-pricing-faq .home-pricing-faq-questions {
    margin-top: 20px;
}
.home-pricing .pricing-feature {
    background-color: #fff;
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .parent-dashboard.parent-dashboard-courses-gift .home-pricing .home-pricing-plans,
    .parent-dashboard.parent-dashboard-courses-plans-pricing .home-pricing .home-pricing-plans {
        padding-top: 0;
    }
}
section .home-top-banner-promo {
    padding: 20px;
}
.home-top-banner-promo {
    background-color: #bf103d;
    padding: 10px 30px;
}
.home-top-banner-promo.\--blue {
    background-color: #4d70f3;
}
.home-top-banner-promo.\--purple {
    background-color: #836de0;
    background-image: linear-gradient(45deg,#8937bd,#4b1b98);
}
.home-top-banner-promo .home-top-banner-promo-content {
    padding: 0;
    font-size: 16px;
}
.home-top-banner-promo .home-top-banner-promo-content h3 {
    color: #fff;
    font-size: 20px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    font-weight: 700;
    letter-spacing: 1px;
}
@media screen and (max-width:39.9375em) {
    .home-top-banner-promo .home-top-banner-promo-content h3 {
        font-size: 18px;
    }
}
.home-top-banner-promo .home-top-banner-promo-content p {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 18px;
}
.home-top-banner-promo .home-top-banner-promo-content .pipe {
    font-weight: 400;
    opacity: 0.2;
    padding: 0 10px;
}
.home-top-banner-promo .home-top-banner-promo-content .banner-ribbon {
    margin: auto;
    position: relative;
    top: 0;
    display: block;
    width: 200px;
    padding: 2px;
    z-index: 10;
    border: 1px solid #000;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #1d1d1d;
    box-shadow: inset 0 0 30px rgba(0,0,0,.15),0 6px 10px rgba(0,0,0,.15);
}
.home-top-banner-promo .home-top-banner-promo-content .banner-ribbon:after,
.home-top-banner-promo .home-top-banner-promo-content .banner-ribbon:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -22px;
    bottom: -5px;
    display: block;
    width: 10px;
    height: 0;
    border: 11px solid #000;
    border-right: 10px solid #000;
    border-bottom-color: #000;
    border-left-color: transparent;
}
.home-top-banner-promo .home-top-banner-promo-content .banner-ribbon:after {
    left: auto;
    right: -20px;
    border-left: 10px solid #000;
    border-right: 10px solid transparent;
}
.home-top-banner-promo .home-top-banner-promo-content span.link {
    color: #fff;
    font-style: italic;
    margin-left: 8px;
}
.home-top-banner-promo .home-top-banner-promo-content span.link:hover {
    text-decoration: underline;
}
@media screen and (max-width:39.9375em) {
    .home-top-banner-promo {
        padding: 10px;
    }
}
.home-top-banner-promo.home-top-banner-promo-halloween {
    background-color: #2f2059;
    background-image: url("../image/components/home-top-banner-promo/flash-sale-banner-background.jpg");
    background-size: contain;
}
.home-top-banner-promo.home-top-banner-promo-halloween .home-top-banner-promo-content h3 {
    color: #ff8500;
}
.home-top-banner-promo.home-top-banner-promo-black {
    background-color: #282e33;
}
.home-top-banner-promo.home-top-banner-promo-black .home-top-banner-promo-content span.home-top-banner-promo-discount {
    color: #ff0;
}
@media print,screen and (min-width:64em) {
    .home-top-banner-promo.home-top-banner-promo-black .home-top-banner-promo-content span.home-top-banner-promo-discount {
        padding-right: 1rem;
    }
}
.home-top-banner-promo.home-top-banner-promo-black .home-top-banner-promo-content h3 {
    color: #fff;
}
.home-top-banner-promo.home-top-banner-promo-black .home-top-banner-promo-content span.home-top-banner-promo-action {
    color: #ff0;
    font-size: 80%;
    font-weight: 600;
    padding-left: 0.5rem;
}
@media print,screen and (min-width:64em) {
    .home-top-banner-promo.home-top-banner-promo-black .home-top-banner-promo-content span.home-top-banner-promo-action {
        padding-left: 1rem;
    }
}
.home-top-banner-promo.home-top-banner-promo-black-blue {
    background-color: #282e33;
}
.home-top-banner-promo.home-top-banner-promo-black-blue .home-top-banner-promo-content h3 {
    color: #00bcd4;
}
.home-top-banner-promo.home-top-banner-promo-purple-cyan {
    background-color: #190646;
}
.home-top-banner-promo.home-top-banner-promo-purple-cyan .home-top-banner-promo-content h3 {
    color: #80ffff;
}
.home-top-banner-promo.home-top-banner-promo-blue {
    background-color: #3e6d8a;
}
.home-top-banner-promo.home-top-banner-promo-orange {
    background-color: #ff8d1a;
}
@media screen and (max-width:39.9375em) {
    .home-top-banner-promo.home-top-banner-promo-books {
        padding-top: 85px;
    }
}
@media screen and (min-width:75em) {
    .home-top-banner-promo.home-top-banner-promo-books .home-top-banner-promo-content {
        display: block;
        position: relative;
    }
    .home-top-banner-promo.home-top-banner-promo-books .home-top-banner-promo-content:before {
        background-image: url("../image/components/home-top-banner-promo/home-top-banner-promo-books.png");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: " ";
        height: 72px;
        left: 5%;
        position: absolute;
        top: -30px;
        width: 114px;
    }
}
@media screen and (min-width:75em) {
    .home-top-banner-promo.home-top-banner-promo-books.\--no-overlap .home-top-banner-promo-content:before {
        left: 6%;
        top: -18px;
        width: 95px;
        height: 60px;
    }
}
body.site section.home-top-banner-promo {
    padding: 10px 30px;
}
body.site section.home-top-banner-promo.home-top-banner-promo-books {
    padding: 20px 30px;
}
.image-button {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}
.image-button:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.image-button .image-container {
    cursor: pointer;
}
.image-button .image-container .image.hide-rendering {
    visibility: visible;
}
.image-button .image-container .image.hide-rendering.render {
    visibility: hidden;
}
.image-button .labels-container {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.image-button .labels-container .labels {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.image-button .labels-container .labels .label-title {
    font-family: Open Sans Condensed,Open Sans,Helvetica,Arial,sans-serif;
    min-height: 45px;
    text-align: left;
    cursor: pointer;
    padding: 11px 50px 11px 15px;
    font-size: 16px;
    font-weight: 700;
}
.image-button .labels-container .labels .label-description {
    transition: all 0.2s ease-in-out;
    height: 0;
    text-align: left;
    padding: 0 50px 0 15px;
    font-size: 12px;
}
.image-button .labels-container .labels.labels-top {
    position: absolute;
    top: 0;
    background-color: transparent;
    width: 100%;
    padding-left: 0;
}
.image-button .labels-container .labels.labels-top label {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 11px 15px;
    font-weight: 700;
}
.image-button .labels-container .icon {
    bottom: 8px;
    color: #9c9c9c;
    font-size: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    width: 30px;
}
.image-button .labels-container .icon.icon-play {
    color: #f25954;
}
.image-button .labels-container .lock {
    position: absolute;
    background: url("../image/dashboard/student/placeholder/lock.png") no-repeat 50%;
    right: 10px;
    bottom: 8px;
    height: 30px;
    width: 30px;
}
.image-button:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.image-button:hover .labels-container .labels .label-description {
    height: auto;
    padding-bottom: 11px;
}
.image-button.light .labels-container .labels .label-description,
.image-button.light .labels-container .labels .label-title {
    font-weight: 400;
}
.image-button.small .labels-container .labels .label.label-title {
    padding: 5px 10px;
    min-height: auto;
}
.input-floating-label {
    position: relative;
}
.input-floating-label label {
    position: absolute;
    top: 2px;
    font-size: 11px;
    color: #aaa;
    transition: all 0.3s ease-out;
    opacity: 0;
    font-weight: 700;
    padding: 0 8px;
}
.input-floating-label label.focus {
    color: #4481c4;
}
.input-floating-label label.show {
    opacity: 1;
}
.input-floating-label input[type=text],
.input-floating-label textarea {
    padding-top: 12px;
}
.jobs-banner-section {
    background: #6f66a5;
    background: -moz-linear-gradient(45deg,#6f66a5 0,#4f80a2 100%);
    background: -webkit-linear-gradient(45deg,#6f66a5,#4f80a2);
    background: linear-gradient(45deg,#6f66a5,#4f80a2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#6f66a5",endColorstr="#4f80a2",GradientType=1))
    padding: 0;
}
.jobs-banner-section .jobs-banner-content {
    background-image: url("../image/homepage/homepage-parent/jobs-banner/jobs-banner-bg.png");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
}
@media screen and (max-width:39.9375em) {
    .jobs-banner-section .jobs-banner-content {
        background-image: none;
    }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .jobs-banner-section .jobs-banner-content {
        background-image: none;
    }
}
.jobs-banner-section h1,
.jobs-banner-section h2,
.jobs-banner-section h3,
.jobs-banner-section h4,
.jobs-banner-section h5,
.jobs-banner-section h6,
.jobs-banner-section p {
    color: #fff;
}
.jobs-banner-section .jobs-description {
    padding-top: 30px;
}
.jobs-banner-section .button.hollow {
    color: #fff;
    border: 1px solid #fff;
    margin-top: 40px;
    margin-bottom: 0;
}
.jobs-banner-section .button.hollow:hover {
    background-color: #fff;
    color: #6f66a5;
}
.join-form .box-body {
    padding: 0;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.join-form .box-body:after,
.join-form .box-body:before {
    display: table;
    content: " ";
}
.join-form .box-body:after {
    clear: both;
}
.join-form .box-body .divider-horizontal {
    position: relative;
    display: block;
    min-height: 1px;
    background: #dae1e1;
    margin: 30px 0;
}
.join-form .box-body .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
.join-form .box-body .join-form__column {
    padding-top: 20px;
    padding-bottom: 20px;
}
.join-form .box-body .join-form__column .join-form__column__content {
    padding-left: 20px;
    padding-right: 20px;
}
.join-form .box-body .join-form__column .join-form__column__content h3 {
    font-size: 22px;
}
.join-form .box-body .join-form__column .join-form__column__content li {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    margin: 0 0 4px;
}
@media print,screen and (min-width:40em) {
    .join-form .box-body .join-form__column {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .join-form .box-body .join-form__column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .join-form .box-body .join-form__column:last-child:not(:first-child) {
        float: right;
    }
}
.join-form .box-body .join-form__column.join-form__column--benefits {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
@media print,screen and (min-width:40em) {
    .join-form .box-body .join-form__column.join-form__column--benefits,
    .join-form .box-body .join-form__column.join-form__column--form {
        height: 561px;
    }
}
.join-form .box-body .join-form__column.join-form__column--form h3 {
    text-align: center;
}
.join-form .box-body .join-form__column.join-form__column--form .divider-horizontal {
    margin: 30px 0 20px;
}
@media print,screen and (min-width:40em) {
    .join-form .box-body .join-form__column.join-form__column--form {
        box-shadow: 0 0 4px rgba(0,0,0,.6);
    }
}
.join-form .box-body .link-actions {
    margin: 20px 0;
}
.join-form.join-form--parent .box-body .join-form__column.join-form__column--benefits {
    background-image: url("../image/join/parent.jpg");
}
.join-form.join-form--teacher .box-body .join-form__column.join-form__column--benefits {
    background-image: url("../image/join/teacher.jpg");
}
.reveal.reveal--join-parent,
.reveal.reveal--join-student,
.reveal.reveal--join-teacher,
.reveal.reveal--join-teacher-camp {
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-parent.reveal--join-student-small,
    .reveal.reveal--join-student.reveal--join-student-small,
    .reveal.reveal--join-teacher-camp.reveal--join-student-small,
    .reveal.reveal--join-teacher.reveal--join-student-small {
        width: 385px;
    }
    .reveal.reveal--join-parent.reveal--join-student-medium,
    .reveal.reveal--join-student.reveal--join-student-medium,
    .reveal.reveal--join-teacher-camp.reveal--join-student-medium,
    .reveal.reveal--join-teacher.reveal--join-student-medium {
        width: 770px;
    }
    .reveal.reveal--join-parent.reveal--join-student-full,
    .reveal.reveal--join-student.reveal--join-student-full,
    .reveal.reveal--join-teacher-camp.reveal--join-student-full,
    .reveal.reveal--join-teacher.reveal--join-student-full {
        width: 100%;
    }
}
.reveal.reveal--join-parent h1,
.reveal.reveal--join-student h1,
.reveal.reveal--join-teacher h1,
.reveal.reveal--join-teacher-camp h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
}
.reveal.reveal--join-parent ul,
.reveal.reveal--join-student ul,
.reveal.reveal--join-teacher ul,
.reveal.reveal--join-teacher-camp ul {
    margin-top: 1rem;
}
.reveal.reveal--join-parent ul li,
.reveal.reveal--join-student ul li,
.reveal.reveal--join-teacher ul li,
.reveal.reveal--join-teacher-camp ul li {
    color: #596267;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}
.reveal.reveal--join-parent .reveal__header,
.reveal.reveal--join-student .reveal__header,
.reveal.reveal--join-teacher .reveal__header,
.reveal.reveal--join-teacher-camp .reveal__header {
    background-color: #43cec7;
    padding: 1rem;
}
.reveal.reveal--join-parent .reveal__header h1,
.reveal.reveal--join-student .reveal__header h1,
.reveal.reveal--join-teacher .reveal__header h1,
.reveal.reveal--join-teacher-camp .reveal__header h1 {
    margin-bottom: 0;
}
.reveal.reveal--join-parent .reveal__body,
.reveal.reveal--join-student .reveal__body,
.reveal.reveal--join-teacher .reveal__body,
.reveal.reveal--join-teacher-camp .reveal__body {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.reveal.reveal--join-parent .reveal__body.reveal__body--gradient,
.reveal.reveal--join-student .reveal__body.reveal__body--gradient,
.reveal.reveal--join-teacher .reveal__body.reveal__body--gradient,
.reveal.reveal--join-teacher-camp .reveal__body.reveal__body--gradient {
    background-color: #43cec7;
    background-image: linear-gradient(0deg,#fff 63%,#43cec7 64%);
}
.reveal.reveal--join-parent .reveal__footer,
.reveal.reveal--join-student .reveal__footer,
.reveal.reveal--join-teacher .reveal__footer,
.reveal.reveal--join-teacher-camp .reveal__footer {
    background-color: #f5f6f7;
    padding: 0.5rem;
}
.reveal.reveal--join-parent .reveal__logo-footer,
.reveal.reveal--join-student .reveal__logo-footer,
.reveal.reveal--join-teacher .reveal__logo-footer,
.reveal.reveal--join-teacher-camp .reveal__logo-footer {
    padding: 0.5rem;
}
.reveal.reveal--join-parent .reveal__logo-footer.show-for-medium,
.reveal.reveal--join-student .reveal__logo-footer.show-for-medium,
.reveal.reveal--join-teacher .reveal__logo-footer.show-for-medium,
.reveal.reveal--join-teacher-camp .reveal__logo-footer.show-for-medium {
    bottom: 35px;
}
.reveal.reveal--join-parent .reveal__logo-footer.show-for-medium .logo-footer-img,
.reveal.reveal--join-student .reveal__logo-footer.show-for-medium .logo-footer-img,
.reveal.reveal--join-teacher .reveal__logo-footer.show-for-medium .logo-footer-img,
.reveal.reveal--join-teacher-camp .reveal__logo-footer.show-for-medium .logo-footer-img {
    margin-bottom: 25px;
}
.reveal.reveal--join-parent .reveal__logo-footer.show-for-medium .logo-footer-links,
.reveal.reveal--join-student .reveal__logo-footer.show-for-medium .logo-footer-links,
.reveal.reveal--join-teacher .reveal__logo-footer.show-for-medium .logo-footer-links,
.reveal.reveal--join-teacher-camp .reveal__logo-footer.show-for-medium .logo-footer-links {
    display: inline-block;
    color: #fff;
    padding-left: 10px;
}
.reveal.reveal--join-parent .reveal__logo-footer.show-for-medium .logo-footer-links a,
.reveal.reveal--join-student .reveal__logo-footer.show-for-medium .logo-footer-links a,
.reveal.reveal--join-teacher .reveal__logo-footer.show-for-medium .logo-footer-links a,
.reveal.reveal--join-teacher-camp .reveal__logo-footer.show-for-medium .logo-footer-links a {
    color: #fff;
}
.reveal.reveal--join-parent .reveal__form,
.reveal.reveal--join-student .reveal__form,
.reveal.reveal--join-teacher .reveal__form,
.reveal.reveal--join-teacher-camp .reveal__form {
    padding: 1rem;
}
.reveal.reveal--join-parent .reveal__form.reveal__form--floating,
.reveal.reveal--join-student .reveal__form.reveal__form--floating,
.reveal.reveal--join-teacher .reveal__form.reveal__form--floating,
.reveal.reveal--join-teacher-camp .reveal__form.reveal__form--floating {
    background-color: #fff;
    box-shadow: 1px 2px 4px rgba(0,0,0,.5);
    padding: 1rem;
}
.reveal.reveal--join-parent .reveal__form label,
.reveal.reveal--join-student .reveal__form label,
.reveal.reveal--join-teacher .reveal__form label,
.reveal.reveal--join-teacher-camp .reveal__form label {
    color: #3e3e3e;
}
.reveal.reveal--join-parent .reveal__form input[type=email],
.reveal.reveal--join-parent .reveal__form input[type=password],
.reveal.reveal--join-parent .reveal__form input[type=text],
.reveal.reveal--join-student .reveal__form input[type=email],
.reveal.reveal--join-student .reveal__form input[type=password],
.reveal.reveal--join-student .reveal__form input[type=text],
.reveal.reveal--join-teacher .reveal__form input[type=email],
.reveal.reveal--join-teacher .reveal__form input[type=password],
.reveal.reveal--join-teacher .reveal__form input[type=text],
.reveal.reveal--join-teacher-camp .reveal__form input[type=email],
.reveal.reveal--join-teacher-camp .reveal__form input[type=password],
.reveal.reveal--join-teacher-camp .reveal__form input[type=text] {
    border-radius: 5px;
}
.reveal.reveal--join-parent .reveal__column.reveal__form.reveal__form--floating,
.reveal.reveal--join-student .reveal__column.reveal__form.reveal__form--floating,
.reveal.reveal--join-teacher .reveal__column.reveal__form.reveal__form--floating,
.reveal.reveal--join-teacher-camp .reveal__column.reveal__form.reveal__form--floating {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.reveal.reveal--join-parent .reveal__btn-panel,
.reveal.reveal--join-student .reveal__btn-panel,
.reveal.reveal--join-teacher .reveal__btn-panel,
.reveal.reveal--join-teacher-camp .reveal__btn-panel {
    padding-top: 20px;
    text-align: center;
}
.reveal.reveal--join-parent .reveal__btn-panel .button,
.reveal.reveal--join-student .reveal__btn-panel .button,
.reveal.reveal--join-teacher .reveal__btn-panel .button,
.reveal.reveal--join-teacher-camp .reveal__btn-panel .button {
    margin-bottom: 0;
}
.reveal.reveal--join-parent .reveal__btn-panel .button.disabled,
.reveal.reveal--join-parent .reveal__btn-panel .button[disabled],
.reveal.reveal--join-student .reveal__btn-panel .button.disabled,
.reveal.reveal--join-student .reveal__btn-panel .button[disabled],
.reveal.reveal--join-teacher .reveal__btn-panel .button.disabled,
.reveal.reveal--join-teacher .reveal__btn-panel .button[disabled],
.reveal.reveal--join-teacher-camp .reveal__btn-panel .button.disabled,
.reveal.reveal--join-teacher-camp .reveal__btn-panel .button[disabled] {
    opacity: 0.3;
    pointer-events: all;
}
.reveal.reveal--join-parent .link-actions,
.reveal.reveal--join-student .link-actions,
.reveal.reveal--join-teacher .link-actions,
.reveal.reveal--join-teacher-camp .link-actions {
    color: #596267;
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 1rem;
}
.reveal.reveal--join-parent .join-box__benefits p,
.reveal.reveal--join-student .join-box__benefits p,
.reveal.reveal--join-teacher .join-box__benefits p,
.reveal.reveal--join-teacher-camp .join-box__benefits p {
    font-size: 18px;
    line-height: 22px;
    margin-top: 1rem;
}
.reveal.reveal--join-parent .link-form,
.reveal.reveal--join-student .link-form,
.reveal.reveal--join-teacher .link-form,
.reveal.reveal--join-teacher-camp .link-form {
    text-align: center;
}
.reveal.reveal--join-parent .nav-action,
.reveal.reveal--join-student .nav-action,
.reveal.reveal--join-teacher .nav-action,
.reveal.reveal--join-teacher-camp .nav-action {
    font-weight: 600;
}
.reveal.reveal--join-parent .divider-horizontal,
.reveal.reveal--join-student .divider-horizontal,
.reveal.reveal--join-teacher .divider-horizontal,
.reveal.reveal--join-teacher-camp .divider-horizontal {
    position: relative;
    display: block;
    min-height: 1px;
    background: #dae1e1;
    margin: 30px 0 20px;
}
.reveal.reveal--join-parent .divider-horizontal span,
.reveal.reveal--join-student .divider-horizontal span,
.reveal.reveal--join-teacher .divider-horizontal span,
.reveal.reveal--join-teacher-camp .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
.reveal.reveal--join-parent .social-buttons,
.reveal.reveal--join-student .social-buttons,
.reveal.reveal--join-teacher .social-buttons,
.reveal.reveal--join-teacher-camp .social-buttons {
    text-align: center;
}
.reveal.reveal--join-parent .social-buttons .google-small,
.reveal.reveal--join-student .social-buttons .google-small,
.reveal.reveal--join-teacher .social-buttons .google-small,
.reveal.reveal--join-teacher-camp .social-buttons .google-small {
    display: inline-block;
    margin-bottom: 0;
}
.reveal.reveal--join-parent .social-buttons-small .button.button-email,
.reveal.reveal--join-student .social-buttons-small .button.button-email,
.reveal.reveal--join-teacher .social-buttons-small .button.button-email,
.reveal.reveal--join-teacher-camp .social-buttons-small .button.button-email {
    font-size: 12px;
    min-width: 70%;
    line-height: 1.3;
}
.reveal.reveal--join-parent .social-buttons-small .button.button-email span,
.reveal.reveal--join-student .social-buttons-small .button.button-email span,
.reveal.reveal--join-teacher .social-buttons-small .button.button-email span,
.reveal.reveal--join-teacher-camp .social-buttons-small .button.button-email span {
    float: left;
    margin-right: 10px;
    line-height: 1.3;
}
.reveal.reveal--join-parent .social-buttons-small .button.disabled,
.reveal.reveal--join-parent .social-buttons-small .button[disabled],
.reveal.reveal--join-student .social-buttons-small .button.disabled,
.reveal.reveal--join-student .social-buttons-small .button[disabled],
.reveal.reveal--join-teacher .social-buttons-small .button.disabled,
.reveal.reveal--join-teacher .social-buttons-small .button[disabled],
.reveal.reveal--join-teacher-camp .social-buttons-small .button.disabled,
.reveal.reveal--join-teacher-camp .social-buttons-small .button[disabled] {
    opacity: 0.3;
    cursor: auto;
}
.reveal.reveal--join-parent .social-buttons-small .button.disabled.button-windows,
.reveal.reveal--join-parent .social-buttons-small .button[disabled].button-windows,
.reveal.reveal--join-student .social-buttons-small .button.disabled.button-windows,
.reveal.reveal--join-student .social-buttons-small .button[disabled].button-windows,
.reveal.reveal--join-teacher .social-buttons-small .button.disabled.button-windows,
.reveal.reveal--join-teacher .social-buttons-small .button[disabled].button-windows,
.reveal.reveal--join-teacher-camp .social-buttons-small .button.disabled.button-windows,
.reveal.reveal--join-teacher-camp .social-buttons-small .button[disabled].button-windows {
    color: #fff;
}
.reveal.reveal--join-parent .field-big.field-profile-icon .field-profile-refresh span,
.reveal.reveal--join-student .field-big.field-profile-icon .field-profile-refresh span,
.reveal.reveal--join-teacher .field-big.field-profile-icon .field-profile-refresh span,
.reveal.reveal--join-teacher-camp .field-big.field-profile-icon .field-profile-refresh span {
    color: #0199d1;
}
.reveal.reveal--join-parent .field-big.field-profile-icon .field-profile-refresh:hover span,
.reveal.reveal--join-student .field-big.field-profile-icon .field-profile-refresh:hover span,
.reveal.reveal--join-teacher .field-big.field-profile-icon .field-profile-refresh:hover span,
.reveal.reveal--join-teacher-camp .field-big.field-profile-icon .field-profile-refresh:hover span {
    color: #5cbe5a;
}
.reveal.reveal--join-parent .terms,
.reveal.reveal--join-student .terms,
.reveal.reveal--join-teacher .terms,
.reveal.reveal--join-teacher-camp .terms {
    margin: 0 auto 20px;
    max-width: 70%;
}
.reveal.reveal--join-parent .terms .notice,
.reveal.reveal--join-student .terms .notice,
.reveal.reveal--join-teacher .terms .notice,
.reveal.reveal--join-teacher-camp .terms .notice {
    font-weight: 400;
}
.reveal.reveal--join-parent .terms label > [type=checkbox],
.reveal.reveal--join-student .terms label > [type=checkbox],
.reveal.reveal--join-teacher .terms label > [type=checkbox],
.reveal.reveal--join-teacher-camp .terms label > [type=checkbox] {
    margin: 0 0 0 -1em;
}
.reveal.reveal--join-parent input[type=password],
.reveal.reveal--join-student input[type=password],
.reveal.reveal--join-teacher input[type=password],
.reveal.reveal--join-teacher-camp input[type=password] {
    margin: 0 0 0.875rem;
}
.reveal.reveal--join-student .terms {
    margin-top: 30px;
}
.reveal.reveal--join-student .captcha > div {
    margin: auto;
}
.reveal.reveal--join-student.reveal--join-student-full {
    background-color: #7fd5ef;
    background-image: url("../image/join/clouds.png");
    background-position: 50% 50%;
}
.reveal.reveal--join-student.reveal--join-student-full h1 {
    font-size: 20px;
}
.reveal.reveal--join-student.reveal--join-student-full .reveal__body {
    padding-top: 4rem;
}
.reveal.reveal--join-student.reveal--join-student-full .reveal__btn-panel a,
.reveal.reveal--join-student.reveal--join-student-full .reveal__btn-panel input {
    width: 100%;
}
.reveal.reveal--join-student.reveal--join-student-full .close-reveal-modal {
    color: #fff;
}
.reveal.reveal--join-student.reveal--join-student-full .back-reveal-modal {
    color: #fff;
    border: 4px solid #fff;
    border-radius: 40px;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    left: 10px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    width: 36px;
}
.reveal.reveal--join-student.reveal--join-student-full .privacy-policy-link {
    padding-top: 20px;
    text-align: right;
}
.reveal.reveal--join-student.reveal--join-student-full .privacy-policy-link a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}
.reveal.reveal--join-student.reveal--join-student-full .privacy-policy-link a:hover {
    text-decoration: none;
}
.reveal.reveal--join-student.reveal--join-student-full .ext-buttons {
    padding-top: 20px;
    text-align: center;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft {
    background-image: url("../image/join/mc-bg.jpg");
    background-position: 50% 50%;
    background-size: cover;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server {
    background: -moz-linear-gradient(50% 96.13% 90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -webkit-linear-gradient(90deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    background: -webkit-gradient(linear,50% 96.13%,50% 2.96%,color-stop(0,#000),color-stop(.2146,#0c2a59),color-stop(.7463,#0c2a59),color-stop(.8488,#071935),color-stop(1,#000));
    background: -o-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -ms-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)""
    background: linear-gradient(0deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server h2 {
    color: #fff;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server ul li {
    color: #fff;
    float: left;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server ul li:after {
    content: "\2605";
    padding: 0 1rem;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server ul li:last-of-type:after {
    display: none;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server img {
    margin-top: 1rem;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .island-container {
    margin-top: 2rem;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .island-container .island-container-bullets {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .island-container .island-container-bullets .icon-star-3 {
    font-size: 16px;
    padding: 2px 5px;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .island-container {
        margin-top: 0;
    }
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .reveal__body {
    background-image: url("../image/join/bg-stars.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .reveal__form-header {
    background-color: #fff;
    padding: 1rem;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    box-shadow: 1px 2px 4px rgba(0,0,0,.5);
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .reveal__form-header h2 {
    color: #282e33;
    font-size: 20px;
    font-weight: 700;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server .reveal__form-header .center {
    text-align: center;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server.reveal--puzzles {
    background: rgba(0,0,0,.8);
    -ms-filter:none;
    filter:none;
}
.reveal.reveal--join-student.reveal--join-student-full.reveal--join-student-minecraft-server.reveal--puzzles .reveal__body {
    background-image: none;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-parent {
        width: 800px;
    }
}
.reveal.reveal--join-parent .reveal__form {
    min-height: 618px;
}
.reveal.reveal--join-parent .reveal__form a.facebook-small,
.reveal.reveal--join-parent .reveal__form a.google-small,
.reveal.reveal--join-parent .reveal__form a.windows-small {
    display: inline-block;
}
.reveal.reveal--join-parent .reveal__benefits {
    background-image: url("../image/join/parent.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 618px;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-teacher {
        width: 800px;
    }
}
.reveal.reveal--join-teacher .reveal__form {
    min-height: 618px;
}
.reveal.reveal--join-teacher .reveal__form a.facebook-small,
.reveal.reveal--join-teacher .reveal__form a.google-small,
.reveal.reveal--join-teacher .reveal__form a.windows-small {
    display: inline-block;
}
.reveal.reveal--join-teacher .reveal__benefits {
    background-image: url("../image/join/teacher.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 618px;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-teacher-camp {
        width: 380px;
    }
}
.reveal.reveal--join-teacher-camp .social-buttons-small-center .facebook-small,
.reveal.reveal--join-teacher-camp .social-buttons-small-center .google-small,
.reveal.reveal--join-teacher-camp .social-buttons-small-center .windows-small {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 1rem;
}
.reveal.reveal--join-teacher-camp .captcha {
    margin-bottom: 30px;
    margin-top: 30px;
}
.reveal.reveal--join-teacher-campaign ul li {
    font-size: 16px;
}
.reveal.reveal--join h2 {
    font-size: 24px;
}
.reveal.reveal--join h3 {
    font-size: 22px;
}
.reveal.reveal--join h4 {
    margin-bottom: 20px;
    color: #000;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .modal.join-modal {
        width: 800px;
    }
}
.modal.join-modal label {
    line-height: 1.5;
}
.modal.join-modal input[type=checkbox] {
    margin-bottom: 0;
}
.modal.join-modal .box-body {
    padding: 0;
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.modal.join-modal .box-body:after,
.modal.join-modal .box-body:before {
    display: table;
    content: " ";
}
.modal.join-modal .box-body:after {
    clear: both;
}
.modal.join-modal .box-body .join-modal__column {
    padding-top: 20px;
    padding-bottom: 20px;
}
.modal.join-modal .box-body .join-modal__column .join-modal__column__content {
    padding-left: 20px;
    padding-right: 20px;
}
.modal.join-modal .box-body .join-modal__column .join-modal__column__content h3 {
    font-size: 22px;
}
.modal.join-modal .box-body .join-modal__column .join-modal__column__content li {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    margin: 0 0 4px;
}
@media print,screen and (min-width:40em) {
    .modal.join-modal .box-body .join-modal__column {
        width: 50%;
        float: left;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print,screen and (min-width:40em) and (min-width:40em) {
    .modal.join-modal .box-body .join-modal__column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}
@media print,screen and (min-width:40em) {
    .modal.join-modal .box-body .join-modal__column:last-child:not(:first-child) {
        float: right;
    }
}
.modal.join-modal .box-body .join-modal__column.join-modal__column--benefits {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
@media print,screen and (min-width:40em) {
    .modal.join-modal .box-body .join-modal__column.join-modal__column--benefits,
    .modal.join-modal .box-body .join-modal__column.join-modal__column--form {
        height: 561px;
    }
}
.modal.join-modal .box-body .join-modal__column.join-modal__column--form h3 {
    text-align: center;
}
.modal.join-modal .box-body .join-modal__column.join-modal__column--form .divider-horizontal {
    margin: 30px 0 20px;
}
@media print,screen and (min-width:40em) {
    .modal.join-modal .box-body .join-modal__column.join-modal__column--form {
        box-shadow: 0 0 4px rgba(0,0,0,.6);
    }
}
.modal.join-modal .box-body .link-actions {
    margin: 20px 0;
}
.modal.join-modal.join-modal--parent .box-body .join-modal__column.join-modal__column--benefits {
    background-image: url("../image/join/parent.jpg");
}
.modal.join-modal.join-modal--teacher .box-body .join-modal__column.join-modal__column--benefits {
    background-image: url("../image/join/teacher.jpg");
}
.reveal.reveal--join-teacher-campaign-hourofcode h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-teacher-campaign-hourofcode h3 {
        font-size: 26px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.reveal.reveal--join-teacher-campaign-hourofcode p {
    font-size: 18px;
    font-weight: 400;
    margin: 20px 10px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--join-teacher-campaign-hourofcode p {
        font-size: 20px;
        margin: 60px 20px;
    }
}
.reveal.reveal--join-teacher-campaign-hourofcode .reveal__benefits {
    background-image: url("../image/join/teacher-campaign-hourofcode-drone-mambo-818-20171120.png");
    background-position-y: 85%;
}
.loading-indicator.loading-indicator-bar {
    background: transparent url("/blog/wp-content/themes/photography/inc/images/img-loader.gif") no-repeat 50%;
    display: block;
    height: 19px;
    margin: 16px auto 10px;
    position: relative;
    text-align: center;
}
.loading-indicator {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}
.loading-indicator.loading-indicator-blocks div {
    background-color: #00bcd4;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loading-indicator.loading-indicator-blocks .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loading-indicator.loading-indicator-blocks .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.loading-indicator.loading-indicator-blocks .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
}
.loading-indicator.loading-indicator-blocks .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}
@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}
@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}
.loading-indicator.loading-indicator-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}
.loading-indicator.loading-indicator-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.loading-indicator.loading-indicator-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #00bcd4;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.loading-indicator.loading-indicator-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.loading-indicator.loading-indicator-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.loading-indicator.loading-indicator-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.loading-indicator.loading-indicator-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.loading-indicator.loading-indicator-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.loading-indicator.loading-indicator-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.loading-indicator.loading-indicator-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.loading-indicator.loading-indicator-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.loading-indicator.loading-indicator-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.loading-indicator.loading-indicator-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.loading-indicator.loading-indicator-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.loading-indicator.loading-indicator-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.loading-indicator.loading-indicator-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.loading-indicator.loading-indicator-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
}
.loading-indicator.loading-indicator-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}
.loading-indicator.loading-indicator-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s;
}
.loading-indicator.loading-indicator-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s;
}
.loading-indicator.loading-indicator-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
}
.loading-indicator.loading-indicator-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s;
}
.loading-indicator.loading-indicator-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s;
}
.loading-indicator.loading-indicator-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s;
}
.loading-indicator.loading-indicator-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes sk-circleBounceDelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.minecraft-editor-ad-modal {
    background: -moz-linear-gradient(50% 96.13% 90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -webkit-linear-gradient(90deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    background: -webkit-gradient(linear,50% 96.13%,50% 2.96%,color-stop(0,#000),color-stop(.2146,#0c2a59),color-stop(.7463,#0c2a59),color-stop(.8488,#071935),color-stop(1,#000));
    background: -o-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -ms-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)""
    background: linear-gradient(0deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#000000",endColorstr="#000000",GradientType=0))
    border: 8px solid #fff;
}
.minecraft-editor-ad-modal h2 {
    color: #fff;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 10px;
    margin-top: 40px;
    text-transform: uppercase;
}
.minecraft-editor-ad-modal h3 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 10px;
}
.minecraft-editor-ad-modal p {
    color: #fff;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin-top: 1rem;
    text-align: center;
}
.minecraft-editor-ad-modal .close-button {
    color: #fff;
    font-size: 3em;
    font-weight: 600;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-bg {
    background-image: url("../image/components/minecraft-editor-ad-modal/bg-star-small.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-top {
    background-image: url("../image/components/minecraft-editor-ad-modal/mc-characters.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-bottom {
    margin-top: 1rem;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-square {
    border-radius: 6px;
    display: block;
    min-height: 140px;
    padding: 1rem;
    text-align: center;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-square:hover {
    box-shadow: 1px 2px 6px rgba(0,0,0,.6);
    transform: scale(1.03);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-square-green {
    background-color: #7cd55f;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-square-blue {
    background-color: #61add5;
}
.minecraft-editor-ad-modal .minecraft-editor-ad-modal-square-purple {
    background-color: #8e73c4;
}
.reveal.reveal-minecraft-learn-more {
    background-color: #8a90c4;
    padding: 20px 40px;
}
.reveal.reveal-minecraft-learn-more .minecraft-hero h2 {
    color: #fff;
    font-family: Press Start\ 2P;
    text-transform: uppercase;
    width: 50%;
    font-size: 22px;
}
.reveal.reveal-minecraft-learn-more .minecraft-hero img {
    width: 350px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
}
.reveal.reveal-minecraft-learn-more .squares {
    margin-top: 15px;
}
.reveal.reveal-minecraft-learn-more .squares li {
    position: relative;
    width: 280px;
    height: 220px;
    display: inline-block;
    background-color: #fff;
    margin: 10px;
    padding: 10px 20px;
    text-align: center;
    box-shadow: 1px 2px 6px rgba(0,0,0,.6);
}
.reveal.reveal-minecraft-learn-more .squares li .toppart {
    position: absolute;
    top: 0;
    left: 0;
    height: 130px;
    width: 100%;
}
.reveal.reveal-minecraft-learn-more .squares li .toppart.blue {
    background-color: #57bee6;
}
.reveal.reveal-minecraft-learn-more .squares li .toppart.green {
    background-color: #58c6a3;
}
.reveal.reveal-minecraft-learn-more .squares li .toppart h3 {
    font-size: 18px;
    width: 260px;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 0;
    text-overflow: clip;
    white-space: normal;
    text-align: left;
    padding: 15px 20px;
    color: #fff;
}
.reveal.reveal-minecraft-learn-more .squares li img {
    position: absolute;
    top: 75px;
    left: 55px;
}
.reveal.reveal-minecraft-learn-more .close-reveal-modal {
    color: #fff;
}
.jquery-modal.blocker {
    z-index: 110!important;
}
.modal {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
    z-index: 111!important;
    border-radius: 5px;
    border: 0;
}
.modal a.close-modal {
    position: absolute;
    top: 18px;
    right: 13px;
    display: block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: url("/global/ui02/css/img/icn-modal-close0.png") 0 0 no-repeat;
}
@media print,screen and (min-width:64em) {
    .modal a.close-modal {
        top: -13px;
        right: -13px;
    }
}
.modal a.close-modal:hover {
    background: url("/global/ui02/css/img/icn-modal-close1.png") 0 0 no-repeat;
}
.modal .box-header {
    position: relative;
    display: block;
    padding: 0 30px;
    margin: 0;
}
.modal .box-header h2 {
    padding: 16px 0;
}
.modal .box-header h3 {
    padding: 16px 0;
    margin: 0;
}
.modal .box-header.b-blue,
.modal .box-header.b-blue h2,
.modal .box-header.b-blue h3 {
    color: #fff;
    background: #36a1d8;
}
.modal .box-body {
    position: relative;
    display: block;
    padding: 20px;
    margin: 0;
}
.modal .box-body h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 14px 0 10px;
}
.modal .box-body p {
    color: #282e33;
    line-height: 22px;
}
.modal .box-body .highlight {
    color: #9078c6;
    font-weight: 500;
}
.modal .box-body .social-buttons-small-center {
    width: 236px;
    margin: 0 auto 30px;
}
.modal .box-body .link-form {
    font-size: 14px;
    text-align: center;
}
.modal .box-body .link-actions {
    font-size: 12px;
    line-height: 16px;
    margin: 20px 0 -10px;
}
.modal .box-body .box-tabs {
    display: block;
    text-align: left;
    margin: 0 -20px;
}
.modal .box-body .box-tabs.align-center {
    text-align: center;
}
.modal .box-body .box-tabs ul.box-tabs-options {
    list-style: none;
    display: block;
    background: #d9d9d9;
    padding: 0 20px;
}
.modal .box-body .box-tabs ul.box-tabs-options li {
    float: left;
    display: inline-block;
}
.modal .box-body .box-tabs ul.box-tabs-options li a {
    display: block;
    color: #596267;
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    padding: 0 24px;
}
.modal .box-body .box-tabs ul.box-tabs-options li a.active {
    font-weight: 500;
    background: #fff;
}
.modal .box-body .box-tabs ul.box-tabs-options li a.active:hover {
    background: #fff;
}
.modal .box-body .box-tabs ul.box-tabs-options li a:hover {
    background: #f0f0f0;
}
.modal .box-body .box-tabs .box-panel {
    padding: 30px;
}
.modal .box-body .box-tabs .box-panel .column-left {
    float: left;
    position: relative;
    display: inline-block;
    width: 350px;
    padding: 0 30px 0 0;
}
.modal .box-body .box-tabs .box-panel .column-right {
    float: left;
    position: relative;
    display: inline-block;
    width: 350px;
    padding: 0 0 0 30px;
}
.modal .box-body .box-tabs .box-panel .column-right .project-screen-shot {
    width: 100%;
    margin: 20px 0 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px;
    line-height: 0;
}
.modal .box-body .box-tabs .box-panel .column-right .project-screen-shot img {
    width: 100%;
}
.modal .box-body .box-tabs .box-panel .column-right .project-screen-shot.asset img {
    image-rendering: pixelated;
}
.modal .box-body .box-tabs .box-panel .column-left .social-buttons-small,
.modal .box-body .box-tabs .box-panel .column-right .social-buttons-small {
    margin: 36px 0 0;
}
.modal .box-body .box-tabs .box-panel .column-left .social-buttons-small .facebook-small,
.modal .box-body .box-tabs .box-panel .column-left .social-buttons-small .google-small,
.modal .box-body .box-tabs .box-panel .column-left .social-buttons-small .windows-small,
.modal .box-body .box-tabs .box-panel .column-right .social-buttons-small .facebook-small,
.modal .box-body .box-tabs .box-panel .column-right .social-buttons-small .google-small,
.modal .box-body .box-tabs .box-panel .column-right .social-buttons-small .windows-small {
    margin: 0 0 20px;
}
.modal .box-body .box-message {
    text-align: center;
    background: #ffdd64;
    padding: 8px 16px 3px;
    margin: 0 0 12px;
}
.modal .box-body .box-message p {
    color: #613511;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}
.modal .box-body .box-message p span {
    font-size: 14px;
    line-height: 22px;
    margin-right: 4px;
}
.modal .box-body .divider-horizontal {
    position: relative;
    display: block;
    min-height: 1px;
    background: #dae1e1;
    margin: 30px 0;
}
.modal .box-body .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
.modal .box-body .divider-vertical {
    float: left;
    position: relative;
    display: inline-block;
    min-width: 1px;
    min-height: 300px;
    text-align: center;
    background: #dae1e1;
    margin: 0 15px;
}
.modal .box-body .divider-vertical span {
    position: absolute;
    top: 88px;
    left: 1px;
    width: 34px;
    height: 26px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 6px 0;
    margin: -7px 0 0 -17px;
}
.modal .box-body .divider-blank-vertical {
    float: left;
    position: relative;
    display: inline-block;
    min-width: 1px;
    min-height: 300px;
    text-align: center;
    background: 0 0;
    margin: 0 15px;
}
.modal .box-body .form-action {
    margin: 20px 0 0;
}
.modal .box-body .avatar-selector-current {
    position: relative;
    display: block;
    width: 140px;
    height: 140px;
    overflow: hidden;
    margin: 0 auto 18px;
}
.modal .box-body .avatar-selector-current canvas,
.modal .box-body .avatar-selector-current img {
    width: 140px;
    height: 140px;
    padding: 0;
    margin: 0;
}
.modal .box-body .avatar-selector {
    position: relative;
    display: block;
    margin: 0 auto;
}
.modal .box-body .avatar-selector a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 1px;
    margin: 0;
}
.modal .box-body .avatar-selector a img {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
}
.modal .box-body .avatar-selector a.current,
.modal .box-body .avatar-selector a:hover {
    background: #f5f6f7;
    border: 1px solid #e0dfdf;
    transform: scale(1.5);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.modal .box-body .avatar-selector a.locked img {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    -webkit-filter:grayscale(1);
    filter:url(/css/desaturate.svg#greyscale);
    filter:grayscale(100%);
    filter:gray;
}
.modal .box-body .avatar-selector a.locked:hover {
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
    -webkit-filter:none;
    filter:none;
}
.modal .box-footer {
    position: relative;
    display: block;
    text-align: center;
    background: #f2f5f5;
    padding: 8px 20px;
}
.modal .box-footer p {
    color: #596267;
    font-size: 16px;
    padding: 14px 0;
    margin: 0;
}
.modal .box-footer a.btn-default,
.modal .box-footer a.btn-round,
.modal .box-footer span {
    color: #fff;
}
.modal .box-footer .action-left {
    float: left;
    display: inline-block;
    text-align: left;
}
.modal .box-footer .action-right {
    float: right;
    display: inline-block;
    text-align: right;
}
.modal .box-footer .action-center {
    text-align: center;
}
.modal .box-footer .action-center span,
.modal .box-footer .action-left span,
.modal .box-footer .action-right span {
    font-size: 11px;
    line-height: 20px;
}
.modal .modal-content {
    overflow: auto;
    height: calc(100% - 50px);
    padding: 15px;
}
.modal .modal-content::-webkit-scrollbar {
    width: 11px;
    height: 11px;
}
.modal .modal-content::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 50px;
}
.modal .modal-content::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 50px;
}
.modal.full {
    border-radius: 0;
}
@media print,screen and (min-width:40em) {
    .modal .box-body {
        padding: 0 20px;
    }
}
.modal .modal-header {
    border-top: 6px solid transparent;
    padding: 0 20px;
    margin: 0;
}
.modal .modal-header,
.modal h2 {
    position: relative;
    display: block;
}
.modal h2 {
    padding: 6px 0 8px;
    margin: 0 0 10px;
}
.modal h2 span.sub-heading {
    color: #424b51;
    font-size: 24px;
    line-height: 31px;
    margin-right: 6px;
}
.modal h3 {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 6px 0 8px;
    margin: 0 0 10px;
}
.modal .modal-header h3 {
    color: #282e33;
}
.modal h3 span {
    color: #424b51;
    font-size: 24px;
    line-height: 31px;
    margin-right: 6px;
}
.modal h4 {
    color: #3b3832;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 2px 20px 10px;
}
.modal h5 {
    color: #282e33;
}
.modal .modal-body {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 20px;
}
.modal .modal-body .button-box {
    position: relative;
    display: block;
    padding: 10px 0 15px;
}
.modal .modal-body .button-box .btn-box,
.modal .modal-body .button-box .btn-default,
.modal .modal-body .button-box .btn-round,
.modal .modal-body .button-box .btn-round-box {
    margin: 5px 0 15px;
}
.modal .modal-body p {
    color: #3b3832;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 6px;
    margin: 0;
}
.modal .modal-body .modal-form {
    position: relative;
    display: block;
    padding: 0 0 20px;
}
.modal .modal-body .btn-box,
.modal .modal-body .btn-default,
.modal .modal-body .btn-round,
.modal .modal-body .btn-round-box,
.modal .modal-footer .btn-box.small,
.modal .modal-footer .btn-default.small,
.modal .modal-footer .btn-round-box.small,
.modal .modal-footer .btn-round.small {
    font-weight: 500;
}
.modal .modal-footer {
    text-align: right;
    position: relative;
    display: block;
    border-top: 1px solid #dae1e1;
    padding: 10px 5px 12px;
    margin: 10px 15px 0;
}
.modal .modal-footer.left {
    text-align: left;
}
.modal.m-micro {
    width: 320px;
}
.modal.m-small {
    width: 400px;
}
.modal.m-medium {
    width: 580px;
}
.modal.m-large {
    width: 760px;
}
.modal.m-purple .modal-header,
.modal.m-purple .modal-header h2,
.modal.m-purple .modal-header h3 {
    color: #fff;
    background: #8d73c3;
}
.modal.m-purple .modal-header h2 span,
.modal.m-purple .modal-header h3 span {
    color: #fff;
}
.modal.m-purple-rule .modal-header {
    border-top: 6px solid #8d73c3;
}
.modal.m-blue .modal-header,
.modal.m-blue .modal-header h2,
.modal.m-blue .modal-header h3 {
    color: #fff;
    background: #36a1d8;
}
.modal.m-blue .modal-header h2 span,
.modal.m-blue .modal-header h3 span {
    color: #fff;
}
.modal.m-blue-rule .modal-header {
    border-top: 6px solid #36a1d8;
}
.modal.m-teal .modal-header,
.modal.m-teal .modal-header h2,
.modal.m-teal .modal-header h3 {
    color: #fff;
    background: #1fb5ad;
}
.modal.m-teal .modal-header h2 span,
.modal.m-teal .modal-header h3 span {
    color: #fff;
}
.modal.m-teal-rule .modal-header {
    border-top: 6px solid #1fb5ad;
}
.modal.m-green .modal-header,
.modal.m-green .modal-header h2,
.modal.m-green .modal-header h3 {
    color: #fff;
    background: #5cbe5a;
}
.modal.m-green .modal-header h2 span,
.modal.m-green .modal-header h3 span {
    color: #fff;
}
.modal.m-green-rule .modal-header {
    border-top: 6px solid #5cbe5a;
}
.modal.m-red .modal-header,
.modal.m-red .modal-header h2,
.modal.m-red .modal-header h3 {
    color: #fff;
    background: #dc3929;
}
.modal.m-red .modal-header h2 span,
.modal.m-red .modal-header h3 span {
    color: #fff;
}
.modal.m-red-rule .modal-header {
    border-top: 6px solid #dc3929;
}
@media print,screen and (min-width:40em) {
    .modal.two-column-box {
        width: 801px;
    }
    .modal.two-column-box .box-body {
        min-height: 300px;
        padding: 12px 30px 30px;
    }
    .modal.two-column-box .box-body.box-body--collapsed {
        padding: 12px 0 30px;
    }
    .modal.two-column-box .box-body .column-left {
        float: left;
        position: relative;
        display: inline-block;
        width: 350px;
        padding: 0 30px 0 0;
    }
    .modal.two-column-box .box-body .column-right {
        float: left;
        position: relative;
        display: inline-block;
        width: 350px;
        padding: 0 0 0 30px;
    }
    .modal.two-column-box .box-body .column-left .social-buttons-small,
    .modal.two-column-box .box-body .column-right .social-buttons-small {
        margin: 36px 0 0;
    }
    .modal.two-column-box .box-body .column-left .social-buttons-small .facebook-small,
    .modal.two-column-box .box-body .column-left .social-buttons-small .google-small,
    .modal.two-column-box .box-body .column-right .social-buttons-small .facebook-small,
    .modal.two-column-box .box-body .column-right .social-buttons-small .google-small {
        margin: 0 0 20px;
    }
    .modal.two-column-box .box-body .avatar-panel {
        float: left;
        position: relative;
        display: inline-block;
        width: 380px;
        padding: 0 10px 0 0;
    }
}
.modal.share-box {
    width: 760px;
}
.modal.share-box .box-body {
    min-height: 300px;
    padding: 12px 30px 30px;
}
.modal.share-box .box-body .column-left {
    float: left;
    position: relative;
    display: inline-block;
    width: 330px;
    padding: 0 30px 0 0;
}
.modal.share-box .box-body .column-left .social-buttons-small {
    margin: 36px 0 0;
}
.modal.share-box .box-body .column-left .social-buttons-small .facebook-small,
.modal.share-box .box-body .column-left .social-buttons-small .google-small {
    margin: 0 0 20px;
}
.modal.share-box .box-body .column-right {
    float: left;
    position: relative;
    display: inline-block;
    width: 330px;
    padding: 0 0 0 20px;
}
.modal.share-box .box-body .column-right .project-screen-shot {
    width: 100%;
    margin: 20px 0 0;
}
.modal.share-box .box-body .column-right .project-screen-shot img {
    width: 100%;
}
.modal.share-box .box-body .column-right .project-screen-shot.asset img {
    image-rendering: pixelated;
}
@media print,screen and (min-width:40em) {
    .modal.sign-in-box .box-body {
        min-height: 300px;
        padding: 12px 30px 30px;
    }
    .modal.sign-in-box .box-body .form-left {
        float: left;
        position: relative;
        display: inline-block;
        width: 350px;
        padding: 0 30px 0 0;
    }
    .modal.sign-in-box .box-body .buttons-right {
        float: left;
        position: relative;
        display: inline-block;
        width: 290px;
        padding: 0 0 0 10px;
    }
    .modal.sign-in-box .box-body .buttons-right .social-buttons-small {
        margin: 36px 0 0;
    }
    .modal.sign-in-box .box-body .buttons-right .social-buttons-small .facebook-small,
    .modal.sign-in-box .box-body .buttons-right .social-buttons-small .google-small {
        margin: 0 0 20px;
    }
    .modal.sign-in-box .box-body .form-right {
        float: left;
        position: relative;
        display: inline-block;
        width: 350px;
        padding: 0 0 0 30px;
    }
    .modal.sign-in-box .box-body .buttons-left {
        float: left;
        position: relative;
        display: inline-block;
        width: 290px;
        padding: 0 10px 0 0;
    }
    .modal.sign-in-box .box-body .buttons-left .social-buttons-small {
        margin: 36px 0 0;
    }
    .modal.sign-in-box .box-body .buttons-left .social-buttons-small .facebook-small,
    .modal.sign-in-box .box-body .buttons-left .social-buttons-small .google-small {
        margin: 0 0 20px;
    }
}
.modal.join-profile-select .box-header {
    padding: 0 20px;
}
.modal.join-profile-select .box-body {
    padding: 20px;
}
.modal.join-profile-select .profile-class-code {
    width: 400px;
    text-align: center;
    margin: 0 auto;
}
.modal.join-profile-select .profile-class-code h4 {
    margin: 0 0 4px;
}
.modal.join-profile-select .profile-class-code p {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}
.modal.join-profile-select .profile-class-code .field-big {
    margin: 10px 0 0;
}
.modal.join-profile-select .profile-class-code .field-big input[type=text] {
    display: inline-block;
    width: 220px;
    line-height: 18px;
    padding: 6px 8px;
}
.modal.join-profile-select .profile-class-code a.btn-default {
    line-height: 18px;
    margin-left: 4px;
}
.modal.join-profile-select .profile-class-code a.btn-default .disable {
    color: #cbcccc;
    border: 1px solid #e1e2e3;
    background-image: linear-gradient(#e1e2e3,#e1e2e3);
}
@media print,screen and (min-width:40em) {
    .modal.join-profile-select {
        width: 736px;
    }
}
.modal.join-box {
    position: relative;
    width: 380px;
}
.modal.join-box .box-body {
    min-height: 300px;
    padding: 12px 30px 30px;
}
.modal.join-box .box-body .join-box__benefits {
    padding: 20px 20px 0;
}
.modal.join-box .box-body .join-box__benefits h4 {
    color: #ccc;
}
.modal.join-box .box-body .join-box__benefits ul li {
    font-size: 12px;
    line-height: 20px;
}
@media print,screen and (min-width:40em) {
    .modal.join-box .box-body .join-box__benefits ul li {
        font-size: 14px;
        line-height: 24px;
    }
}
.modal.join-box .box-body .notice-info {
    text-align: center;
}
.modal.join-box .box-body .notice-info h5 {
    color: #5cbe5a;
    font-weight: 600;
    margin: 4px 0 12px;
}
.modal.join-box .box-body .notice-info p {
    line-height: 22px;
    padding: 0 0 4px;
}
.modal.join-box .box-body .notice-info .cards {
    margin: 0 0 18px;
}
.modal.verify-email {
    position: relative;
    width: 550px;
}
.modal.verify-email .box-body {
    padding: 20px 30px 30px;
}
.modal.verify-email .box-body h4 {
    margin: 0 0 10px;
}
.modal.activity-preview,
.modal.course-preview {
    width: 800px;
}
.modal.activity-preview .box-body,
.modal.course-preview .box-body {
    min-height: 420px;
}
.modal.activity-preview .box-body.expanded,
.modal.course-preview .box-body.expanded {
    min-height: 520px;
}
.modal.activity-preview .box-body .box-message,
.modal.course-preview .box-body .box-message {
    margin-top: 20px;
}
.modal.activity-preview .course-preview-box,
.modal.course-preview .course-preview-box {
    display: block;
    padding: 18px 0;
}
.modal.activity-preview .course-preview-box .course-preview-image,
.modal.activity-preview .course-preview-box .thumbnail-gallery-wrap,
.modal.course-preview .course-preview-box .course-preview-image,
.modal.course-preview .course-preview-box .thumbnail-gallery-wrap {
    float: left;
    width: 402px;
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 0;
    padding: 20px;
}
.modal.activity-preview .course-preview-box .course-preview-image .image-window,
.modal.activity-preview .course-preview-box .thumbnail-gallery-wrap .image-window,
.modal.course-preview .course-preview-box .course-preview-image .image-window,
.modal.course-preview .course-preview-box .thumbnail-gallery-wrap .image-window {
    position: relative;
    display: block;
    width: 360px;
    height: 240px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.6);
    padding: 0;
    margin: 0;
}
.modal.activity-preview .course-preview-box .course-preview-image .image-window img,
.modal.activity-preview .course-preview-box .thumbnail-gallery-wrap .image-window img,
.modal.course-preview .course-preview-box .course-preview-image .image-window img,
.modal.course-preview .course-preview-box .thumbnail-gallery-wrap .image-window img {
    width: 100%;
    padding: 0;
    margin: 0;
}
.modal.activity-preview .course-preview-box .course-preview-text,
.modal.course-preview .course-preview-box .course-preview-text {
    float: left;
    position: relative;
    width: 350px;
    padding: 0 0 0 20px;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-title,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-title {
    font-size: 26px;
    line-height: 30px;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-sub-title,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-sub-title {
    color: #8c9296;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 12px;
}
.modal.activity-preview .course-preview-box .course-preview-text p,
.modal.course-preview .course-preview-box .course-preview-text p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 12px;
}
.modal.activity-preview .course-preview-box .course-preview-text p.concept,
.modal.course-preview .course-preview-box .course-preview-text p.concept {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 12px;
}
.modal.activity-preview .course-preview-box .course-preview-text ul,
.modal.course-preview .course-preview-box .course-preview-text ul {
    list-style: square outside;
    margin: 0 0 14px;
}
.modal.activity-preview .course-preview-box .course-preview-text ul li,
.modal.course-preview .course-preview-box .course-preview-text ul li {
    font-size: 16px;
    line-height: 24px;
}
.modal.activity-preview .course-preview-box .course-preview-text ul.kid-subgoals,
.modal.course-preview .course-preview-box .course-preview-text ul.kid-subgoals {
    list-style: circle outside;
    margin: 20px 0 20px 28px;
}
.modal.activity-preview .course-preview-box .course-preview-text ul.kid-subgoals li,
.modal.course-preview .course-preview-box .course-preview-text ul.kid-subgoals li {
    font-size: 20px;
    line-height: 28px;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-badges,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-badges {
    display: block;
    width: 100%;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-badges h6,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-badges h6 {
    color: #8c9296;
    font-size: 15px;
    line-height: 19px;
    margin: 0 0 6px;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-badges img,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-badges img {
    float: left;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-character-unlocks,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-character-unlocks {
    display: block;
    width: 100%;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-character-unlocks h6,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-character-unlocks h6 {
    color: #8c9296;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 0 12px;
}
.modal.activity-preview .course-preview-box .course-preview-text .course-preview-character-unlocks img,
.modal.course-preview .course-preview-box .course-preview-text .course-preview-character-unlocks img {
    float: left;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.modal.activity-preview .course-preview-box .thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content .thumbnail-gallery-count,
.modal.course-preview .course-preview-box .thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content .thumbnail-gallery-count {
    display: none;
}
.modal.activity-preview .course-preview-box .thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content p,
.modal.course-preview .course-preview-box .thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content p {
    font-size: 22px;
}
.modal.activity-preview .course-preview-cta,
.modal.course-preview .course-preview-cta {
    padding: 30px;
    border: 2px solid #e2e2e2;
    border-radius: 16px;
    text-align: center;
}
.modal.activity-preview .course-preview-cta h4,
.modal.course-preview .course-preview-cta h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: uppercase;
}
.modal.new-child {
    width: 800px;
}
.modal.new-child .new-child-wrap {
    padding: 14px 10px;
}
.modal.new-child .new-child-wrap .new-child-data {
    float: left;
    position: relative;
    display: inline;
    width: 360px;
    height: 125px;
    margin: 0;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-avatar {
    float: left;
    display: inline-block;
    width: 100px;
    height: 120px;
    overflow: hidden;
    margin: 0 15px 20px 0;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-avatar img {
    width: 100%;
    height: auto;
    border: none;
    margin: 0;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-name {
    position: relative;
    display: inline-block;
    height: 80px;
    padding-top: 6px;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-name h4 {
    width: 235px;
    overflow: hidden;
    color: #3b3832;
    font-size: 14pt;
    line-height: 24px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 0 0;
    margin: 0 0 2px;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-name h6 {
    font-weight: 300;
    margin: 10px 0 0;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-name h6 b {
    font-weight: 600;
}
.modal.new-child .new-child-wrap .new-child-data .new-child-name p {
    width: 235px;
    color: #3b3832;
    font-size: 11pt;
    line-height: 20px;
    font-weight: 300;
    padding: 0 0 6px;
    margin: 0;
}
.modal.new-child .new-child-wrap .new-child-activity {
    float: left;
    display: inline;
    width: 360px;
    border-left: 1px solid #dae1e1;
    padding: 0 0 0 20px;
    margin-left: 20px;
}
.modal.new-child .new-child-wrap .new-child-activity .course-gallery {
    float: left;
    display: inline-block;
    margin: 0;
}
.modal.new-child .new-child-wrap .new-child-activity .course-gallery .course-card-micro {
    margin: 0 14px 6px 0;
}
.modal.new-child .new-child-wrap .new-child-activity h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 4px;
}
.modal.lesson-plan-selector {
    width: 810px;
}
.modal.lesson-plan-selector .lesson-plan-gallery {
    position: relative;
    display: block;
    width: 100%;
    height: 390px;
    border-bottom: 1px solid #dae1e1;
    padding-left: 12px;
    overflow-y: scroll;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile {
    float: left;
    width: 222px;
    height: 226px;
    border: 1px solid #dae1e1;
    margin: 0 16px 10px 0;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile:hover {
    transform: scale(1.02);
    box-shadow: 1px 2px 3px rgba(0,0,0,.09);
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-image {
    width: 220px;
    height: 126px;
    overflow: hidden;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-image img {
    width: 220px;
    height: 146px;
    padding: 0;
    margin: 0;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-text {
    width: 220px;
    padding: 4px 10px 0;
    margin: 0 0 6px;
    overflow: hidden;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-text h6 {
    height: 20px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 1px;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-text p {
    height: 34px;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-actions {
    text-align: center;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-actions .button-left {
    float: left;
    width: 50%;
    padding-left: 5px;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-actions .button-right {
    float: right;
    width: 50%;
    padding-right: 5px;
}
.modal.lesson-plan-selector .lesson-plan-gallery .lesson-plan-tile .plan-actions .btn-default {
    width: 98px;
    padding: 4px 0;
}
.modal.lesson-plan-selector .saved-lessons {
    padding-left: 16px;
    margin: 10px 0 0;
}
.modal.avatar-select {
    width: 90%;
    height: 90%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    z-index: 30001;
}
.modal.avatar-select ul {
    list-style-type: none;
}
.modal.avatar-select .winspine-footer,
.modal.avatar-select .winspine-header {
    left: 0;
    right: 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
    z-index: 2;
}
.modal.avatar-select .winspine-header h2 {
    margin: 0;
    padding: 0;
}
.modal.avatar-select .winspine-header .saveBtn {
    position: absolute;
    top: 5px;
    right: 40px;
}
.modal.avatar-select .winspine-footer {
    height: 50px;
}
.modal.avatar-select .winspine-footer .btn-round {
    float: right;
}
.modal.avatar-select .winspine-content {
    position: relative;
    padding: 0 20px;
    z-index: 0;
}
.modal.avatar-select div.presetchooser.chartypes .character-class {
    display: block;
}
.modal.avatar-select div.presetchooser.chartypes .presets {
    left: 195px;
}
.modal.avatar-select div.presetchooser .character-class {
    display: none;
    position: absolute;
    left: 0;
    width: 195px;
    top: 0;
    bottom: 0;
    background-color: #dbdbdb;
    overflow-y: auto;
    overflow-x: hidden;
}
.modal.avatar-select div.presetchooser .character-class .tab {
    position: relative;
    display: block;
    width: 195px;
    height: 80px;
    text-align: left;
    padding-left: 80px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #596267;
    background-image: linear-gradient(#e7e7e7,#dbdbdb);
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #fff;
    padding-top: 32px;
    cursor: pointer;
}
.modal.avatar-select div.presetchooser .character-class .tab.selected {
    background-image: linear-gradient(#f4f4f4,#f4f4f4);
    background-image: url("../image/backgrounds/cork.png");
    background-color: #f4f4f4;
    border: none;
}
.modal.avatar-select div.presetchooser .character-class .tab:before {
    content: "";
    background-size: contain;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 0;
}
.modal.avatar-select div.presetchooser .character-class .tab span {
    z-index: 2;
    position: relative;
}
.modal.avatar-select div.presetchooser .character-class .tab:hover {
    background-color: rgba(0,0,0,.1);
}
.modal.avatar-select div.presetchooser .character-class .tab[data-group=People]:before {
    background-image: url("/ide/imgs/medialib/female-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-group=Teens]:before {
    background-image: url("/ide/imgs/medialib/teen-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Female]:before {
    background-image: url("/ide/imgs/medialib/female-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Male]:before {
    background-image: url("/ide/imgs/medialib/male-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Quadruped]:before {
    background-image: url("/ide/imgs/medialib/quadruped-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Troll]:before {
    background-image: url("/ide/imgs/medialib/troll-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Tiny]:before {
    background-image: url("/ide/imgs/medialib/tiny-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Small]:before {
    background-image: url("/ide/imgs/medialib/small-btn.png");
}
.modal.avatar-select div.presetchooser .character-class .tab[data-type=Rover]:before {
    background-image: url("/ide/imgs/medialib/rover-btn.png");
}
.modal.avatar-select div.presetchooser .presets {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    text-align: center;
    box-shadow: inset 1px -2px 4px rgba(0,0,0,.1);
    background-color: #dbdbdb;
}
.modal.avatar-select div.presetchooser .presets li {
    display: inline-block;
    margin: 10px;
    padding: 10px;
    border: 2px solid transparent;
    cursor: pointer;
}
.modal.avatar-select div.presetchooser .presets li img {
    max-width: 160px;
    max-height: 275px;
    margin: 0 auto;
    vertical-align: bottom;
}
.modal.avatar-select div.presetchooser .presets li span {
    display: block;
    color: #222;
    font-size: 14px;
}
.modal.avatar-select div.presetchooser .presets li:hover {
    border: 2px solid #ccc;
    border-radius: 10px;
}
.modal.avatar-select div.presetchooser a:hover {
    text-decoration: none;
}
.modal.avatar-select .presetsBtn {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 14px;
    color: #222;
}
.modal.avatar-select .presetsBtn:before {
    content: "\E09C";
    font-family: IcoMoon;
}
.modal.avatar-select .presetsBtn:hover {
    text-decoration: none;
    color: #3ca7de;
}
.modal.avatar-select div.partschooser {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    background-image: url("/ide/avatar/character-studio-bg.jpg");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 0;
    overflow: hidden;
}
.modal.avatar-select div.partschooser .groups {
    position: relative;
    padding-top: 1px;
    vertical-align: top;
    display: inline-block;
    width: 110px;
    z-index: 2;
}
.modal.avatar-select div.partschooser .groups a {
    display: block;
    margin-top: -1px;
    text-align: center;
    font-size: 14px;
}
.modal.avatar-select div.partschooser .groups li.category {
    position: relative;
}
.modal.avatar-select div.partschooser .groups li.category img {
    width: 100px;
}
.modal.avatar-select div.partschooser .groups li.category.selected ul.subcat {
    display: block;
}
.modal.avatar-select div.partschooser .groups li.category.selected:after {
    content: "\E0D7";
    font-family: IcoMoon;
    position: absolute;
    right: -36px;
    top: 20px;
    font-size: 40px;
    color: #e4e4e4;
}
.modal.avatar-select div.partschooser .groups li.category ul.subcat {
    display: none;
    padding: 5px 5px 0;
    background-color: rgba(0,0,0,.4);
    margin-bottom: 10px;
    border-radius: 8px;
}
.modal.avatar-select div.partschooser .groups li.category ul.subcat:empty {
    padding: 0;
    margin-bottom: 0;
}
.modal.avatar-select div.partschooser .groups li.category ul.subcat li {
    display: inline-block;
}
.modal.avatar-select div.partschooser .groups li.category ul.subcat li img {
    width: 50px;
}
.modal.avatar-select div.partschooser .groups li > a > .on {
    display: none;
}
.modal.avatar-select div.partschooser .groups li > a > .off {
    display: inline-block;
}
.modal.avatar-select div.partschooser .groups li > a > .subcat-active {
    display: none;
}
.modal.avatar-select div.partschooser .groups li.selected > a > .on {
    display: inline-block;
}
.modal.avatar-select div.partschooser .groups li.active > a > .off,
.modal.avatar-select div.partschooser .groups li.active > a > .on,
.modal.avatar-select div.partschooser .groups li.selected > a > .off,
.modal.avatar-select div.partschooser .groups li.selected > a > .subcat-active {
    display: none;
}
.modal.avatar-select div.partschooser .groups li.active > a > .subcat-active {
    display: inline-block;
}
.modal.avatar-select div.partschooser .groups .subcat-active {
    display: none;
}
.modal.avatar-select div.partschooser .parts {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 260px;
    margin-left: 20px;
    background-color: #e4e4e4;
    border: 1px solid #ccc;
    z-index: 0;
    border-radius: 8px;
    box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.6);
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
}
.modal.avatar-select div.partschooser .parts li {
    display: inline-block;
    width: 110px;
    height: 110px;
    border: 2px solid transparent;
    cursor: pointer;
    vertical-align: bottom;
    border-radius: 8px;
}
.modal.avatar-select div.partschooser .parts li:hover {
    border: 2px solid #fff;
}
.modal.avatar-select div.partschooser .parts li.selected {
    background-color: #fff;
}
.modal.avatar-select div.partschooser .parts li.locked {
    cursor: default;
    white-space: nowrap;
}
.modal.avatar-select div.partschooser .parts li.locked img {
    opacity: 0.5;
}
.modal.avatar-select div.partschooser .parts li.locked img:hover {
    opacity: 1;
}
.modal.avatar-select div.partschooser .parts li.locked:after {
    content: "\E04B";
    font-family: icomoon;
    font-color: #888;
    font-size: 14px;
}
.modal.avatar-select div.partschooser .parts li img {
    max-width: 110px;
    max-height: 110px;
}
.modal.avatar-select div.partschooser div.chooser {
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    background-color: rgba(0,0,0,.5);
}
.modal.avatar-select div.partschooser canvas {
    display: inline-block;
    vertical-align: top;
}
.modal.avatar-select div.partschooser .animations {
    background-color: rgba(0,0,0,.6);
    padding: 10px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 150px;
    overflow-y: auto;
}
.modal.avatar-select div.partschooser .animations a {
    display: block;
    width: 100%;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    margin: 5px 0;
    border-top: #fff;
    border-bottom: #444;
    border-radius: 4px;
    background-image: linear-gradient(#f8f8f8,#ccc);
    color: #666;
}
.modal.avatar-select div.partschooser .animations a:hover {
    background-image: linear-gradient(#3ca7de,#269dda);
    text-decoration: none;
    color: #fff;
}
.modal.avatar-select .parts li:hover,
.modal.avatar-select .presets li:hover {
    border: 2px solid #fff!important;
    background-color: rgba(0,0,0,.2);
}
.modal.avatar-select .parts li.locked,
.modal.avatar-select .presets li.locked {
    cursor: default;
    position: relative;
}
.modal.avatar-select .parts li.locked img,
.modal.avatar-select .presets li.locked img {
    opacity: 0.5;
}
.modal.avatar-select .parts li.locked:after,
.modal.avatar-select .presets li.locked:after {
    content: "\E04B";
    font-color: #777;
    font-size: 10px;
    position: absolute;
    content: "\E0DA";
    font-family: icomoon;
    font-size: 14px;
    font-size: 34px;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -12px;
    color: hsla(0,0%,100%,.8);
}
.modal.avatar-select .parts li.locked .locked-message,
.modal.avatar-select .presets li.locked .locked-message {
    position: absolute;
    display: none;
    bottom: 10px;
    padding: 5px;
    font-size: 16px;
    font-family: Arial;
    left: 0;
    margin-left: 0;
    color: #fff;
    width: 100%;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
    z-index: 2;
}
.modal.avatar-select .parts li.locked:hover .locked-message,
.modal.avatar-select .presets li.locked:hover .locked-message {
    display: block;
}
.modal.account-picker-modal {
    width: 340px;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
}
.modal.account-picker-modal .account-picker-modal-header {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40px;
    background: #5cbe5a;
    border-radius: 9px 9px 0 0;
    padding: 12px 30px;
}
.modal.account-picker-modal .account-picker-modal-header h3 {
    max-width: 400px;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    margin: 2px 0;
}
.modal.account-picker-modal .account-picker-modal-body {
    position: relative;
    display: block;
    width: 100%;
    padding: 6px 30px 10px;
    margin: 0;
}
.modal.account-picker-modal .account-picker-modal-body h5 {
    color: #4f5559;
    margin: 14px 0 0;
}
.modal.account-picker-modal .account-picker-modal-body .modal-buttons-center {
    text-align: center;
}
.modal.account-picker-modal .account-picker-modal-body .modal-buttons-center .btn-default,
.modal.account-picker-modal .account-picker-modal-body .modal-buttons-center .btn-round {
    display: block;
    width: 220px;
    margin: 0 auto 8px;
}
.modal.account-picker-modal .account-picker-modal-footer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40px;
    text-align: center;
    background: #f2f5f5;
    border-radius: 0 0 9px 9px;
    padding: 10px 30px;
}
.modal.account-picker-modal .account-picker-modal-footer p {
    font-size: 16px;
    padding: 0;
    margin: 0;
}
.modal.account-picker-modal .account-picker-modal-footer.footer-promo p {
    font-size: 20px;
    padding: 4px 0 0;
}
.modal.account-picker-modal .account-picker-modal-footer.footer-promo a.btn-round {
    color: #fff;
    font-size: 18px;
    padding: 8px 34px;
    margin-left: 8px;
}
#sharing.modal.account-creation-modal h3 {
    max-width: 700px;
}
.modal.account-creation-modal {
    width: 800px;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
}
.modal.account-creation-modal .account-creation-modal-header {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40px;
    background: #5cbe5a;
    border-radius: 9px 9px 0 0;
    padding: 16px 30px;
}
.modal.account-creation-modal .account-creation-modal-header h3 {
    max-width: 400px;
    color: #fff;
    font-size: 38px;
    line-height: 48px;
    font-weight: 600;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    padding: 0;
    margin: 2px 0 7px;
}
.modal.account-creation-modal .account-creation-modal-header h4 {
    max-width: 400px;
    color: #fff!important;
    font-size: 28px;
    line-height: 32px;
    font-weight: 300;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    margin: 0 0 4px;
}
.modal.account-creation-modal .account-creation-modal-header .account-creation-modal-header-image {
    position: absolute;
    top: -14px;
    right: 12px;
    z-index: 10;
}
.modal.account-creation-modal .account-creation-modal-body,
.modal.account-creation-modal .modal-tab-panel {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 30px 16px;
    margin: 0;
}
.modal.account-creation-modal .account-creation-modal-body .modal-column-left,
.modal.account-creation-modal .modal-tab-panel .modal-column-left {
    float: left;
    display: inline-block;
    width: 340px;
    padding-right: 40px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-column-right,
.modal.account-creation-modal .modal-tab-panel .modal-column-right {
    float: left;
    display: inline-block;
    width: 340px;
    padding-left: 40px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-divider-vertical,
.modal.account-creation-modal .modal-tab-panel .modal-divider-vertical {
    float: left;
    position: relative;
    display: inline-block;
    width: 1px;
    min-height: 300px;
    background: #dae1e1;
    margin: 0 18px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-divider-vertical span,
.modal.account-creation-modal .modal-tab-panel .modal-divider-vertical span {
    position: absolute;
    top: 100px;
    left: 0;
    width: 30px;
    color: #8c9295;
    font-size: 14pt;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 6px 0;
    margin-left: -15px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left {
    float: left;
    display: inline-block;
    width: 380px;
    padding-right: 5px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left h5,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left h5 {
    color: #4f5559;
    margin: 18px 0 0;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-current-avatar-picked,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-current-avatar-picked {
    position: relative;
    display: block;
    width: 140px;
    height: 140px;
    background: #fff;
    border: 4px solid #eaeaea;
    border-radius: 80px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2);
    overflow: hidden;
    margin: 20px auto 18px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-current-avatar-picked img,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-current-avatar-picked img {
    width: 140px;
    height: 140px;
    padding: 0;
    margin: 0;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-avatar-choices,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-avatar-choices {
    position: relative;
    display: block;
    width: 330px;
    margin: 0 auto;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-avatar-choices a,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-avatar-choices a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 1px 1px 0;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-avatar-choices a:nth-child(5n+5),
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-avatar-choices a:nth-child(5n+5) {
    margin: 0 0 1px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-avatar-choices a.current,
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-avatar-choices a:hover,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-avatar-choices a.current,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-avatar-choices a:hover {
    border: 1px solid #5cbe5a;
}
.modal.account-creation-modal .account-creation-modal-body .modal-avatar-picker-left .modal-avatar-choices a img,
.modal.account-creation-modal .modal-tab-panel .modal-avatar-picker-left .modal-avatar-choices a img {
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
}
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right,
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right {
    float: left;
    display: inline-block;
    width: 340px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right .stack,
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right .stack {
    margin: 14px 0 0;
}
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right label,
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right label {
    color: #4f5559;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin: 18px 0 10px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right label.checkbox,
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right label.checkbox {
    font-size: 12px;
    line-height: 20px;
}
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=date],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=email],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=password],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=search],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=tel],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=text],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=time],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right input[type=url],
.modal.account-creation-modal .account-creation-modal-body .modal-form-fields-right textarea,
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=date],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=email],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=password],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=search],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=tel],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=text],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=time],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right input[type=url],
.modal.account-creation-modal .modal-tab-panel .modal-form-fields-right textarea {
    border-radius: 4px;
}
.modal.account-creation-modal .account-creation-modal-body h4,
.modal.account-creation-modal .modal-tab-panel h4 {
    color: #4f5559;
    font-size: 22px;
    line-height: 28px;
    margin: 6px 0 14px;
}
.modal.account-creation-modal .account-creation-modal-body p,
.modal.account-creation-modal .modal-tab-panel p {
    color: #4f5559;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 12px;
}
.modal.account-creation-modal .account-creation-modal-body .btn-round,
.modal.account-creation-modal .modal-tab-panel .btn-round {
    margin-top: 0;
}
.modal.account-creation-modal .account-creation-modal-body-tabs {
    display: block;
}
.modal.account-creation-modal .account-creation-modal-body-tabs ul.modal-tab-items {
    list-style: none;
    display: block;
    background: #d9d9d9;
    padding: 0 20px;
}
.modal.account-creation-modal .account-creation-modal-body-tabs ul.modal-tab-items li {
    float: left;
    display: inline-block;
}
.modal.account-creation-modal .account-creation-modal-body-tabs ul.modal-tab-items li a {
    display: block;
    color: #596267;
    font-size: 16px;
    line-height: 36px;
    font-weight: 300;
    padding: 0 24px;
}
.modal.account-creation-modal .account-creation-modal-body-tabs ul.modal-tab-items li a.active {
    font-weight: 500;
    background: #fff;
}
.modal.account-creation-modal .account-creation-modal-body-tabs ul.modal-tab-items li a.active:hover {
    background: #fff;
}
.modal.account-creation-modal .account-creation-modal-body-tabs ul.modal-tab-items li a:hover {
    background: #f0f0f0;
}
.modal.account-creation-modal .account-creation-modal-body-tabs .modal-tab-panel {
    display: block;
    width: 100%;
    padding: 10px 30px 16px;
}
.modal.account-creation-modal .account-creation-modal-footer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 60px;
    text-align: center;
    background: #f2f5f5;
    border-radius: 0 0 9px 9px;
    padding: 8px 30px;
}
.modal.account-creation-modal .account-creation-modal-footer p {
    color: #596267;
    display: inline-block;
    font-size: 16px;
    padding: 12px 0 0;
    margin: 0;
}
.modal.account-creation-modal .account-creation-modal-footer a {
    color: #0691d9;
    margin: 0 4px;
}
.modal.account-creation-modal .account-creation-modal-footer a:hover {
    color: #5cbe5a;
    cursor: pointer;
}
.modal.account-creation-modal .account-creation-modal-footer .account-creation-modal-footer-buttons {
    float: right;
}
.modal.account-creation-modal .account-creation-modal-footer .account-creation-modal-footer-buttons .btn-default {
    color: #fff;
    width: 160px;
}
.modal.account-creation-modal .account-creation-modal-footer.footer-promo p {
    font-size: 20px;
    padding: 4px 0 0;
}
.modal.account-creation-modal .account-creation-modal-footer.footer-promo a.btn-round {
    color: #fff;
    font-size: 18px;
    padding: 8px 34px;
    margin-left: 8px;
}
.modal.video-box .video-body {
    width: 900px;
    vertical-align: top;
    margin: 0 15px;
}
.modal-confirm {
    outline: none;
    border: 0;
    border-radius: 5px;
    padding: 25px 30px;
}
@media print,screen and (min-width:40em) {
    .modal-confirm {
        min-width: 500px;
    }
}
.modal-confirm .title {
    font-size: 23px;
    padding-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.modal-confirm .close-reveal-modal {
    padding: 5px;
    margin: 0;
    width: 50px;
    text-align: center;
    right: 0;
    color: rgba(0,0,0,.6);
    cursor: pointer;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 0;
}
.modal-confirm .button {
    border: 2px solid #766889;
    min-width: 120px;
    font-size: 13px;
    padding: 13px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.modal-confirm .button.button-confirm {
    background-color: #766889;
    margin-left: 15px;
}
.modal-confirm .button:hover {
    border-color: #766889;
    cursor: pointer;
}
.modal-confirm.reveal.reveal-confirm .message {
    margin: 25px 0 30px;
    font-weight: 500;
}
.modal-confirm.reveal.reveal-confirm .actions {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .modal-confirm.reveal.reveal-confirm .actions {
        text-align: right;
    }
}
.modal-confirm.reveal.reveal-confirm .actions .button-confirm {
    margin-left: 0;
}
@media print,screen and (min-width:40em) {
    .modal-confirm.reveal.reveal-confirm .actions .button-confirm {
        margin-left: 15px;
    }
}
@media screen and (max-width:39.9375em) {
    .modal-confirm {
        margin: 0!important !important;
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
        border-radius: 0!important;
        background-color: hsla(0,0%,100%,.9)!important;
    }
    .modal-confirm .actions {
        text-align: right!important;
    }
}
.modal-prompt.reveal.reveal-confirm {
    border: 0;
}
.modal-prompt.reveal.reveal-confirm h1 {
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 23px;
    color: #25293a;
    text-shadow: none;
}
.modal-prompt.reveal.reveal-confirm .message a {
    font-size: inherit;
}
.modal-prompt.reveal.reveal-confirm .button-cancel,
.modal-prompt.reveal.reveal-confirm .button-confirm {
    min-width: 80px;
}
.modal-unlock-join.reveal {
    background-image: url("../image/modal-unlock-join/drone.png),url(../image/modal-unlock-join/characters.png),url(../image/modal-unlock-join/background.jpg");
    background-position: 105% -25%,50% 100%,50% 50%;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 40%,80%,cover;
    border: 0;
    border-radius: 5px;
    overflow: visible;
}
.modal-unlock-join.reveal p,
.modal-unlock-join.reveal ul {
    font-weight: 500;
}
.modal-unlock-join.reveal ul li {
    font-size: 16px;
}
.modal-unlock-join.reveal h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.modal-unlock-join.reveal h3 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.modal-unlock-join.reveal .card {
    padding: 1rem;
}
.modal-unlock-join.reveal .close-reveal-modal {
    color: #fff!important;
    font-size: 40px!important;
    position: absolute;
    right: 10px;
    top: 5px;
}
.modal-unlock-join.reveal .close-reveal-modal:hover {
    text-shadow: 2px 2px 5px #000;
}
.modal-unlock-join.reveal .modal-unlock-join-content {
    padding: 1rem 5rem 20rem;
}
.modal-unlock-join.reveal .modal-unlock-join-content p {
    color: #fff;
    font-weight: 700;
}
.modal-video {
    border-radius: 5px;
    border: 0;
    padding: 0;
    overflow: visible;
}
.modal-video > iframe {
    display: block;
}
.modal-video .close-button {
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,.6);
    color: #ddd;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 24px;
}
.modal-video .close-button:hover {
    color: #fff;
    background-color: #000;
}
@media screen and (max-width:39.9375em) {
    .modal-video {
        border-radius: 0;
        top: 0!important;
    }
}
.new-badge-container {
    position: relative;
}
.new-badge-container .new-badge {
    animation: pulsate 1.25s ease-in-out;
    animation-iteration-count: infinite;
    position: absolute;
    top: -10px;
    right: -10px;
    background: transparent url("../image/course/cards/img-home-new.png") no-repeat 50%;
    width: 30px;
    height: 30px;
    background-size: contain;
}
.modal-join--disabled.reveal {
    border: none;
}
.modal-join--disabled.reveal .reveal__header.modal-join-header {
    background-color: #f4f9fa;
    padding: 20px 20px 0;
    text-align: center;
}
.modal-join--disabled.reveal .reveal__header.modal-join-header h1 {
    font-size: 26px;
    color: #222;
}
.modal-join--disabled.reveal .reveal__header.modal-join-header .reveal__close {
    color: #222;
}
.modal-join--disabled.reveal .modal-join-body {
    background-color: #f4f9fa;
}
.modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box {
    text-align: center;
    background: #fff;
    padding: 20px;
}
.modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box img {
    max-width: 150px;
}
.modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box .profile-selector-type {
    display: block;
    color: #00bcd4;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin: 4px 0 1px;
}
.modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box .profile-selector-info {
    font-size: 14px;
}
@media print,screen and (min-width:40em) {
    .modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box {
        margin: 10px 10px 10px 0;
    }
    .modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box img {
        max-width: 200px;
    }
    .modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box .profile-selector-type {
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        margin: 4px 0;
    }
    .modal-join--disabled.reveal .modal-join-body .profile-selector2 .profile-selector-box .profile-selector-info {
        max-width: 200px;
        margin: auto;
    }
}
.modal-join--disabled.reveal .modal-join-footer {
    padding: 1rem;
    background: #394d5a;
    display: block;
    text-align: center;
}
.modal-join--disabled.reveal .modal-join-footer p {
    color: #fff;
}
.modal-join--disabled.reveal .modal-join-footer .button {
    margin: 5px;
}
.modal-join,
.modal-sign-in {
    border: none;
    border-radius: 12px;
    height: auto!important;
    padding: 0;
    overflow: visible;
}
@media print,screen and (min-width:64em) {
    .modal-join,
    .modal-sign-in {
        width: 75%;
    }
}
@media screen and (min-width:90em) {
    .modal-join,
    .modal-sign-in {
        width: 60%;
    }
}
.modal-join.reveal .close-reveal-modal,
.modal-sign-in.reveal .close-reveal-modal {
    background-color: #444852;
    border-radius: 50%;
    box-sizing: content-box;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 0.9;
    padding: 0.125rem;
    width: 1em;
    height: 1em;
    top: 0;
    right: 0;
    text-align: center;
    transform: translate(-25%,25%);
}
.modal-join.reveal .close-reveal-modal:hover,
.modal-sign-in.reveal .close-reveal-modal:hover {
    color: #fff;
}
@media print,screen and (min-width:40em) {
    .modal-join.reveal .close-reveal-modal,
    .modal-sign-in.reveal .close-reveal-modal {
        transform: translate(50%,-50%);
    }
}
.modal-join .header,
.modal-sign-in .header {
    margin-top: 1.25rem;
}
@media print,screen and (min-width:40em) {
    .modal-join .header,
    .modal-sign-in .header {
        margin-top: 0;
    }
}
.modal-join .alert,
.modal-join .alert > input,
.modal-join .alert > label,
.modal-join .alert > label > input,
.modal-sign-in .alert,
.modal-sign-in .alert > input,
.modal-sign-in .alert > label,
.modal-sign-in .alert > label > input {
    color: #dd4b39;
}
.modal-join form label,
.modal-sign-in form label {
    margin-bottom: 15px;
    font-weight: 400;
    position: relative;
}
.modal-join form label input[type=email],
.modal-join form label input[type=number],
.modal-join form label input[type=password],
.modal-join form label input[type=text],
.modal-sign-in form label input[type=email],
.modal-sign-in form label input[type=number],
.modal-sign-in form label input[type=password],
.modal-sign-in form label input[type=text] {
    display: block;
    margin-bottom: 0;
    width: 100%;
    height: 50px;
    border: 1px solid #e4e4e4;
    line-height: 50px;
}
.modal-join form label .warning,
.modal-sign-in form label .warning {
    font-size: 13px;
    font-style: italic;
}
.modal-join form label .show-password,
.modal-sign-in form label .show-password {
    position: absolute;
    bottom: 17px;
    right: 7px;
}
.modal-join form label.show-password,
.modal-sign-in form label.show-password {
    color: gray;
}
.modal-join form .form__footer,
.modal-sign-in form .form__footer {
    font-size: 14px;
    margin-top: 1rem;
    display: flex;
}
.modal-join form .form__footer > div,
.modal-sign-in form .form__footer > div {
    flex-grow: 1;
}
.modal-join form .form__footer a.form__footer__signin,
.modal-sign-in form .form__footer a.form__footer__signin {
    font-weight: 600;
}
.modal-join form .terms .text,
.modal-join form .terms label,
.modal-sign-in form .terms .text,
.modal-sign-in form .terms label {
    transition: color 0.25s ease-in-out;
}
.modal-join form .terms label,
.modal-sign-in form .terms label {
    margin-bottom: 0;
}
.modal-join form .terms.terms-invalid .text,
.modal-join form .terms.terms-invalid label,
.modal-sign-in form .terms.terms-invalid .text,
.modal-sign-in form .terms.terms-invalid label {
    color: #f25954;
}
.modal-join form .forgot-password,
.modal-sign-in form .forgot-password {
    display: block;
    margin-bottom: 15px;
    font-size: 0.875rem;
}
.modal-join form .button-submit,
.modal-sign-in form .button-submit {
    width: 100%;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.8;
}
.modal-join .panel-left,
.modal-join .panel-right,
.modal-sign-in .panel-left,
.modal-sign-in .panel-right {
    min-height: 550px;
}
.modal-join .panel-benefits,
.modal-join .panel-left,
.modal-sign-in .panel-benefits,
.modal-sign-in .panel-left {
    position: relative;
    padding: 2.5rem;
}
.modal-join .panel-benefits .back,
.modal-join .panel-left .back,
.modal-sign-in .panel-benefits .back,
.modal-sign-in .panel-left .back {
    position: absolute;
    left: 25px;
    top: 25px;
    color: #b9c4e1;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.modal-join .panel-benefits a,
.modal-join .panel-left a,
.modal-sign-in .panel-benefits a,
.modal-sign-in .panel-left a {
    color: inherit;
    text-decoration: underline;
}
.modal-join .panel-benefits h2,
.modal-join .panel-left h2,
.modal-sign-in .panel-benefits h2,
.modal-sign-in .panel-left h2 {
    font-weight: 500;
}
.modal-join .panel-benefits ul li,
.modal-join .panel-left ul li,
.modal-sign-in .panel-benefits ul li,
.modal-sign-in .panel-left ul li {
    line-height: 2em;
}
.modal-join .panel-benefits .languages,
.modal-join .panel-left .languages,
.modal-sign-in .panel-benefits .languages,
.modal-sign-in .panel-left .languages {
    display: block;
}
.modal-join .panel-form,
.modal-join .panel-right,
.modal-sign-in .panel-form,
.modal-sign-in .panel-right {
    padding: 1.25rem 1.875rem;
    overflow: auto;
}
.modal-join .panel-form a,
.modal-join .panel-right a,
.modal-sign-in .panel-form a,
.modal-sign-in .panel-right a {
    font-size: inherit;
}
.modal-join .panel-form .signup-signin,
.modal-join .panel-right .signup-signin,
.modal-sign-in .panel-form .signup-signin,
.modal-sign-in .panel-right .signup-signin {
    margin-bottom: 0;
}
.modal-join .panel-form .signup-signin .signin,
.modal-join .panel-form .signup-signin .signup,
.modal-join .panel-right .signup-signin .signin,
.modal-join .panel-right .signup-signin .signup,
.modal-sign-in .panel-form .signup-signin .signin,
.modal-sign-in .panel-form .signup-signin .signup,
.modal-sign-in .panel-right .signup-signin .signin,
.modal-sign-in .panel-right .signup-signin .signup {
    display: inline-block;
    margin-right: 25px;
    font-size: 1rem;
    font-weight: 400;
}
.modal-join .panel-form .privacy,
.modal-join .panel-right .privacy,
.modal-sign-in .panel-form .privacy,
.modal-sign-in .panel-right .privacy {
    font-size: 0.875rem;
}
.modal-join .panel-form .terms .text,
.modal-join .panel-right .terms .text,
.modal-sign-in .panel-form .terms .text,
.modal-sign-in .panel-right .terms .text {
    color: gray;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0.625rem;
}
.modal-join .panel-form .terms .text a,
.modal-join .panel-right .terms .text a,
.modal-sign-in .panel-form .terms .text a,
.modal-sign-in .panel-right .terms .text a {
    color: gray;
    font-weight: 600;
    text-decoration: underline;
}
.modal-join .panel-form .terms label,
.modal-join .panel-right .terms label,
.modal-sign-in .panel-form .terms label,
.modal-sign-in .panel-right .terms label {
    display: block;
    padding: 5px;
    color: gray;
    font-size: 13px;
}
.modal-join .panel-form .terms label input,
.modal-join .panel-right .terms label input,
.modal-sign-in .panel-form .terms label input,
.modal-sign-in .panel-right .terms label input {
    margin-bottom: 0;
    vertical-align: middle;
}
.modal-join .panel-form .social-buttons-small.icon-only .label,
.modal-join .panel-right .social-buttons-small.icon-only .label,
.modal-sign-in .panel-form .social-buttons-small.icon-only .label,
.modal-sign-in .panel-right .social-buttons-small.icon-only .label {
    display: none;
}
.modal-join .panel-form .social-buttons-small.icon-only .button,
.modal-join .panel-right .social-buttons-small.icon-only .button,
.modal-sign-in .panel-form .social-buttons-small.icon-only .button,
.modal-sign-in .panel-right .social-buttons-small.icon-only .button {
    display: inline-block;
    width: auto;
    min-width: 0;
    margin-right: 10px;
    vertical-align: top;
    padding: 0.85em 0 0.85em 50px;
}
.modal-join .panel-form .social-buttons-small .button,
.modal-join .panel-right .social-buttons-small .button,
.modal-sign-in .panel-form .social-buttons-small .button,
.modal-sign-in .panel-right .social-buttons-small .button {
    position: relative;
    display: inline-block;
    border: none;
    padding: 0.85em 1em 0.85em 50px;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.8;
    vertical-align: top;
}
.modal-join .panel-form .social-buttons-small .button .icon,
.modal-join .panel-right .social-buttons-small .button .icon,
.modal-sign-in .panel-form .social-buttons-small .button .icon,
.modal-sign-in .panel-right .social-buttons-small .button .icon {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    margin: 0;
    padding-top: 0.85em;
    background-color: rgba(0,0,0,.1);
}
.modal-join .panel-form .social-buttons-small .button.button-google,
.modal-join .panel-right .social-buttons-small .button.button-google,
.modal-sign-in .panel-form .social-buttons-small .button.button-google,
.modal-sign-in .panel-right .social-buttons-small .button.button-google {
    padding: 2px 10px 0 0;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    min-width: auto;
    line-height: 1;
}
.modal-join .panel-form .social-buttons-small .button.button-google span,
.modal-join .panel-right .social-buttons-small .button.button-google span,
.modal-sign-in .panel-form .social-buttons-small .button.button-google span,
.modal-sign-in .panel-right .social-buttons-small .button.button-google span {
    display: inline-block;
    float: right;
    margin-top: 9px;
    padding-left: 10px;
    text-transform: none;
    font-size: 12px;
    color: #999;
}
.modal-join .panel-form .social-buttons-small .button.button-google:hover,
.modal-join .panel-right .social-buttons-small .button.button-google:hover,
.modal-sign-in .panel-form .social-buttons-small .button.button-google:hover,
.modal-sign-in .panel-right .social-buttons-small .button.button-google:hover {
    background-color: #f0f0f0;
}
.modal-join .panel-form .social-buttons-small .button.button-windows,
.modal-join .panel-right .social-buttons-small .button.button-windows,
.modal-sign-in .panel-form .social-buttons-small .button.button-windows,
.modal-sign-in .panel-right .social-buttons-small .button.button-windows {
    padding: 8px 14px;
    color: #fff;
    min-width: 0;
}
.modal-join .panel-form .social-buttons-small .button.button-windows .icon.icon-windows,
.modal-join .panel-right .social-buttons-small .button.button-windows .icon.icon-windows,
.modal-sign-in .panel-form .social-buttons-small .button.button-windows .icon.icon-windows,
.modal-sign-in .panel-right .social-buttons-small .button.button-windows .icon.icon-windows {
    float: left;
    position: relative;
    width: auto;
    padding-top: 0;
    background-color: transparent;
}
.modal-join .panel-form .social-buttons-small .button.button-windows span.label,
.modal-join .panel-right .social-buttons-small .button.button-windows span.label,
.modal-sign-in .panel-form .social-buttons-small .button.button-windows span.label,
.modal-sign-in .panel-right .social-buttons-small .button.button-windows span.label {
    padding-left: 14px;
    padding-top: 1px;
    text-transform: none;
    font-size: 12px;
}
.modal-join .panel-form .social-buttons-small .button.button-qrcode,
.modal-join .panel-right .social-buttons-small .button.button-qrcode,
.modal-sign-in .panel-form .social-buttons-small .button.button-qrcode,
.modal-sign-in .panel-right .social-buttons-small .button.button-qrcode {
    padding: 4px 16px;
    width: auto;
    min-width: 160px;
    text-transform: none;
}
.modal-join .panel-form .social-buttons-small .button.button-qrcode svg,
.modal-join .panel-right .social-buttons-small .button.button-qrcode svg,
.modal-sign-in .panel-form .social-buttons-small .button.button-qrcode svg,
.modal-sign-in .panel-right .social-buttons-small .button.button-qrcode svg {
    width: auto;
    height: 1em;
    vertical-align: middle;
    fill: #fff;
}
.modal-join .panel-form .social-buttons-small .button.button-qrcode span,
.modal-join .panel-right .social-buttons-small .button.button-qrcode span,
.modal-sign-in .panel-form .social-buttons-small .button.button-qrcode span,
.modal-sign-in .panel-right .social-buttons-small .button.button-qrcode span {
    padding-left: 10px;
    font-size: 12px;
}
.modal-join .panel-form .social-buttons-small .button.button-facebook,
.modal-join .panel-right .social-buttons-small .button.button-facebook,
.modal-sign-in .panel-form .social-buttons-small .button.button-facebook,
.modal-sign-in .panel-right .social-buttons-small .button.button-facebook {
    padding: 8px 14px;
    color: #fff;
    min-width: 0;
}
.modal-join .panel-form .social-buttons-small .button.button-facebook .icon.icon-facebook,
.modal-join .panel-right .social-buttons-small .button.button-facebook .icon.icon-facebook,
.modal-sign-in .panel-form .social-buttons-small .button.button-facebook .icon.icon-facebook,
.modal-sign-in .panel-right .social-buttons-small .button.button-facebook .icon.icon-facebook {
    float: left;
    position: relative;
    width: auto;
    padding-top: 0;
    background-color: transparent;
}
.modal-join .panel-form .social-buttons-small .button.button-facebook span.label,
.modal-join .panel-right .social-buttons-small .button.button-facebook span.label,
.modal-sign-in .panel-form .social-buttons-small .button.button-facebook span.label,
.modal-sign-in .panel-right .social-buttons-small .button.button-facebook span.label {
    padding-left: 14px;
    padding-top: 1px;
    text-transform: none;
    font-size: 12px;
}
.modal-join .panel-form .social-buttons-small .button:last-child,
.modal-join .panel-right .social-buttons-small .button:last-child,
.modal-sign-in .panel-form .social-buttons-small .button:last-child,
.modal-sign-in .panel-right .social-buttons-small .button:last-child {
    margin-bottom: 0;
}
.modal-join .panel-form p,
.modal-join .panel-right p,
.modal-sign-in .panel-form p,
.modal-sign-in .panel-right p {
    font-size: 0.875rem;
}
.modal-join .panel-benefits-small,
.modal-sign-in .panel-benefits-small {
    padding: 0 25px;
}
.modal-join .panel-benefits-small ul,
.modal-sign-in .panel-benefits-small ul {
    margin-left: 18px;
}
.modal-join .panel-benefits-small ul li,
.modal-sign-in .panel-benefits-small ul li {
    font-size: 13px;
}
@media print,screen and (min-width:40em) {
    .modal-join .panel-left.panel-qrcode,
    .modal-sign-in .panel-left.panel-qrcode {
        text-align: initial;
    }
}
.modal-join .panel-left.panel-qrcode h2,
.modal-sign-in .panel-left.panel-qrcode h2 {
    margin-bottom: inherit;
}
.modal-join .panel-left.panel-qrcode .icon-badge,
.modal-sign-in .panel-left.panel-qrcode .icon-badge {
    margin-bottom: 15px;
    max-width: 50px;
}
.modal-join .panel-left.panel-qrcode .instructions,
.modal-sign-in .panel-left.panel-qrcode .instructions {
    text-align: initial;
    list-style-position: inside;
    font-size: 14px;
}
.modal-join .panel-left.panel-qrcode .video-frame,
.modal-sign-in .panel-left.panel-qrcode .video-frame {
    position: relative;
}
.modal-join .panel-left.panel-qrcode .video-frame .webcam,
.modal-sign-in .panel-left.panel-qrcode .video-frame .webcam {
    display: block;
    max-width: 100%;
}
.modal-join .panel-left.panel-qrcode .video-frame .label,
.modal-sign-in .panel-left.panel-qrcode .video-frame .label {
    text-align: center;
    height: 2em;
    line-height: 2em;
    font-size: 13px;
    font-weight: 500;
}
.modal-join .panel-left.panel-qrcode .video-frame .label.validate,
.modal-sign-in .panel-left.panel-qrcode .video-frame .label.validate {
    background-color: #b8c5ff;
    color: #fff;
}
.modal-join .panel-left.panel-qrcode .video-frame .label.login,
.modal-sign-in .panel-left.panel-qrcode .video-frame .label.login {
    background-color: #82ca6d;
    color: #fff;
}
.modal-join .panel-left.panel-qrcode .video-frame .label.error,
.modal-sign-in .panel-left.panel-qrcode .video-frame .label.error {
    background-color: #f25954;
    color: #fff;
}
.modal-join .panel-left.panel-qrcode .video-frame .overlay,
.modal-sign-in .panel-left.panel-qrcode .video-frame .overlay {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
    object-fit: contain;
    opacity: 0.3;
}
.modal-join .panel-left.panel-qrcode .video-frame .button-toggle-camera,
.modal-sign-in .panel-left.panel-qrcode .video-frame .button-toggle-camera {
    position: absolute;
    top: 15px;
    right: 15px;
}
.modal-join .panel-left.panel-qrcode .signup,
.modal-sign-in .panel-left.panel-qrcode .signup {
    margin-top: 100px;
}
.modal-join .modal-footer,
.modal-sign-in .modal-footer {
    padding: 0 25px 40px;
    color: #6d6d6d;
    font-weight: 400;
}
.modal-join .modal-footer .back,
.modal-sign-in .modal-footer .back {
    text-align: left;
}
.modal-join .modal-footer .back a,
.modal-sign-in .modal-footer .back a {
    color: #6d6d6d;
    font-weight: 400;
}
.modal-join .modal-footer .signin,
.modal-sign-in .modal-footer .signin {
    text-align: right;
}
.modal-join .modal-footer .signin a,
.modal-sign-in .modal-footer .signin a {
    white-space: nowrap;
    font-weight: 400;
}
.modal-join .divider-horizontal,
.modal-sign-in .divider-horizontal {
    position: relative;
    display: block;
    min-height: 1px;
    background: #dae1e1;
    margin: 30px 0;
}
.modal-join .divider-horizontal span,
.modal-sign-in .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
@media print,screen and (min-width:64em) {
    .modal-join .panel-benefits {
        background-color: #6b55b5;
        background-image: url("../image/join/parent-signup.png),linear-gradient(135deg,#6b55b5 15%,#4dc4d9 85%");
        background-repeat: no-repeat;
        background-size: cover;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        color: #fff;
    }
    .modal-join .panel-benefits h2,
    .modal-join .panel-benefits label,
    .modal-join .panel-benefits p {
        color: #fff;
    }
}
@media print,screen and (min-width:64em) {
    .modal-sign-in .panel-benefits {
        background-color: #6b55b5;
        background-image: url("../image/join/parent-signup.png),linear-gradient(135deg,#e64211 15%,#efa808 85%");
        background-repeat: no-repeat;
        background-size: cover;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        color: #fff;
    }
    .modal-sign-in .panel-benefits h2,
    .modal-sign-in .panel-benefits label,
    .modal-sign-in .panel-benefits p {
        color: #fff;
    }
    .modal-sign-in .panel-benefits .back {
        color: #efefef;
    }
}
.modal-sign-in .callout {
    margin-bottom: 1rem;
}
.modal-sign-in .invited-teacher-panel {
    padding: 0!important !important;
}
.modal-sign-in .panel-left {
    padding: 30px 25px;
}
@media print,screen and (min-width:64em) {
    .modal-sign-in .panel-left {
        padding: 60px 60px 30px;
    }
}
.modal-sign-in .panel-left h2 {
    margin-bottom: 25px;
    font-size: 25px;
    text-transform: capitalize;
}
.modal-sign-in .panel-left label.password {
    margin-bottom: 0;
}
.modal-sign-in .panel-left .forgot-password,
.modal-sign-in .panel-left .signup a {
    text-decoration: underline;
}
@media print,screen and (min-width:64em) {
    .modal-sign-in .panel-left .forgot-password,
    .modal-sign-in .panel-left .signup a {
        color: #b9c4e1;
    }
}
.modal-sign-in .panel-left .signup {
    margin-top: 40px;
    color: #b9c4e1;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.modal-sign-in .panel-left .class-info {
    font-weight: 700;
    line-height: 28px;
}
.modal-sign-in .panel-left .class-info,
.modal-sign-in .panel-left .signup-info {
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
}
.modal-sign-in .panel-left .signup-info {
    margin-top: 20px;
}
.modal-sign-in .panel-left .school-info {
    margin-top: 30px;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    font-size: 16px;
    line-height: 28px;
}
.modal-sign-in .panel-right {
    padding-top: 0;
}
@media print,screen and (min-width:64em) {
    .modal-sign-in .panel-right {
        padding-top: 40px;
    }
}
.modal-sign-in .panel-right .signup-signin {
    margin-bottom: 135px;
}
.modal-sign-in .join-cta {
    font-size: 16px;
}
.modal-join.modal-join-parent .callout {
    margin-bottom: 1rem;
}
.modal-join.modal-join-parent .panel-benefits ul li {
    font-size: 16px;
}
.modal-join.modal-join-parent .social-buttons-small .group {
    background-color: #f4f9fa;
    border: 1px solid #e4e4e4;
}
.modal-join.modal-join-parent .social-buttons-small .group .button {
    margin-bottom: 1rem!important;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-google {
    padding: 2px 10px 2px 0;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-google span.label {
    color: #575757;
    text-transform: uppercase;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-windows {
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 8px 6px;
    background-color: #fff;
    color: #575757;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-windows .icon.icon-windows {
    color: #75d0f3;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-windows span.label {
    text-transform: uppercase;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-facebook {
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 8px 4px;
    color: #575757;
    min-width: 0;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-facebook .icon.icon-facebook {
    color: #40659f;
}
.modal-join.modal-join-parent .social-buttons-small .group .button.button-facebook span.label {
    text-transform: uppercase;
}
.modal-join.modal-join-parent .social-buttons-small .divider-horizontal span {
    width: 90px;
    margin: -7px 0 0 -45px;
    font-size: 12px;
}
.modal-join-student-disabled .modal-join-student-step .modal-join-student-form {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.modal-join-student-disabled .modal-join-student-step .modal-join-student-form .modal-join-student-input {
    margin-bottom: 6px;
}
.modal-join-student-disabled .modal-join-student-step .captcha {
    margin-bottom: 0;
}
.modal-join.modal-join-student .unlock-message-container {
    display: block;
    text-align: center;
}
.modal-join.modal-join-student .panel-benefits h2 {
    font-size: 27px;
    text-align: center;
    padding-bottom: 0;
}
.modal-join.modal-join-student .panel-benefits avatar-img {
    float: left;
}
.modal-join.modal-join-student .panel-benefits avatar-img img {
    height: 60px;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work {
    font-size: 16px;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work h4 {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work.more-promo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 50px;
    padding-bottom: 10px;
    background-color: rgba(0,0,0,.5);
    background: -moz-linear-gradient(top,rgba(37,141,200,0) 0,#004f80 30%);
    background: -webkit-linear-gradient(top,rgba(37,141,200,0),#004f80 30%);
    background: linear-gradient(180deg,rgba(37,141,200,0) 0,#004f80 30%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00258dc8",endColorstr="#004f80",GradientType=0);
}
.modal-join.modal-join-student .panel-benefits .unsaved-work.more-promo .locked {
    float: left;
    background-color: #004672;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    text-align: center;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work.more-promo .locked .icon-locked {
    font-size: 30px;
    margin-top: 14px;
    color: gold;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work.more-promo .locked .label {
    font-size: 9px;
    font-weight: 700;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work.more-promo ul li {
    line-height: 1.5em;
    font-size: 14px;
    list-style: none;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card {
    background-color: #937ab8;
    margin-bottom: 20px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 100px;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card.color1 {
    background-color: #3e9fd0;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card.color2 {
    background-color: #80c26f;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card.color3 {
    background-color: #937ab8;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card.colortransparent {
    background-color: transparent;
    background-size: cover;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card.pixelated {
    image-rendering: pixelated;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card h5 {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 0;
    margin-bottom: 0;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .card h5 .small {
    font-size: 0.8rem;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .unsaved-assets {
    margin-top: 10px;
}
.modal-join.modal-join-student .panel-benefits .unsaved-work .unsaved-assets img {
    max-height: 40px;
    margin-right: 4px;
}
.modal-join.modal-join-student .field-username {
    position: relative;
    clear: both;
}
.modal-join.modal-join-student .field-username.field-profile-icon input[type=text] {
    padding: 4px 40px 4px 46px;
}
.modal-join.modal-join-student .field-username.field-profile-icon .field-profile-avatar {
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 38px;
    height: 38px;
    background: #f5f6f7;
    overflow: hidden;
}
.modal-join.modal-join-student .field-username.field-profile-icon .field-profile-avatar img {
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
}
.modal-join.modal-join-student .field-username.field-profile-icon .field-profile-refresh {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 9px 0 0;
}
.modal-join.modal-join-student .field-username.field-profile-icon .field-profile-refresh span {
    color: #c0c7cb;
    font-size: 22px;
    line-height: 22px;
}
.modal-join.modal-join-student .field-username.field-profile-icon .field-profile-refresh:hover span {
    color: #5cbe5a;
}
.modal-join.modal-join-student .field-username.field-refresh input[type=text] {
    padding: 4px 40px 4px 8px;
}
.modal-join.modal-join-student .field-username.field-refresh .refresh-icon {
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 38px;
    height: 38px;
    text-align: center;
    padding: 9px 0 0;
}
.modal-join.modal-join-student .field-username.field-refresh .refresh-icon span {
    color: #c0c7cb;
    font-size: 22px;
    line-height: 22px;
}
.modal-join.modal-join-student .field-username.field-refresh .refresh-icon:hover span {
    color: #5cbe5a;
}
.modal-join.modal-join-student .social-buttons-small .group {
    background-color: #f4f9fa;
    border: 1px solid #e4e4e4;
}
.modal-join.modal-join-student .social-buttons-small .group .button {
    margin-bottom: 1rem!important;
}
.modal-join.modal-join-student .social-buttons-small .group .button.button-google {
    padding: 2px 10px 2px 0;
}
.modal-join.modal-join-student .social-buttons-small .group .button.button-google span.label {
    color: #575757;
    text-transform: uppercase;
}
.modal-join.modal-join-student .social-buttons-small .group .button.button-windows {
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 8px 6px;
    background-color: #fff;
    color: #575757;
}
.modal-join.modal-join-student .social-buttons-small .group .button.button-windows .icon.icon-windows {
    color: #75d0f3;
}
.modal-join.modal-join-student .social-buttons-small .group .button.button-windows span.label {
    text-transform: uppercase;
}
.modal-join.modal-join-student .social-buttons-small .divider-horizontal span {
    width: 90px;
    margin: -7px 0 0 -45px;
    font-size: 12px;
}
.modal-join.modal-join-teacher .social-buttons-small .group {
    background-color: #f4f9fa;
    border: 1px solid #e4e4e4;
}
.modal-join.modal-join-teacher .social-buttons-small .group .button {
    margin-bottom: 1rem!important;
}
.modal-join.modal-join-teacher .social-buttons-small .group .button.button-google {
    padding: 2px 10px 2px 0;
}
.modal-join.modal-join-teacher .social-buttons-small .group .button.button-google span.label {
    color: #575757;
    text-transform: uppercase;
}
.modal-join.modal-join-teacher .social-buttons-small .group .button.button-windows {
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 8px 6px;
    background-color: #fff;
    color: #575757;
}
.modal-join.modal-join-teacher .social-buttons-small .group .button.button-windows .icon.icon-windows {
    color: #75d0f3;
}
.modal-join.modal-join-teacher .social-buttons-small .group .button.button-windows span.label {
    text-transform: uppercase;
}
.modal-join.modal-join-teacher .social-buttons-small .divider-horizontal span {
    width: 90px;
    margin: -7px 0 0 -45px;
    font-size: 12px;
}
.modal-select-role {
    background-color: #5671ba;
    background-image: url("../image/waves/waves-full-overlap.svg),linear-gradient(135deg,#6b55b5 15%,#4dc4d9 85%");
    background-repeat: no-repeat;
    background-position: 50%,50%;
    background-size: cover,cover;
    padding: 25px;
    color: #fff;
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .modal-select-role {
        padding: 50px 75px 60px;
        width: 75%;
    }
}
@media screen and (min-width:90em) {
    .modal-select-role {
        width: 60%;
    }
}
.modal-select-role.modal-sign-in-select-role {
    background-color: #e85824;
    background-image: url("../image/waves/waves-full-overlap.svg),linear-gradient(135deg,#e64211 15%,#efa808 85%");
    background-repeat: no-repeat;
    background-position: 50%,50%;
    background-size: cover,cover;
}
.modal-select-role .header h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
}
@media print,screen and (min-width:64em) {
    .modal-select-role .header h2 {
        margin-bottom: 45px;
    }
}
.modal-select-role .body {
    margin-bottom: 2rem;
}
.modal-select-role .body .profile-selector-box {
    padding: 20px;
}
@media screen and (min-width:75em) {
    .modal-select-role .body .profile-selector-box.parent,
    .modal-select-role .body .profile-selector-box.student,
    .modal-select-role .body .profile-selector-box.teacher {
        padding: 25px 60px;
    }
}
.modal-select-role .body .profile-selector-box .profile-selector-type {
    font-size: 22px;
    font-weight: 600;
}
.modal-select-role .body .profile-selector-box .profile-selector-info {
    font-weight: 400;
}
.modal-select-role .body .profile-selector-box .profile-selector-image {
    margin-bottom: -1rem;
    max-width: 200px;
}
@media print,screen and (min-width:64em) {
    .modal-select-role .body .profile-selector-box .profile-selector-image {
        margin-bottom: 0;
        max-width: 100%;
    }
}
.modal-select-role .footer {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
}
.modal-select-role .footer a {
    color: inherit;
    font-size: inherit;
    font-weight: 700;
    text-decoration: underline;
}
.modal-select-role .footer a.privacy {
    font-size: 80%;
}
@media print,screen and (min-width:64em) {
    .modal-forgot-password .panel-left,
    .modal-forgot-password .panel-right {
        padding: 90px 50px 60px;
    }
}
.modal-forgot-password .panel-right h2 {
    font-size: 25px;
}
@media print,screen and (min-width:64em) {
    .modal-forgot-password .panel-right .need-help {
        margin-top: 150px;
    }
}
.modal-share-minecraft-resource {
    overflow: hidden;
    border: 0;
    padding: 15px;
}
.modal-share-minecraft-resource h1.title {
    font-size: 26px;
    padding: 0;
    margin: 0 0 20px 10px;
    border: 0;
}
.modal-share-minecraft-resource h3 {
    font-size: 20px;
    text-transform: uppercase;
}
.modal-share-minecraft-resource .share-tabs {
    border-radius: 5px;
    overflow: hidden;
}
.modal-share-minecraft-resource .share-tabs .tabs {
    padding-top: 5px;
    border-bottom: 0;
}
.modal-share-minecraft-resource .share-tabs .tabs .tabs-title {
    margin-left: 5px;
}
.modal-share-minecraft-resource .share-tabs .tabs .tabs-title a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-share-minecraft-resource .share-tabs .tabs .tabs-title a[aria-selected=true] {
    font-weight: 600;
}
.modal-share-minecraft-resource .share-tabs .tabs-content .share-controls {
    padding: 0 1rem;
}
.modal-share-minecraft-resource .project-preview {
    padding-left: 0;
}
.modal-share-minecraft-resource .project-preview .project-screen-shot {
    border: 0;
    background-color: #e9e9e9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 305px;
    image-rendering: pixelated;
}
.modal-share-minecraft-resource .project-preview .projectid {
    font-weight: 600;
    text-align: center;
}
.modal-share-minecraft-resource .page-sharing.community {
    padding: 0;
    margin-bottom: 20px;
}
.modal-share-minecraft-resource .page-sharing.community p {
    margin-left: 0;
}
.modal-share-minecraft-resource .page-sharing.community ol {
    margin: 0 0 1rem;
    padding-left: 13px;
}
.modal-share-minecraft-resource .page-sharing.community .share-form {
    margin-top: 20px;
}
.modal-share-minecraft-resource .share-controls .page-sharing {
    margin-bottom: 0;
}
.modal-share-minecraft-resource .share-controls .page-sharing a {
    margin-bottom: 5px;
}
.modal-share-minecraft-resource .modal-content {
    padding: 10px;
}
.modal-share-minecraft-resource textarea[name=embed] {
    width: 400px;
    height: 100px;
}
.modal-share-minecraft-resource .alert-success {
    border: 2px solid green;
    margin: 15px 0 0;
    padding: 10px;
    font-weight: 600;
    color: green;
    border-radius: 5px;
}
.modal-share-minecraft-resource .alert-error {
    border: 2px solid red;
    margin: 15px 0 0;
    padding: 10px;
    font-weight: 600;
    color: red;
    border-radius: 5px;
}
#mod-minecraft-modal h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
}
#mod-minecraft-modal .mod-minecraft-option {
    display: block;
    text-align: center;
}
#mod-minecraft-modal .mod-minecraft-option img {
    width: 195px;
    height: 138px;
    border-radius: 10px;
}
#mod-minecraft-modal .mod-minecraft-option:hover img {
    box-shadow: 1px 2px 6px rgba(0,0,0,.6);
    transform: scale(1.03);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
#mod-minecraft-modal .mod-minecraft-option p {
    font-weight: 500;
    margin-top: 1rem;
}
#mod-minecraft-modal hr {
    border-bottom-width: 1px;
    border-bottom-color: #c7c8ca;
    margin-top: 30px;
}
#mod-minecraft-modal .play-free-games {
    margin-top: 1rem;
}
#mod-minecraft-modal .play-free-games .game-link {
    color: #222;
    font-family: Press Start\ 2P,Open Sans,Helvetica,Arial,sans-serif;
    margin-top: 1rem;
}
#mod-minecraft-modal .reveal__close {
    color: rgba(0,0,0,.6);
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    padding: 3px 6px;
    position: absolute;
    right: 0;
    top: 0;
}
#mod-minecraft-modal .reveal__close:hover {
    color: #3ca7de;
}
.notification-bar {
    background-color: #f25954;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.notification-bar .notification-bar__title {
    border-right: 1px solid #fff;
    margin-right: 10px;
    padding-right: 20px;
    text-transform: uppercase;
}
.notification-bar .notification-bar__message .notification-bar__message__highlight {
    font-weight: 600;
    text-transform: uppercase;
}
.notification-bar .notification-bar__action {
    margin-left: 20px;
}
.notification-bar .notification-bar__action a {
    color: #fff;
}
.notification-bar .notification-bar__action a:hover {
    color: #fff;
    text-decoration: underline;
}
.page-header {
    height: auto;
    margin: 0;
    padding-top: 20px;
}
.page-header h1 {
    margin: 0 0 20px;
}
.page-header h2 {
    margin: 0 0 4px;
}
.page-header h3 {
    line-height: 36px;
    font-weight: 400;
    margin: 0 0 20px;
}
.page-header h4 {
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 22px;
}
.page-header p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 200;
    padding: 0;
    margin-bottom: 10px;
}
.page-header a.header-link {
    font-size: 14px;
    color: #fff;
}
.page-header a.header-link:hover {
    text-decoration: underline;
}
.page-header .buttons-on-right {
    float: right;
    height: 42px;
    margin: 10px 0 0;
}
.page-header .buttons-on-right .btn-round {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-right: 14px;
}
.page-header .buttons-on-right .bottom-links {
    display: block;
    text-align: right;
    margin-top: 4px;
}
.page-header .btn-round {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 28px;
    margin-top: 20px;
}
.page-header.image-hero {
    position: relative;
    height: 480px;
    margin: 0 auto;
}
.page-header.image-hero .image-hero-content {
    float: left;
    position: relative;
    display: inline-block;
    width: 38%;
    margin: 20px 0 0;
}
.page-header.image-hero .image-hero-graphic {
    float: left;
    position: relative;
    display: inline-block;
    width: 62%;
}
.page-header.image-hero .image-hero-graphic img {
    width: 100%;
}
.page-header.image-hero .image-hero-graphic img:hover {
    transform: scale(1.02);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.page-header.computer-hero {
    position: relative;
    height: 480px;
    margin: 0 auto 100px;
}
.page-header.computer-hero .computer-hero-content {
    position: relative;
    display: inline-block;
    width: 450px;
    margin-top: 20px;
}
.page-header.computer-hero .computer-hero-content h1 {
    font-size: 46px;
    line-height: 56px;
    font-weight: 400;
    margin: 0 0 16px;
}
.page-header.computer-hero .computer-hero-content h4 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 300;
    margin: 0 0 16px;
}
.page-header.computer-hero .computer-hero-laptop {
    position: absolute;
    top: -20px;
    left: 400px;
}
.page-header.tablet-hero {
    position: relative;
    height: 480px;
    margin: 0 auto 100px;
}
.page-header.tablet-hero .tablet-hero-content {
    float: left;
    width: 50%;
    border-radius: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.3);
    padding: 30px 40px 40px;
    margin: 20px 0 0;
}
.page-header.tablet-hero .tablet-hero-content h2 {
    margin: 0 0 12px;
}
.page-header.tablet-hero .tablet-hero-content h4 {
    margin: 0 0 10px;
}
.page-header.tablet-hero .tablet-hero-content p {
    font-size: 16px;
    line-height: 22px;
}
.page-header.tablet-hero .tablet-hero-content ul {
    list-style: disc outside;
    margin-left: 28px;
}
.page-header.tablet-hero .tablet-hero-content ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin: 0 0 4px;
}
.page-header.tablet-hero .tablet-hero-graphic {
    float: left;
    width: 50%;
    padding: 0 0 0 20px;
}
.page-header.tablet-hero .tablet-hero-graphic img {
    width: 100%;
    padding: 0;
    margin: 0;
}
.page-header .tabs-large-wrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 34px 0 0;
}
.page-header .tabs-large-wrap .background {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    background: #000;
    border-radius: 8px 8px 0 0;
    opacity: 0.45;
    filter:alpha(opacity=45);
    padding: 0;
    margin: 0;
}
.page-header .tabs-large-wrap .tabs-large-table {
    display: table;
    margin: 0 auto;
}
.page-header .tabs-large-wrap .tabs-large-table ul.tabs-large-header {
    list-style: none outside;
    min-width: 204px;
}
.page-header .tabs-large-wrap .tabs-large-table ul.tabs-large-header li {
    position: relative;
    display: inline-block;
    margin: 0 -5px 0 0;
}
.page-header .tabs-large-wrap .tabs-large-table ul.tabs-large-header li a {
    position: relative;
    display: block;
    color: #e2e0e0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    padding: 10px 25px 12px;
    margin: 10px 0 0;
}
.page-header .tabs-large-wrap .tabs-large-table ul.tabs-large-header li a:hover {
    color: #000;
    background: #fff;
    opacity: 0.55;
    filter:alpha(opacity=55);
}
.page-header .tabs-large-wrap .tabs-large-table ul.tabs-large-header li.active a {
    color: #474e52;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    background: #fff;
    border-top: 1px solid #e8eded;
    border-radius: 8px 8px 0 0;
    padding: 16px 40px 12px;
    margin: 0;
}
.page-header .tabs-large-wrap .tabs-large-table ul.tabs-large-header li.active a:hover {
    background: #fff;
    opacity: 1;
    filter:alpha(opacity=1);
}
.page-header .home-course-navigation {
    position: relative;
    display: block;
    margin: 0 0 10px;
}
.page-header .home-course-navigation .left-icon-navigation {
    list-style: none;
    height: 32px;
    margin: 30px 0 0;
}
.page-header .home-course-navigation .left-icon-navigation li {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}
.page-header .home-course-navigation .left-icon-navigation li a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    font-weight: 300;
    border-radius: 18px;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    padding: 0 26px;
}
.page-header .home-course-navigation .left-icon-navigation li a span {
    margin-right: 4px;
}
.page-header .home-course-navigation .left-icon-navigation li a:hover {
    background-color: #5cbe5a;
    background-color: rgba(92,190,90,.8);
    border-radius: 18px;
}
.page-header .home-course-navigation .left-icon-navigation li a.active {
    background: #5cbe5a;
    border-radius: 18px;
}
.page-header .header-breadcrumb {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    padding: 6px 0;
    margin-top: 8px;
}
.page-header .header-breadcrumb ul {
    list-style: none;
}
.page-header .header-breadcrumb ul li {
    display: inline-block;
    color: #d4d4d4;
    font-size: 16px;
    font-weight: 500;
    padding: 0 6px;
}
.page-header .header-breadcrumb ul li:after {
    color: #d4d4d4;
    content: "/";
    margin-left: 16px;
}
.page-header .header-breadcrumb ul li:last-child:after {
    content: "";
    margin-left: 0;
}
.page-header .header-breadcrumb ul li a {
    color: #fff;
}
.page-header .header-breadcrumb ul li a:hover {
    color: #36a1d8;
}
.page-header.photo-banner h1,
.page-header.photo-banner h2,
.page-header.photo-banner h3,
.page-header.photo-banner h4,
.page-header.photo-banner h5,
.page-header.photo-banner p {
    color: #fff;
}
.page-header.photo-banner h1 a,
.page-header.photo-banner h2 a,
.page-header.photo-banner h3 a,
.page-header.photo-banner h4 a,
.page-header.photo-banner h5 a,
.page-header.photo-banner h6 a {
    color: #fff;
    border: 0;
}
.page-header.photo-banner h1 a:focus,
.page-header.photo-banner h1 a:hover,
.page-header.photo-banner h2 a:focus,
.page-header.photo-banner h2 a:hover,
.page-header.photo-banner h3 a:focus,
.page-header.photo-banner h3 a:hover,
.page-header.photo-banner h4 a:focus,
.page-header.photo-banner h4 a:hover,
.page-header.photo-banner h5 a:focus,
.page-header.photo-banner h5 a:hover,
.page-header.photo-banner h6 a:focus,
.page-header.photo-banner h6 a:hover {
    color: #fff;
    text-decoration: underline;
}
.page-header.photo-banner.light h1,
.page-header.photo-banner.light h2,
.page-header.photo-banner.light h3,
.page-header.photo-banner.light h4,
.page-header.photo-banner.light h5,
.page-header.photo-banner.light p {
    color: #282e33;
}
.page-header.photo-banner.light h1 a,
.page-header.photo-banner.light h2 a,
.page-header.photo-banner.light h3 a,
.page-header.photo-banner.light h4 a,
.page-header.photo-banner.light h5 a,
.page-header.photo-banner.light h6 a {
    color: #282e33;
    border: 0;
}
.page-header.photo-banner.light h1 a:focus,
.page-header.photo-banner.light h1 a:hover,
.page-header.photo-banner.light h2 a:focus,
.page-header.photo-banner.light h2 a:hover,
.page-header.photo-banner.light h3 a:focus,
.page-header.photo-banner.light h3 a:hover,
.page-header.photo-banner.light h4 a:focus,
.page-header.photo-banner.light h4 a:hover,
.page-header.photo-banner.light h5 a:focus,
.page-header.photo-banner.light h5 a:hover,
.page-header.photo-banner.light h6 a:focus,
.page-header.photo-banner.light h6 a:hover {
    color: #282e33;
    text-decoration: underline;
}
.photo-banner {
    position: relative;
    width: 100%;
    padding-top: 100px;
    background-size: cover;
    background-position: 50%;
}
.photo-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 2;
    content: "";
    background-image: linear-gradient(rgba(0,0,0,.6),transparent);
}
.photo-banner.small {
    height: 160px;
}
.photo-banner.medium {
    height: 260px;
}
.photo-banner.medium-plus {
    height: 300px;
}
.photo-banner.large {
    height: 450px;
}
.photo-banner.full {
    position: relative;
    height: 900px;
}
.photo-banner .photo-bullet-list-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    border-radius: 6px;
    background-color: #fff;
    background-color: hsla(0,0%,100%,.9);
    padding: 14px 20px;
}
.photo-banner .photo-bullet-list-right h5 {
    margin: 0 0 4px;
}
.photo-banner .photo-bullet-list-right p {
    color: #282e33;
}
.photo-banner .photo-bullet-list-right span.icon-checkmark {
    font-size: 12px;
    margin: 0 4px 0 2px;
}
.photo-banner-full {
    margin-top: -770px;
}
.photo-banner-images-short {
    margin-top: -76px;
    margin-bottom: -40px;
}
.page-sharing {
    position: relative;
}
.page-sharing.buttons-right {
    position: absolute;
    right: 0;
}
.page-sharing .icn-facebook,
.page-sharing .icn-google,
.page-sharing .icn-mail,
.page-sharing .icn-twitter {
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 21px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    padding: 9px 0 0 10px;
    margin: 0 8px 0 0;
}
.page-sharing .icn-facebook:hover,
.page-sharing .icn-google:hover,
.page-sharing .icn-mail:hover,
.page-sharing .icn-twitter:hover {
    text-decoration: none;
    background: #3b5e93;
}
.page-sharing .icn-facebook {
    background: #40659f;
}
.page-sharing .icn-facebook:hover {
    background: #3b5e93;
}
.page-sharing .icn-twitter {
    background: #57bee2;
}
.page-sharing .icn-twitter:hover {
    background: #52b3d5;
}
.page-sharing .icn-google {
    font-size: 24px;
    line-height: 18px;
    background: #c74a31;
}
.page-sharing .icn-google:hover {
    background: #bb462e;
}
.page-sharing .icn-mail {
    background: #596267;
}
.page-sharing .icn-mail:hover {
    background: #4f575b;
}
.page-sharing .share-text-left {
    float: left;
    display: inline-block;
    vertical-align: middle;
    color: #353e43;
    font-size: 18px;
    line-height: 38px;
    font-weight: 500;
    margin: 0 12px 0 0;
}
.page-sharing.community {
    padding: 0 1rem;
    margin-bottom: 0!important;
}
.page-sharing.community h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}
.page-sharing.community p {
    font-size: 0.8rem;
}
.page-sharing.community ol {
    list-style: decimal;
    padding-left: 0;
    margin-bottom: 10px;
}
.page-sharing.community ol li {
    font-size: 12px;
}
.page-sharing.community .guidelines {
    margin-bottom: 0;
    padding: 1rem 1rem 0;
}
.page-sharing.community .guidelines .section-title {
    border-bottom: 1px solid #ccc;
}
.page-sharing.community .guidelines .section-title img {
    height: 40px;
    float: left;
    margin-right: 10px;
}
.page-sharing.community .guidelines:first-child {
    border-right: 1px solid #ccc;
}
.page-sharing.community .guidelines ul {
    margin-top: 20px;
}
.page-sharing.community .guidelines ul li {
    clear: both;
}
.page-sharing.community .guidelines ul li img {
    height: 40px;
    float: left;
}
.page-sharing.community .guidelines ul li h5 {
    font-size: 0.8rem;
    padding-bottom: 0;
    margin-bottom: 0;
}
.page-sharing.community .guidelines ul li p {
    font-size: 0.8rem;
}
.page-sharing.community input.button {
    margin: 0;
}
.page-sharing.community a.button {
    margin-bottom: 0;
    margin-left: 10px;
}
.page-sharing.community form.buttonPost,
.page-sharing.community span.buttonPost {
    display: inline-block;
}
.pager {
    display: block;
    margin: 16px auto 10px;
    position: relative;
    text-align: center;
}
.pager .pager__page {
    display: inline-block;
    text-align: center;
}
.pager .pager__page a {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    font-weight: 400;
    position: relative;
    display: block;
    width: 28px;
    height: 26px;
    background: #36a1d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1px;
}
.pager .pager__page a:hover {
    color: #fff;
    background: #348abf;
    text-decoration: none;
}
.pager .pager__page.pager__page--all,
.pager .pager__page.pager__page--prev {
    margin-right: 8px;
}
.pager .pager__page.pager__page--all a {
    width: 32px;
}
.pager .pager__page.pager__page--next {
    margin-left: 8px;
}
.pager .pager__page.pager__page--next a,
.pager .pager__page.pager__page--prev a {
    width: 52px;
}
.pager .pager__page.pager__page--active a {
    color: #fff;
    background: #247fb7;
}
.pager .pager__page.pager__page--disabled a {
    background-color: #98cbeb;
    cursor: default;
}
.pagination {
    display: block;
    margin: 30px auto 0;
    position: relative;
    text-align: center;
}
.pagination ol {
    margin: 0;
}
.pagination .pagination-page {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}
.pagination .pagination-page a {
    border: 1px solid transparent;
    background-color: #e6f3f6;
    border-radius: 3px;
    color: #575757;
    font-size: 15px;
    line-height: 26px;
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin-right: 1px;
    padding: 0;
    min-width: 48px;
    font-weight: 600;
}
.pagination .pagination-page a:hover {
    color: #00bcd4;
    text-decoration: none;
}
.pagination .pagination-page.pagination-page-previous {
    margin-right: 8px;
}
.pagination .pagination-page.pagination-page-next a,
.pagination .pagination-page.pagination-page-previous a {
    width: 52px;
}
.pagination .pagination-page.pagination-page-all {
    margin-right: 8px;
}
.pagination .pagination-page.pagination-page-all a {
    width: 32px;
}
.pagination .pagination-page.pagination-page-active a {
    background-color: #00bcd4;
    color: #fff;
}
.pagination .pagination-page.pagination-page-disabled a {
    color: #cacaca;
    cursor: default;
}
.pagination .pagination-form {
    display: inline-block;
    white-space: nowrap;
}
.pagination .pagination-form input {
    height: 28px;
    padding: 6px;
    width: 116px;
}
.pagination .pagination-form button {
    color: #00bcd4;
    font-size: 16px;
    font-weight: 700;
}
.pagination .pagination-page a.next,
.pagination .pagination-page a.prev {
    font-family: icomoon;
    font-size: 12px;
    font-weight: 400;
}
.panel {
    position: relative;
    display: block;
    border: 1px solid #e3e8ed;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel.w800 {
    width: 800px;
    margin: 0 auto;
}
.panel.w830 {
    width: 830px;
    margin: 0 auto;
}
.panel.w850 {
    width: 850px;
    margin: 0 auto;
}
.panel.w900 {
    width: 900px;
    margin: 0 auto;
}
.panel.p-medium {
    border-radius: 8px;
}
.panel.padded-panel {
    margin-bottom: 20px;
    padding: 20px;
}
.panel.inline {
    display: inline-block;
}
.panel.p-flat {
    border: none;
    box-shadow: none;
}
.panel-header {
    position: relative;
    display: block;
    height: 50px;
    background: #f7f8f9;
    border-bottom: 1px solid #e3e8ed;
    padding: 0 20px;
}
.panel-header h3 {
    color: #656565;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 12px 0 0;
    margin: 0;
}
.panel-header .action-panel {
    float: right;
    display: inline-block;
    max-width: 600px;
    text-align: right;
}
.panel-header .action-panel .btn-group,
.panel-header .action-panel .btn-round {
    margin-top: 7px;
}
.panel-header .action-panel .btn-group,
.panel-header .action-panel .btn-round.small {
    margin-top: 10px;
}
.panel-header .action-panel .btn-group .btn-round.small {
    margin-top: 0;
}
.panel-header .action-panel .search-box {
    margin-top: 8px;
}
.panel-header .action-panel .search-box input[type=text] {
    width: 300px;
}
.panel-header.panel-rule {
    background: 0 0;
}
.panel.p-flat .panel-header h3 {
    color: #353e43;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
}
.panel-header ul.panel-tabs {
    position: relative;
    display: inline-block;
    height: 50px;
}
.panel-header ul.panel-tabs li {
    float: left;
    display: inline-block;
    margin: 0;
}
.panel-header ul.panel-tabs li a {
    color: #596267;
    font-size: 14px;
    line-height: 46px;
    font-weight: 300;
    position: relative;
    display: block;
    border-top: 4px solid transparent;
    border-right: 1px solid #e3e8ed;
    padding: 0 18px;
}
.panel-header ul.panel-tabs li:first-child {
    border-left: 1px solid transparent;
}
.panel-header ul.panel-tabs li:last-child a {
    border-right: 1px solid transparent;
}
.panel-header ul.panel-tabs li a:hover {
    color: #596267;
    background: #fff;
    border-left: 1px solid #e3e8ed;
    border-right: 1px solid #e3e8ed;
    margin-left: -1px;
}
.panel-header ul.panel-tabs li.active a {
    color: #596267;
    font-size: 14px;
    line-height: 46px;
    font-weight: 600;
    background: #fff;
    border-top: 4px solid #5cbe5a;
    border-right: 1px solid #e3e8ed;
    padding: 0 18px;
    margin: 0;
}
.panel-header ul.panel-tabs li.active a:first-child {
    border-left: 1px solid #e3e8ed;
    margin-left: -1px;
}
.panel-header ul.panel-tabs li.active a:hover {
    margin-left: -1px;
}
.panel .content-block {
    position: relative;
    display: block;
}
.panel .content-block .filter-panel {
    position: relative;
    display: block;
    text-align: left;
    margin: 0 0 16px;
}
.panel .content-block .filter-panel .inline {
    margin: 0;
}
.panel .content-block .filter-panel .inline label {
    width: auto;
    margin: 7px 15px 0 0;
}
.panel .content-block .filter-panel .inline .field-seperator {
    display: inline;
    margin-right: 24px;
}
.panel .content-block .filter-panel .inline input[type=text] {
    width: 180px;
}
.panel table.full {
    width: 100%;
    border-collapse: collapse;
}
.panel table.full td,
.panel table.full th {
    font-size: 14px;
    font-weight: 300;
    border-bottom: 1px solid #dae1e1;
    text-align: left;
    padding: 6px;
}
.panel table.full td.first,
.panel table.full th.first {
    padding: 6px 6px 6px 20px;
}
.panel table.full th {
    font-size: 12px;
    font-weight: 600;
    background: #f9fafa;
}
.panel table.full tr:last-child {
    border-bottom: none;
}
.panel .table-wrap {
    position: relative;
    display: block;
    padding: 0 0 20px;
    margin: 20px 20px 0;
}
.panel .table-wrap table {
    width: 100%;
    border-collapse: collapse;
}
.panel .table-wrap table td,
.panel .table-wrap table th {
    font-size: 14px;
    border-bottom: 1px solid #dae1e1;
    text-align: left;
    padding: 6px;
}
.panel .table-wrap table th {
    font-size: 12px;
    font-weight: 600;
    background: #f9fafa;
}
.panel h4 {
    font-weight: 300;
    margin: 0 0 12px;
}
.panel h4 .header-spacer {
    position: relative;
    display: inline;
    padding: 0 10px;
}
.panel h5 {
    font-weight: 300;
    margin: 0 0 8px;
}
.panel.success-message {
    background: #fff;
    box-sizing: border-box;
    padding: 20px 40px 60px;
    margin: 20px auto 60px;
    max-width: 100%;
}
@media print,screen and (min-width:40em) {
    .panel.success-message {
        max-width: 700px;
    }
}
.panel.collapsible-panel.collapsed {
    display: none;
}
collapsible-panel .collapse-link,
collapsible-panel .expand-link {
    text-align: right;
}
@media screen and (max-width:39.9375em) {
    .parent-course-quick-look {
        position: fixed;
        top: 0!important;
    }
}
.parent-course-quick-look .modal .box-header h3 {
    padding-bottom: 8px;
}
.parent-course-quick-look .modal .box-header h3 i {
    font-size: 20px;
}
.parent-course-quick-look .modal h4 {
    color: #fff!important;
    padding: 8px 0;
    margin: 0;
}
.parent-course-quick-look .points {
    background-color: #eee;
    border-radius: 6px;
    padding: 8px;
    text-align: center;
    font-weight: 400;
    margin-top: 30px;
}
.parent-course-quick-look .other {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    display: block;
    margin-top: 20px;
    font-style: italic;
}
.parent-course-quick-look .thumbnail-gallery-wrap {
    margin-bottom: 0;
}
.parent-course-quick-look ul li {
    list-style: none;
}
.parent-course-quick-look strong {
    font-weight: 600;
}
.parent-course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-title {
    font-size: 16px;
    font-weight: 600;
}
.parent-course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-footer {
    padding-bottom: 0;
    padding-top: 112px;
    text-align: right;
}
.parent-course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-footer a {
    font-weight: 600;
}
.parent-course-quick-look .box-body .course-preview-box .course-preview-text .course-preview-title,
.parent-course-quick-look .box-body .course-preview-box .course-preview-text p,
.parent-course-quick-look .box-body .course-preview-box .course-preview-text ul {
    padding-bottom: 1rem;
}
.parent-course-quick-look .box-body .price-block {
    border: 2px solid #e2e2e2;
    border-radius: 16px;
    position: relative;
}
.parent-course-quick-look .box-body .price-block .price-block-action {
    padding: 20px;
}
.parent-course-quick-look .box-body .price-block .price-block-action a {
    width: 180px;
}
.parent-course-quick-look .box-body .price-block .discount-text p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 0;
}
.parent-course-quick-look .box-body .price-block .discount-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
.parent-course-quick-look .box-body .price-block .actual-price {
    color: #353e43;
    font-size: 40px;
    font-weight: 700;
    line-height: 26px;
}
.parent-course-quick-look .box-body .price-block .actual-price sup {
    font-size: 65%;
    top: -.5em;
}
.parent-course-quick-look .box-body .price-block .actual-price-interval {
    color: #353e43;
    font-size: 18px;
    font-weight: 600;
}
.parent-course-quick-look .box-body .price-block .price-details {
    color: #888e92;
    font-size: 14px;
    line-height: 28px;
}
.parent-course-quick-look .box-footer {
    background-color: #fff;
    text-align: left;
}
.parent-course-quick-look .box-footer .action-right span {
    color: #282e33;
    font-size: 16px;
    line-height: 42px;
}
.parent-course-quick-look .box-footer .action-right span.strong {
    font-size: 24px;
    font-weight: 700;
}
.parent-course-quick-look .box-footer .action-right .btn-default {
    float: right;
    margin-left: 10px;
}
parent-subscription-request-form {
    display: block;
    text-align: center;
}
parent-subscription-request-form form input.input-width-fix[type=email],
parent-subscription-request-form form input.input-width-fix[type=text] {
    width: 100%;
}
.parent-subscription-request-form {
    padding-bottom: 10px;
    padding-top: 10px;
}
.parent-subscription-request-form .parent-subscription-request-form-text {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    margin: auto;
    max-width: 250px;
}
.parent-subscription-request-form .parent-subscription-request-form-text p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 10px 0 14px;
}
.parent-subscription-request-form parent-subscription-request-form input {
    margin-bottom: 1rem;
}
.pricing-card-banner {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
    text-transform: uppercase;
}
@media print,screen and (min-width:64em) {
    .pricing-card-banner {
        letter-spacing: 0.1em;
    }
}
.pricing-card-banner.pricing-card-banner-border-hack {
    background-color: #82ca6d;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}
.pricing-card-banner.pricing-card-banner-border-hack:after,
.pricing-card-banner.pricing-card-banner-border-hack:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -23px;
    bottom: 0;
    display: block;
    width: 10px;
    height: 0;
    border: 15px solid #82ca6d;
    border-right: 8px solid #82ca6d;
    border-bottom-color: #82ca6d;
    border-left-color: transparent;
}
.pricing-card-banner.pricing-card-banner-border-hack:after {
    left: auto;
    right: -23px;
    border-left: 8px solid #82ca6d;
    border-right: 15px solid transparent;
}
.pricing-card-banner.pricing-card-banner-pseudo {
    background-image: url("../image/cards/pricing-card/center-banner-slice@2x.png");
    background-repeat: repeat-x;
    background-size: 1px 36px;
    color: #fff;
    display: inline-block;
    height: 36px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}
.pricing-card-banner.pricing-card-banner-pseudo:after,
.pricing-card-banner.pricing-card-banner-pseudo:before {
    position: absolute;
    content: "";
    background-image: url("../image/cards/pricing-card/pricing-card-banner-3-slice@2x.png");
    background-repeat: no-repeat;
    background-size: 15px 36px;
    display: block;
    height: 36px;
    top: 0;
    width: 8px;
}
.pricing-card-banner.pricing-card-banner-pseudo:before {
    background-position: 0 0;
    left: -8px;
}
.pricing-card-banner.pricing-card-banner-pseudo:after {
    background-position: -8px 0;
    right: -8px;
}
.pricing-card-banner.pricing-card-banner-pseudo-shadow {
    background-image: url("../image/cards/pricing-card/center-banner-slice-no-shadow@2x.png");
    background-repeat: repeat-x;
    background-size: 1px 31px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    color: #fff;
    display: inline-block;
    height: 31px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
}
.pricing-card-banner.pricing-card-banner-pseudo-shadow:after,
.pricing-card-banner.pricing-card-banner-pseudo-shadow:before {
    position: absolute;
    content: "";
    background-image: url("../image/cards/pricing-card/pricing-card-banner-3-slice-no-shadow@2x.png");
    background-repeat: no-repeat;
    background-size: 15px 31px;
    display: block;
    height: 31px;
    top: 0;
    width: 8px;
}
.pricing-card-banner.pricing-card-banner-pseudo-shadow:before {
    background-position: 0 0;
    left: -7px;
}
.pricing-card-banner.pricing-card-banner-pseudo-shadow:after {
    background-position: -8px 0;
    right: -7px;
}
.pricing-card-banner.pricing-card-banner-red.pricing-card-banner-pseudo-shadow {
    background-image: url("../image/cards/pricing-card/center-banner-slice-no-shadow-red@2x.png");
}
.pricing-card-banner.pricing-card-banner-red.pricing-card-banner-pseudo-shadow:after,
.pricing-card-banner.pricing-card-banner-red.pricing-card-banner-pseudo-shadow:before {
    background-image: url("../image/cards/pricing-card/pricing-card-banner-3-slice-no-shadow-red@2x.png");
}
.pricing-card-banner.pricing-card-banner-border-image {
    border: 8px solid;
    border-image: url("../image/cards/pricing-card/pricing-card-banner-3-slice@2x.png") 16 14 17 14 fill repeat;
    height: 36px;
}
.pricing-table {
    position: relative;
    display: block;
    margin: 40px auto 60px;
}
.pricing-table .pricing-table__notification {
    display: block;
    text-align: center;
    margin: 18px 0 0;
}
.pricing-table .pricing-table__banner {
    display: block;
    max-width: 500px;
    background: #fdfdfd;
    border-radius: 6px;
    padding: 0 22px;
    margin: 22px auto 0;
}
.pricing-table .pricing-table__banner p {
    display: inline-block;
    color: #596267;
    font-size: 14px;
    line-height: 32px;
    padding: 0;
}
.pricing-table .pricing-table__banner p span {
    display: inline-block;
    color: #898c8e;
    font-size: 16px;
    line-height: 32px;
    margin-right: 8px;
}
.pricing-table .pricing-table__banner .btn-default {
    float: right;
    margin: 6px 12px 0 0;
}
.pricing-table ul {
    list-style: none outside;
}
.pricing-table ul li {
    display: inline-block;
    float: left;
    padding: 0 20px 0 0;
    position: relative;
    text-align: center;
}
.pricing-table.pricing-table--2-options > ul {
    padding-left: 25%;
    padding-right: 25%;
}
.pricing-table.pricing-table--2-options > ul li {
    width: 50%;
}
.pricing-table.pricing-table--3-options > ul {
    width: 840px;
    margin: 0 auto;
}
.pricing-table.pricing-table--3-options > ul li {
    width: 280px;
}
.pricing-table.pricing-table--4-options > ul li {
    width: 25%;
}
.pricing-table ul li:last-child {
    padding: 0;
}
.pricing-table ul li.best-offer .pricing-table__option {
    outline: 6px solid #feeba6;
}
.pricing-table ul li .pricing-table__option {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #e3e8ed;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.pricing-table ul li .pricing-table__option .overview {
    position: relative;
    display: block;
    height: 120px;
    overflow: hidden;
    margin: 25px 25px 0;
}
.pricing-table ul li .pricing-table__option .overview h3 {
    font-size: 28px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 12px;
}
.pricing-table ul li .pricing-table__option .overview p {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
}
.pricing-table ul li .pricing-table__option .data-point,
.pricing-table ul li .pricing-table__option .data-point-large {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #dae1e1;
    border-bottom: 1px solid #dae1e1;
    padding: 0 25px;
    margin: -1px 0 0;
}
.pricing-table ul li .pricing-table__option .data-point-large {
    text-align: left;
    height: 128px;
}
.pricing-table ul li .pricing-table__option .data-point-label {
    color: #5cbe5a;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    position: absolute;
    display: inline;
    top: -10px;
    left: 18px;
    background: #fff;
    padding: 0 6px;
}
.pricing-table ul li .pricing-table__option .data-point p,
.pricing-table ul li .pricing-table__option .data-point-large p {
    font-size: 15px;
    line-height: 40px;
    font-weight: 300;
    padding: 0;
}
.pricing-table ul li .pricing-table__option .data-point ul,
.pricing-table ul li .pricing-table__option .data-point-large ul {
    list-style: none outside;
    margin: 16px 0 0;
}
.pricing-table ul li .pricing-table__option .data-point ul li,
.pricing-table ul li .pricing-table__option .data-point-large ul li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    text-align: left;
    width: auto;
    padding-left: 26px;
    margin: 0 0 6px;
}
.pricing-table ul li .pricing-table__option .data-point ul li span,
.pricing-table ul li .pricing-table__option .data-point-large ul li span {
    color: #596267;
    font-size: 10px;
    display: inline-block;
    margin: 0 4px 0 -26px;
}
.pricing-table ul li .pricing-table__option .data-point .data-column {
    float: left;
    width: 50%;
}
.pricing-table ul li .pricing-table__option .options {
    background: #f9fafa;
    border-radius: 0 0 3px 3px;
    display: block;
    min-height: 122px;
    padding: 0 25px 20px;
    position: relative;
    text-align: center;
}
.pricing-table ul li .pricing-table__option .options .pricing {
    position: relative;
    display: block;
}
.pricing-table ul li .pricing-table__option .options .pricing .price-point {
    position: relative;
    display: block;
    padding: 20px 0 12px;
}
.pricing-table ul li .pricing-table__option .options .pricing .price-point p {
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
}
.pricing-table ul li .pricing-table__option .options .pricing .price-point p.free-backing {
    color: #8d73c3;
    font-weight: 500;
    display: inline;
    padding: 2px 16px;
}
.pricing-table ul li .pricing-table__option .options .pricing .btn-default {
    font-size: 18px;
    width: 180px;
    padding: 10px 26px;
}
.pricing-table ul li .pricing-table__option .options .current-option {
    position: relative;
    display: block;
    text-align: center;
}
.pricing-table ul li .pricing-table__option .options .current-option h5 {
    font-weight: 500;
    padding: 24px 0 6px;
    margin: 0;
}
.pricing-table ul li .pricing-table__option .options .current-option p {
    padding: 0;
    margin: 0 20px;
}
.profile-selector .profile-selector-box {
    display: block;
    width: 100%;
    border: 1px solid #dae1e1;
    padding: 5px 10px;
    margin: 0 0 14px;
}
.profile-selector .profile-selector-box img {
    float: left;
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0 12px 0 0;
}
.profile-selector .profile-selector-box .profile-selector-type {
    display: block;
    color: #282e33;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin: 4px 0 1px;
}
.profile-selector .profile-selector-box .profile-selector-info {
    color: #282e33;
    font-size: 12px;
    line-height: 16px;
}
@media print,screen and (min-width:40em) {
    .profile-selector .profile-selector-box {
        float: left;
        position: relative;
        display: inline-block;
        width: 220px;
        height: 280px;
        text-align: center;
        background: #fff;
        border: 1px solid #dae1e1;
        padding: 30px 20px 0;
        margin: 0 18px 0 0;
    }
    .profile-selector .profile-selector-box:nth-child(3n+3) {
        margin: 0;
    }
    .profile-selector .profile-selector-box img {
        float: none;
        width: 140px;
        height: 140px;
        padding: 0;
        margin: 0;
    }
    .profile-selector .profile-selector-box .profile-selector-type {
        display: block;
        color: #282e33;
        font-size: 24px;
        line-height: 28px;
        font-weight: 600;
        margin: 4px 0;
    }
    .profile-selector .profile-selector-box .profile-selector-info {
        display: block;
        color: #282e33;
        font-size: 12px;
        line-height: 16px;
    }
    .profile-selector .profile-selector-box:hover {
        transform: scale(1.03);
        -webkit-transition: transform 0.2s;
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -ms-transition: transform 0.2s;
        transition: transform 0.2s;
        box-shadow: 1px 2px 4px rgba(0,0,0,.5);
    }
}
.reveal.reveal--play-project {
    padding: 2rem;
    border-radius: 5px;
}
.reveal.reveal--play-project h2,
.reveal.reveal--play-project h3 {
    margin-top: 0;
}
.reveal.reveal--play-project .player-border {
    border: 1px solid #e3e8ed;
    padding: 1rem;
}
.reveal.reveal--play-project .player-buttons {
    padding: 1rem 0;
}
.reveal.reveal--play-project .project-information {
    max-height: 400px;
    overflow-y: auto;
}
.reveal.reveal--play-project .project-information .remix-info img {
    max-width: 64px;
    margin-right: 10px;
    float: left;
}
.reveal.reveal--play-project .project-information a {
    font-size: inherit;
}
.reveal.reveal--play-project .project-information .markdown ol {
    list-style-position: inside;
}
.reveal.reveal--play-project .project-information .markdown ul {
    list-style-position: inside;
    list-style-type: disc;
}
.reveal.reveal--play-project .project-information .markdown pre {
    background-color: #f6f8fa;
    border-radius: 4px;
    padding: 16px;
}
.reveal.reveal--play-project .project-information .markdown pre code {
    padding: none;
    border: none;
    background-color: transparent;
}
.reveal.reveal--play-project a.report-link {
    color: #b8b8b8;
}
.reveal.reveal--play-project a.report-link:hover {
    color: #535353;
}
.reveal.reveal--play-project .player-actions {
    font-size: 18px;
    font-weight: 600;
}
.reveal.reveal--play-project .player-actions .like-action .icon {
    color: #f25954;
}
.reveal.reveal--play-project .player-actions a {
    color: #0a0a0a;
    display: inline-block;
    text-align: center;
    width: 80px;
}
.reveal.reveal--play-project iframe {
    width: 100%;
}
.reveal.reveal--play-project .bottom-row .button {
    margin-bottom: 0;
    margin-top: 0.5rem;
}
#player .modal-header h3 {
    font-size: 24px;
    line-height: 27px;
    margin: 10px 15px 9px!important !important;
}
#player .player-body {
    width: 900px;
    vertical-align: top;
    margin: 0 15px;
}
#player .player-body .project-information .creative-commons img {
    width: 15px;
}
#player .player-body .project-information p.project-stats {
    line-height: 18px;
}
#player .player-border {
    position: relative;
    display: inline-block;
    border: 2px solid #e3e8ed;
    border-radius: 4px;
    padding: 4px 6px;
}
#player .project-information,
#player iframe {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
#player .project-information {
    width: 265px;
    height: 457px;
    background: #f5f6f7;
    border: 1px solid #e3e8ed;
    color: #282e33;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    overflow-y: auto;
    padding: 10px;
    margin-left: 13px;
}
#player .project-information h4,
#player .project-information h5,
#player .project-information p {
    color: #282e33;
}
#player .project-information h4,
#player .project-information h5 {
    position: relative;
    display: block;
    border-bottom: 1px solid #dadada;
    margin: 16px 0 8px!important !important;
}
#player .project-information h4 {
    font-size: 20px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 6px;
}
#player .project-information h5 {
    font-size: 17px;
    line-height: 18px;
    font-weight: 500;
}
#player .project-information p {
    font-size: 16px;
    line-height: 19px;
    padding: 0 0 6px;
    margin: 0;
}
#player .project-information p .project-stats {
    line-height: 18px;
}
#player .modal-footer {
    border-top: none;
    margin: 0 15px;
    text-align: right;
    padding: 10px 5px 12px;
}
.project-play-button-actions {
    display: block;
    width: 980px;
    min-height: 34px;
    margin: 0 auto 10px;
}
.project-play-button-actions .buttons-on-right {
    float: right;
    display: inline-block;
}
.project-play-wrap {
    height: auto;
    background: #fff;
    border-radius: 0;
    box-shadow: 10px 10px 15px rgba(0,0,0,.6);
    padding: 0;
    margin: 0 auto 60px;
}
.project-play-wrap,
.project-play-wrap .project-play-frame {
    position: relative;
    display: block;
}
.project-play-wrap .project-play-detail {
    position: relative;
    display: block;
    min-height: 260px;
    background: #f7f8f9;
    padding: 10px 40px 20px;
}
.project-play-wrap .project-play-detail .project-play-buttons {
    display: block;
}
.project-play-wrap .project-play-detail .project-play-title {
    position: relative;
    display: block;
}
.project-play-wrap .project-play-detail .project-play-title h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    margin: 5px 0 0;
}
.project-play-wrap .project-play-detail .project-play-title p {
    padding: 5px 0 0;
}
.project-play-wrap .project-play-detail .project-play-title .share-bar-box {
    margin-top: 5px;
}
.project-play-wrap .project-play-detail .project-play-info {
    float: left;
    display: inline-block;
    width: 500px;
    margin: 12px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info h3 {
    position: relative;
    color: #282e33;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    padding: 0 200px 0 0;
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-info h5 {
    color: #282e33;
    margin: 8px 0 4px;
}
.project-play-wrap .project-play-detail .project-play-info p {
    color: #282e33;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 6px;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like {
    top: 0;
    right: 0;
    width: 200px;
    text-align: right;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-favorite-heart {
    display: inline-block;
    color: #9da3a7;
    font-size: 23px;
    line-height: 24px;
    padding: 0;
    margin: 0 2px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-favorite-heart .icon-heart-2 {
    margin: 0 2px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-favorite-heart.heart-selected,
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-favorite-heart:hover {
    color: #dc3929;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-favorite-number {
    display: inline-block;
    color: #9da3a7;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    margin: 0 10px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-like-thumb {
    display: inline-block;
    color: #9da3a7;
    font-size: 24px;
    line-height: 24px;
    padding: 0;
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-like-thumb .icon-thumbs-up {
    margin: 0 2px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-like-thumb:hover {
    color: #7562a1;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-like-thumb .project-like-number {
    display: inline-block;
    color: #9da3a7;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    margin: 0 10px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-like-thumb.like-selected {
    color: #7562a1;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-like-thumb.like-selected .project-like-number {
    color: #9da3a7;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-report-flag {
    display: inline-block;
    color: #9da3a7;
    line-height: 24px;
    padding: 0;
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-report-flag .icon-flag {
    margin: 0 2px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-report-flag:hover {
    color: #7562a1;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-view-eye {
    display: inline-block;
    color: #9da3a7;
    font-size: 23px;
    line-height: 24px;
    padding: 0;
    margin: 0 2px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-view-eye .icon-eye {
    margin: 0 3px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .favorite-like .project-view-eye .project-view-number {
    display: inline-block;
    color: #9da3a7;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    margin: 0 10px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity {
    position: relative;
    display: block;
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity h6 {
    color: #282e33;
    margin: 0 0 4px;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity ul.complexity-meter {
    position: relative;
    display: block;
    height: 25px;
    width: 212px;
    background: #fefefc;
    border: 1px solid #ebeae6;
    border-radius: 2px;
    padding: 2px;
    margin: 0 0 6px;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity ul.complexity-meter li {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    float: left;
    display: inline-block;
    width: 22px;
    background: #a4a19b;
    border: 1px solid #706f6a;
    padding: 0 2px 1px;
    margin: 0 -1px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity ul.complexity-meter li:last-child {
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity ul.complexity-meter li.completed {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    float: left;
    display: inline-block;
    background: #5cbe5a;
    width: 22px;
    padding: 0 2px 1px;
    margin: 0 -1px 0 0;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity ul.complexity-meter li.completed:last-child {
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-info .project-complexity ul.complexity-meter li.label {
    color: #4c4841;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    float: left;
    display: inline-block;
    width: 95px;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
}
.project-play-wrap .project-play-detail .project-play-stats {
    position: absolute;
    top: 24px;
    right: 30px;
    width: 280px;
    min-height: 200px;
    background: #fefefc;
    border: 1px solid #ebeae6;
    border-radius: 2px;
    padding: 10px 20px;
    margin: 0 0 0 40px;
}
.project-play-wrap .project-play-detail .project-play-stats h5 {
    color: #282e33;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ebeae6;
    padding: 0 0 4px;
    margin: 0 0 10px;
}
.project-play-wrap .project-play-detail .project-play-stats h6 {
    color: #282e33;
    margin: 0 0 4px;
}
.project-play-wrap .project-play-detail .project-play-stats .share-actions {
    dislay: block;
    padding: 0;
    margin: 10px 0 20px;
}
.project-play-wrap .project-play-detail .project-play-stats ul.complexity-meter {
    position: relative;
    display: block;
    height: 26px;
    width: 212px;
    background: #fefefc;
    border: 1px solid #ebeae6;
    border-radius: 2px;
    padding: 2px;
    margin: 0 0 6px;
}
.project-play-wrap .project-play-detail .project-play-stats ul.complexity-meter li {
    float: left;
    display: inline-block;
    width: 22px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    text-align: center;
    background: #a4a19b;
    border: 1px solid #706f6a;
    padding: 0 2px 1px;
    margin: 0 -1px 0 0;
}
.project-play-wrap .project-play-detail .project-play-stats ul.complexity-meter li:last-child {
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-stats ul.complexity-meter li.completed {
    float: left;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    text-align: center;
    background: #5cbe5a;
    width: 22px;
    padding: 0 2px 1px;
    margin: 0 -1px 0 0;
}
.project-play-wrap .project-play-detail .project-play-stats ul.complexity-meter li.completed:last-child {
    margin: 0;
}
.project-play-wrap .project-play-detail .project-play-stats ul.complexity-meter li.label {
    float: left;
    display: inline-block;
    width: 95px;
    color: #4c4841;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
}
.plans-quick-look {
    background: #1c3860;
    background-image: linear-gradient(#1c3860,#34395d);
    background-size: contain;
    background-repeat: repeat-x;
    color: #fff;
}
.plans-quick-look .subline,
.plans-quick-look h1 {
    color: #fff;
    margin: 30px 0 5px;
    font-size: 38px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    padding: 0;
}
.plans-quick-look .subline {
    font-size: 16px;
    padding: 0 0 6px;
    margin: 0 0 30px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.plans-quick-look .subline.subline-sale {
    margin-bottom: 0;
    padding-bottom: 8px;
}
.plans-quick-look .subline.subline-sale-countdown {
    font-size: 16px;
    font-style: italic;
    padding-top: 8px;
}
.plans-quick-look .subline.subline-sale-countdown .countdown {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
}
.plans-quick-look .disclaimer p {
    color: #ddd;
    font-size: 18px;
}
.plans-quick-look .disclaimer .disclaimer-sale-callout {
    background-color: #0c1733;
    padding: 10px;
    margin: 20px 10px;
}
.plans-quick-look .disclaimer .disclaimer-divider {
    color: #666;
}
.plans-quick-look .disclaimer hr {
    width: 40px;
    margin: 20px auto;
    border-bottom: 2px dotted #626467;
}
.plans-quick-look .disclaimer .disclaimer-terms {
    color: #ddd;
    font-size: 12px;
    padding: 10px 0;
}
.plans-quick-look .plans-quick-look-plans {
    padding: 20px 0 40px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing {
    color: #666;
    padding: 15px;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing {
        padding: 5px;
    }
}
@media screen and (max-width:39.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing {
        padding: 5px;
    }
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header {
    text-align: center;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header:hover .card-pricing-button-buy {
    background-color: #00a5bb;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header:hover .card-pricing-button-buy-outline {
    border: 1px solid #00a5bb;
    background-color: #00a5bb;
    color: #fff;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    color: #666;
}
@media screen and (max-width:39.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header h2 {
        font-size: 19px;
        margin: 22px 0 0;
    }
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-price {
    line-height: 1;
    margin: 20px 0 0 10px;
    font-size: 50px;
    font-weight: 700;
    color: #00bcd4;
}
@media screen and (max-width:39.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-price {
        margin: 0;
        font-size: 40px;
    }
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-price .month {
    font-size: 12px;
    font-weight: 300;
    margin-left: -10px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-price.card-pricing-price-unlimited {
    margin-left: 22px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-sale {
    color: #bf103d;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-was {
    text-decoration: line-through;
    color: gray;
    font-size: 20px;
}
@media screen and (max-width:39.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-was {
        font-size: 12px;
        padding-bottom: 20px;
    }
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-add-child,
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-description,
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-total {
    font-weight: 400;
    color: #666;
    font-size: 15px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-add-child,
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-savings,
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-total {
    line-height: 1;
    font-size: 13px;
    padding: 5px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-savings {
    color: #bf103d;
    font-weight: 700;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header ul {
    margin: 14px auto;
    line-height: 2;
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    margin-top: 20px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header ul img {
    margin-right: 5px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header ul li.card-pricing-icon {
    text-align: left;
    width: 50%;
    margin: auto;
    padding: 4px 0 0;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header ul li.card-pricing-icon {
        width: 75%;
    }
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-flag {
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 1%;
    letter-spacing: 1px;
    background-color: #00bcd4;
    padding: 1px 5px;
    font-weight: 500;
    left: 0;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-highlight {
    color: #00bcd4;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button {
    margin: 30px;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy {
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    margin: 0;
    width: 60%;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy:hover {
    background-color: #00a5bb;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy {
        width: 100%;
    }
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy-outline {
    border: 1px solid #00bcd4;
    background-color: hsla(0,0%,100%,.5);
    color: #00bcd4;
    border-radius: 5px;
    margin: 0;
    width: 60%;
    font-weight: 500;
}
.plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy-outline:hover {
    border: 1px solid #00a5bb;
    background-color: #00a5bb;
    color: #fff;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .plans-quick-look .plans-quick-look-plans .card.card-pricing .card-pricing-header .card-pricing-button-buy-outline {
        width: 100%;
    }
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content {
    line-height: 1.8;
    font-size: 14px;
    margin: 15px;
    padding-bottom: 20px;
    font-weight: 200;
    width: 80%;
    margin: auto;
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content h4 {
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14px;
    color: #d2d0d0;
    margin-top: 14px;
    padding-bottom: 0;
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content hr {
    border: none;
    border-top: 1px solid #e8e8e8;
    width: 13%;
    margin: auto;
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content .card-pricing-content-details {
    margin-top: 10px;
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content .card-pricing-content-details div {
    padding: 2px;
    border-bottom: 1px dotted #0b1e3a;
    color: #b9b9b9;
}
@media screen and (max-width:39.9375em) {
    .plans-quick-look .plans-quick-look-plans .card-pricing-content .card-pricing-content-details div {
        color: #333;
        border-bottom: 1px dotted #efefef;
    }
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content .tooltip {
    position: relative;
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content .tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #fff;
    color: #666;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -125px;
}
.plans-quick-look .plans-quick-look-plans .card-pricing-content .tooltip:hover .tooltiptext {
    visibility: visible;
}
.plans-quick-look .plans-quick-look-testimonials {
    padding: 30px 0 80px;
    background-color: #f6fafb;
    background-repeat: no-repeat;
    background-position: 50%;
}
.plans-quick-look .plans-quick-look-testimonials h2,
.plans-quick-look .plans-quick-look-testimonials h4 {
    margin-bottom: 10px;
}
.plans-quick-look .plans-quick-look-testimonials ul {
    color: #333;
    list-style-type: disc;
    margin-left: 10px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}
.plans-quick-look .plans-quick-look-testimonials ul li {
    margin-top: 30px;
}
.plans-quick-look .plans-quick-look-testimonials .quote blockquote {
    margin: 30px;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.plans-quick-look .plans-quick-look-testimonials .quote-wrap blockquote cite {
    color: #e1eff4;
}
.plans-quick-look .plans-quick-look-testimonials .quote-wrap blockquote:before {
    position: absolute;
    display: block;
    top: -20px;
    left: -2px;
    color: #bee4be;
}
.plans-quick-look .plans-quick-look-testimonials .quote-wrap {
    color: #fff;
    background-color: #77c677;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.plans-quick-look .plans-quick-look-testimonials .icon-checkmark {
    text-align: right;
    color: #4fbfb9;
    margin-top: 10px;
    margin-left: 10px;
}
.plans-quick-look .plans-quick-look-testimonials .safe-place-content {
    padding-top: 10px;
}
.plans-quick-look .plans-quick-look-testimonials .safe-place-content p {
    line-height: 1;
}
.plans-quick-look .plans-quick-look-testimonials h3 {
    margin: 0;
    font-size: 18px;
}
.plans-quick-look .plans-quick-look-faq {
    background-color: #fff;
    padding: 20px 0 40px;
}
.plans-quick-look .plans-quick-look-faq .accordion-header {
    text-align: left;
    color: #666;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-left: 28px;
    cursor: pointer;
}
.plans-quick-look .plans-quick-look-faq .accordion-content {
    text-align: left;
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 0;
    margin: 16px;
}
.plans-quick-look .plans-quick-look-faq .accordion-content p {
    line-height: 1.5;
    font-size: 18px;
}
.plans-quick-look .plans-quick-look-faq .plans-quick-look-faq-questions {
    margin-top: 20px;
}
.plans-quick-look .plans-feature-table .plans-small {
    font-size: 14px;
    font-style: italic;
}
@media screen and (max-width:39.9375em) {
    .plans-quick-look .plans-feature-table .plans-small {
        display: block;
    }
}
.plans-quick-look .plans-feature-table strong {
    font-size: 15px;
}
.plans-quick-look .plans-feature-table table tr {
    border-top: #293c5d;
}
.reveal.plans-quick-look .close-reveal-modal {
    color: #fff;
    right: 30px;
}
.price-interval {
    color: #282e33;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 52px;
    line-height: 40px;
    margin-top: 16px;
}
@media print,screen and (min-width:40em) {
    .price-interval {
        font-size: 70px;
        line-height: 60px;
        margin-top: 10px;
    }
}
.price-interval .price-interval__interval {
    color: #222;
    font-size: 16px;
    font-weight: 400;
}
@media print,screen and (min-width:40em) {
    .price-interval .price-interval__interval {
        font-size: 22px;
    }
}
.price-interval .price-interval__cents {
    font-size: 16px;
    font-weight: 400;
    font-size: 40%;
    top: -1em;
    line-height: 0;
    vertical-align: baseline;
    position: relative;
}
.price-interval.price-interval--small {
    font-size: 62px;
    line-height: 42px;
    margin-top: 20px;
}
.price-interval.price-interval--previous {
    color: #222;
    font-size: 12px;
    line-height: 12px;
    margin-top: 0;
    margin-bottom: 20px;
    text-decoration: line-through;
}
.price-interval.price-interval--previous .price-interval__interval {
    font-size: 12px;
    font-weight: 400;
}
.pricing-options-card {
    background-color: #fff;
    margin: 0 10px 40px 20px;
}
.pricing-options-card .pricing-options-card__header {
    background-color: #4fbfb9;
    padding: 28px 10px;
    text-align: center;
}
.pricing-options-card .pricing-options-card__header > p {
    color: #fff;
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 0;
}
.pricing-options-card .pricing-options-card__body {
    padding: 32px;
}
@media print,screen and (min-width:64em) {
    .pricing-options-card .pricing-options-card__body {
        min-height: 600px;
    }
}
.pricing-options-card .pricing-options-card__body .pricing-options-card__body__activity-count {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 10px;
    text-align: center;
}
.pricing-options-card .pricing-options-card__body .pricing-options-card__body__activity-count-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}
.pricing-options-card .pricing-options-card__body .pricing-options-card__body__heading {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}
.pricing-options-card .pricing-options-card__body .pricing-options-card__body__separator {
    border-width: 2px;
    color: #282e33;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pricing-options-card .pricing-options-card__body .pricing-options-card__body__price {
    text-align: center;
}
.pricing-options-card .pricing-options-card__price {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}
@media print,screen and (min-width:64em) {
    .pricing-options-card .pricing-options-card__body > ul {
        display: block;
    }
    .pricing-options-card .pricing-options-card__body > ul > li {
        font-size: 16px;
        line-height: 26px;
    }
    .pricing-options-card .pricing-options-card__footer {
        background-color: #282e33;
        padding: 40px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 174px;
        text-align: center;
    }
    .pricing-options-card .pricing-options-card__footer p {
        color: #fff;
    }
    .pricing-options-card.pricing-options-card--subscription .pricing-options-card__footer {
        padding: 20px 40px;
    }
}
.project-wrap {
    position: relative;
    display: block;
}
.project-wrap .project-card {
    float: left;
    position: relative;
    display: inline-block;
    width: 194px;
    height: 140px;
    text-align: center;
    background: #fcfcfc;
    margin: 0 10px 10px 0;
    vertical-align: top;
}
@media print,screen and (min-width:40em) {
    .project-wrap .project-card {
        width: 207px;
        height: 149px;
    }
}
@media print,screen and (min-width:64em) {
    .project-wrap .project-card {
        width: 230px;
        height: 166px;
    }
}
@media screen and (min-width:75em) {
    .project-wrap .project-card {
        width: 275px;
        height: 198px;
    }
}
.project-wrap .project-card.new-project .project-image {
    position: relative;
    display: block;
    background: #36a1d8;
    padding-top: 54px;
}
.project-wrap .project-card.new-project .project-image span {
    color: #fff;
    font-size: 62px;
    line-height: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -31px;
    margin-top: -31px;
}
.project-wrap .project-card.new-project .project-image:hover {
    background: #1e8dc6;
}
.project-wrap .project-card.new-project:hover .project-data .project-title {
    display: block;
}
.project-wrap .project-card.new-project:hover .project-data .project-title h5 {
    color: #fff;
}
.project-wrap .project-card .project-delete {
    position: absolute;
    display: none;
    top: -9px;
    right: -8px;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: url("/global/ui02/css/img/icn-modal-close0.png") 0 0 no-repeat;
    z-index: 10;
}
.project-wrap .project-card .project-delete:hover {
    background: url("/global/ui02/css/img/icn-modal-close1.png") 0 0 no-repeat;
}
.project-wrap .project-card .project-image {
    position: relative;
    display: block;
    width: 100%;
    height: 96px;
    overflow: hidden;
}
@media print,screen and (min-width:40em) {
    .project-wrap .project-card .project-image {
        height: 105px;
    }
}
@media print,screen and (min-width:64em) {
    .project-wrap .project-card .project-image {
        height: 122px;
    }
}
@media screen and (min-width:75em) {
    .project-wrap .project-card .project-image {
        height: 154px;
    }
}
.project-wrap .project-card .project-image img {
    width: 100%;
    padding: 0;
    margin: 0;
}
.project-wrap .project-card .project-image .image-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    display: none;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #d5d5d5;
    background-color: #000;
    background-color: rgba(0,0,0,.8);
    margin: -35px 0 0 -35px;
}
.project-wrap .project-card .project-image .image-icon span {
    color: #fff;
    font-size: 32px;
    line-height: 64px;
}
.project-wrap .project-card .project-image .notebook-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -31px;
    margin-top: -31px;
}
.project-wrap .project-card .project-image .notebook-icon span {
    color: #424b51;
    font-size: 62px;
    line-height: 62px;
}
.project-wrap .project-card .project-image .in-showcase {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    background: #8d73c3;
}
.project-wrap .project-card .project-image .in-showcase span {
    margin-right: 4px;
}
.project-wrap .project-card .project-image .project-tutorial {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 32px;
    background: #36a1d8 url("../image/ui/icn-tutorial.png") 50% no-repeat;
    padding: 0;
}
.project-wrap .project-card .project-data {
    position: relative;
    display: block;
    height: 44px;
    background: #fff;
    text-align: left;
    padding: 0;
}
.project-wrap .project-card .project-data h5 {
    color: #424b51;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    font-family: open sans condensed,open sans,helvetica,arial,sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 4px 75px 1px 0;
}
.project-wrap .project-card .project-data h6 {
    display: block;
    color: #424b51;
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 75px 0 0;
}
.project-wrap .project-card .project-data .project-title {
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}
.project-wrap .project-card .project-data .icon-button-left {
    position: absolute;
    top: 0;
    right: 40px;
    width: 40px;
    height: 44px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 4px 0 0;
    margin: 0;
}
.project-wrap .project-card .project-data .icon-button-left span {
    color: #9da3a7;
}
.project-wrap .project-card .project-data .icon-button-left:hover {
    background: #ffaa31;
}
.project-wrap .project-card .project-data .icon-button-left:hover span {
    color: #fff;
}
.project-wrap .project-card .project-data .icon-button-left .icon-button-text {
    display: block;
    color: #596267;
    font-size: 10px;
    line-height: 10px;
    padding: 1px 0 0;
    margin: 0;
}
.project-wrap .project-card .project-data .icon-button-left.selected .icon-button-text,
.project-wrap .project-card .project-data .icon-button-left.selected span {
    color: #fd990a;
}
.project-wrap .project-card .project-data .icon-button-left.selected:hover .icon-button-text,
.project-wrap .project-card .project-data .icon-button-left.selected:hover span {
    color: #fff;
}
.project-wrap .project-card .project-data .icon-button-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 44px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 4px 0 0;
    margin: 0;
}
.project-wrap .project-card .project-data .icon-button-right span {
    color: #9da3a7;
}
.project-wrap .project-card .project-data .icon-button-right:hover {
    background: #ffaa31;
}
.project-wrap .project-card .project-data .icon-button-right:hover span {
    color: #fff;
}
.project-wrap .project-card .project-data .icon-button-right .icon-button-text {
    display: block;
    color: #596267;
    font-size: 10px;
    line-height: 10px;
    padding: 1px 0 0;
    margin: 0;
}
.project-wrap .project-card .project-data .icon-button-right.selected .icon-button-text,
.project-wrap .project-card .project-data .icon-button-right.selected span {
    color: #fd990a;
}
.project-wrap .project-card .project-data .icon-button-right.selected:hover .icon-button-text,
.project-wrap .project-card .project-data .icon-button-right.selected:hover span {
    color: #fff;
}
.project-wrap .project-card .project-data .project-actions {
    display: none;
    height: 44px;
    padding: 0;
}
.project-wrap .project-card .project-data .project-actions h5 {
    color: #fff;
    margin-top: 0;
    padding: 4px 0 0 10px;
}
.project-wrap .project-card .project-data .project-actions h6 {
    color: #fff;
    margin-top: 0;
    padding: 0 0 0 10px;
}
.project-wrap .project-card .project-data .project-actions .action-button {
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    padding: 4px 8px;
    margin: 6px 0 0 8px;
}
.project-wrap .project-card .project-data .project-actions .action-button span {
    float: left;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    margin-right: 4px;
}
.project-wrap .project-card .project-data .project-actions .action-button:hover {
    color: #fff;
    background: #ffaa31;
    border: 1px solid #ffaa31;
}
.project-wrap .project-card .project-data .project-actions .action-button:hover span {
    color: #fff;
}
.project-wrap .project-card .project-data .project-actions .icon-button {
    float: left;
    width: 40px;
    height: 44px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 4px 0 0;
    margin: 0;
}
.project-wrap .project-card .project-data .project-actions .icon-button span {
    color: #fff;
}
.project-wrap .project-card .project-data .project-actions .icon-button:hover {
    background: #ffaa31;
}
.project-wrap .project-card .project-data .project-actions .icon-button:hover span {
    color: #fff;
}
.project-wrap .project-card .project-data .project-actions .icon-button .icon-button-text {
    display: block;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    padding: 1px 0 0;
    margin: 0;
}
.project-wrap .project-card .project-data .project-actions .icon-button.selected .icon-button-like-text,
.project-wrap .project-card .project-data .project-actions .icon-button.selected span {
    color: #ffaa31;
}
.project-wrap .project-card .project-data .project-actions .icon-button.selected:hover .icon-button-like-text,
.project-wrap .project-card .project-data .project-actions .icon-button.selected:hover span {
    color: #fff;
}
.project-wrap .project-card:hover {
    background: #fcfcfc;
    translate3d: 0,0,0;
    transform: scale(1.03);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
    box-shadow: 1px 2px 6px rgba(0,0,0,.6);
}
.project-wrap .project-card:hover .image-icon,
.project-wrap .project-card:hover .project-actions,
.project-wrap .project-card:hover .project-delete {
    display: block;
}
.project-wrap .project-card:hover .project-data {
    background: #000;
}
.project-wrap .project-card:hover .project-data .icon-button-left .icon-button-text,
.project-wrap .project-card:hover .project-data .icon-button-left span,
.project-wrap .project-card:hover .project-data .icon-button-right .icon-button-text,
.project-wrap .project-card:hover .project-data .icon-button-right span {
    color: #fff;
}
.project-wrap .project-card:hover .project-data .project-title {
    display: none;
}
.project-wrap .project-card.project-card-notebook {
    background-color: #7463ac;
}
.project-gallery {
    position: relative;
    display: block;
}
.project-gallery.project-reverse-text .project-data h6 {
    color: #fff;
}
.project-gallery .project-tile {
    position: relative;
    display: inline-block;
    width: 270px;
    height: 223px;
    text-align: center;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 5px;
    margin: 8px;
    vertical-align: top;
}
@media(max-width:1195px) {
    .project-gallery .project-tile {
        width: 260px;
        height: 215px;
    }
}
@media(max-width:1160px) {
    .project-gallery .project-tile {
        width: 240px;
        height: 198px;
    }
}
@media(max-width:1140px) {
    .project-gallery .project-tile {
        width: 230px;
        height: 190px;
    }
}
@media(max-width:1070px) {
    .project-gallery .project-tile {
        width: 220px;
        height: 182px;
    }
}
@media(max-width:1040px) {
    .project-gallery .project-tile {
        width: 270px;
        height: 223px;
    }
}
@media(max-width:988px) {
    .project-gallery .project-tile {
        margin: 10px 5px;
    }
}
.project-gallery .project-tile .project-delete {
    position: absolute;
    display: none;
    top: -12px;
    right: -12px;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: url("/global/ui02/css/img/icn-modal-close0.png") 0 0 no-repeat;
    z-index: 10;
}
.project-gallery .project-tile .project-delete:hover {
    background: url("/global/ui02/css/img/icn-modal-close1.png") 0 0 no-repeat;
}
.project-gallery .project-tile .project-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    height: 166px;
    background: #fff;
    border: 1px solid #e3e8ed;
    border-radius: 4px;
    overflow: hidden;
}
.project-gallery .project-tile .project-thumbnail.create-new-project {
    position: relative;
    display: block;
    background: #36a1d8;
    padding-top: 54px;
}
.project-gallery .project-tile .project-thumbnail.create-new-project span {
    color: #fff;
    font-size: 62px;
    line-height: 62px;
}
.project-gallery .project-tile .project-thumbnail.create-new-project:hover {
    background: #1e8dc6;
}
.project-gallery .project-tile .project-thumbnail img {
    width: 100%;
    height: 100%;
}
.project-gallery .project-tile .project-thumbnail .in-showcase {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    background: #8d73c3;
}
.project-gallery .project-tile .project-thumbnail .project-tutorial {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 39px;
    height: 37px;
    background: #36a1d8 url("../image/ui/icn-tutorial.png") 50% no-repeat;
    padding: 0;
}
@media(max-width:1195px) {
    .project-gallery .project-tile .project-thumbnail {
        height: 160px;
    }
}
@media(max-width:1160px) {
    .project-gallery .project-tile .project-thumbnail {
        height: 147px;
    }
}
@media(max-width:988px) {
    .project-gallery .project-tile .project-thumbnail {
        height: 166px;
    }
}
.project-gallery .project-tile .project-thumbnail .project-actions {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 166px;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    padding: 10px 35px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .play-project {
    position: absolute;
    left: 50%;
    bottom: 20px;
    display: block;
    width: 77px;
    height: 78px;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    background: #36a1d8;
    border: 2px solid #36a1d8;
    border-radius: 60px;
    padding: 3px 0 0;
    margin: 0 0 0 -40px;
    cursor: pointer;
}
.project-gallery .project-tile .project-thumbnail .project-actions .play-project span {
    font-size: 73px;
    line-height: 73px;
    margin-right: 0;
}
.project-gallery .project-tile .project-thumbnail .project-actions .play-project:hover {
    background: #1e8dc6;
    border: 2px solid #1e8dc6;
    cursor: pointer;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 102px;
    width: 176px;
    margin: 0 0 0 -88px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap h5 {
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    margin: 0 12px 6px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button {
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    background: #36a1d8;
    border: 2px solid #36a1d8;
    border-radius: 30px;
    padding: 6px 0 0;
    margin: 0 2px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button:hover {
    background: #1e8dc6;
    border: 2px solid #1e8dc6;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button.circle-button-selected {
    color: #fed233;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button-remix {
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    vertical-align: bottom;
    background: #36a1d8 url("../image/ui/icn-remix.png") 50% no-repeat;
    border: 2px solid #36a1d8;
    border-radius: 30px;
    padding: 6px 0 0;
    margin: 0 2px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button-remix:hover {
    background: #1e8dc6 url("../image/ui/icn-remix.png") 50% no-repeat;
    border: 2px solid #1e8dc6;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button-code-view {
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    vertical-align: bottom;
    background: #36a1d8 url("../image/ui/icn-code-view.png") 50% no-repeat;
    border: 2px solid #36a1d8;
    border-radius: 30px;
    padding: 6px 0 0;
    margin: 0 2px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-circle-button-wrap .project-circle-button-code-view:hover {
    background: #1e8dc6 url("../image/ui/icn-code-view.png") 50% no-repeat;
    border: 2px solid #1e8dc6;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-toggle-button-wrap {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 106px;
    width: 176px;
    margin: 0 0 0 -88px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-toggle-button-wrap h5 {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin: 0 12px 4px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-toggle-button-wrap .project-toggle-button {
    display: block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    background: #36a1d8;
    border: 2px solid #36a1d8;
    border-radius: 30px;
    padding: 4px 20px;
    margin: 0 2px;
}
.project-gallery .project-tile .project-thumbnail .project-actions .project-toggle-button-wrap .project-toggle-button:hover {
    background: #1e8dc6;
    border: 2px solid #1e8dc6;
}
.project-gallery .project-tile .project-data {
    position: relative;
    display: block;
    text-align: left;
    padding: 2px 0 0;
}
.project-gallery .project-tile .project-data .project-favorite {
    position: absolute;
    top: 4px;
    right: 0;
    width: 35px;
    text-align: center;
}
.project-gallery .project-tile .project-data .project-favorite .project-favorite-heart {
    color: #8c9295;
    font-size: 16px;
    line-height: 14px;
    padding: 0;
    margin: 0;
}
.project-gallery .project-tile .project-data .project-favorite .project-favorite-heart.heart-selected,
.project-gallery .project-tile .project-data .project-favorite .project-favorite-heart:hover {
    color: #ffaa31;
}
.project-gallery .project-tile .project-data .project-favorite .project-favorite-number {
    display: block;
    color: #596267;
    font-size: 10px;
    line-height: 10px;
    padding: 0;
    margin: 0;
}
.project-gallery .project-tile .project-data .project-favorite .project-like-icon {
    color: #9da3a7;
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
}
.project-gallery .project-tile .project-data .project-favorite .project-like-icon:hover {
    color: #dc3929;
}
.project-gallery .project-tile .project-data .project-favorite .project-like-icon .project-like-number {
    display: block;
    color: #596267;
    font-size: 10px;
    line-height: 10px;
    padding: 0;
    margin: 0;
}
.project-gallery .project-tile .project-data .project-favorite .project-like-icon.like-selected {
    color: #7562a1;
}
.project-gallery .project-tile .project-data .project-favorite .project-like-icon.like-selected .project-like-number {
    color: #596267;
}
.project-gallery .project-tile .project-data .project-title {
    display: block;
    width: 82%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-gallery .project-tile .project-data .project-title h5 {
    font-size: 13px;
    line-height: 16px;
    margin: 3px 0 5px 2px;
}
.project-gallery .project-tile .project-data h6 {
    display: block;
    font-size: 11px;
    line-height: 12px;
    margin: 0 0 0 2px;
}
.project-gallery .project-tile:hover {
    background: #fff;
    border: 1px solid #36a1d8;
    box-shadow: 0 0 3px rgba(54,161,216,.7);
}
.project-gallery .project-tile:hover .project-data h6,
.project-gallery .project-tile:hover .project-title h5 {
    color: #3ca7de;
}
.project-gallery .project-tile:hover .project-gallery-thumbnail {
    border: 1px solid #fff;
}
.project-gallery .project-tile:hover .project-actions,
.project-gallery .project-tile:hover .project-delete {
    display: block;
}
.projecttemplates-modal {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}
.projecttemplates-modal .projecttemplates-title {
    height: 40px;
    border-bottom: 1px solid #ccc;
}
.projecttemplates-modal .projecttemplates-title h2 {
    display: inline-block;
    font-size: 26px;
    margin: 0 20px;
    padding: 0;
    color: #333;
}
.projecttemplates-modal .projecttemplates-title a.back {
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
    color: #000;
}
.projecttemplates-modal .projecttemplates-title a.back:before {
    font-family: IcoMoon;
    content: "\E09C";
}
.projecttemplates-modal .projecttemplates-title a.close {
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
    color: #000;
    float: right;
}
.projecttemplates-modal .projecttemplates-title a.close:after {
    font-family: IcoMoon;
    content: "\E085";
}
.projecttemplates-modal .projecttemplates-container {
    width: 915px;
    height: 500px;
    overflow-y: auto;
}
.projecttemplates-modal .projecttemplates-category {
    display: inline-block;
    width: 300px;
    cursor: pointer;
    margin-bottom: 20px;
}
.projecttemplates-modal .projecttemplates-category span {
    display: block;
    text-align: center;
    font-weight: 700;
}
.projecttemplates-modal .projecttemplates-project {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 240px;
    cursor: pointer;
    margin-bottom: 10px;
}
.projecttemplates-modal .projecttemplates-project .projecttemplates-screenshot {
    display: inline-block;
    position: absolute;
    width: 255px;
    height: 187px;
    background-size: cover;
    background-position: 50%;
    background-color: #7463ac;
    margin: 20px;
    overflow: hidden;
}
.projecttemplates-modal .projecttemplates-project .projecttemplates-frame {
    display: inline-block;
    position: absolute;
    width: 294px;
    height: 230px;
    background-image: url("/ide/imgs/templates/stack-template.png");
}
.projecttemplates-modal .projecttemplates-project .projecttemplates-difficulty {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 111px;
    height: 29px;
}
.projecttemplates-modal .projecttemplates-project .projecttemplates-difficulty.easy {
    background-image: url("/ide/imgs/templates/difficulty-easy.png");
}
.projecttemplates-modal .projecttemplates-project .projecttemplates-difficulty.medium {
    background-image: url("/ide/imgs/templates/difficulty-medium.png");
}
.projecttemplates-modal .projecttemplates-project .projecttemplates-difficulty.hard {
    background-image: url("/ide/imgs/templates/difficulty-hard.png");
}
.projecttemplates-modal .projecttemplates-project span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-weight: 700;
}
.project-count-wrap {
    display: block;
}
.project-count-inline {
    position: relative;
    display: inline-block;
    margin: 0;
}
.project-count-inline h5 {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    margin: 0 2px;
}
.project-count-inline h5 a {
    color: #fff;
}
.project-count-inline h5 a:hover {
    color: #fed233;
}
.project-count-inline p {
    display: inline-block;
    color: #2d2c29;
    font-size: 24px;
    line-height: 27px;
    text-align: center;
    padding: 0;
    margin: 0;
}
.project-count-inline p .digit {
    text-align: center;
    padding: 0;
    margin: 0 2px;
}
.project-count-inline p .digit b {
    color: #eee;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #343d46;
    width: 24px;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0,0,0,.1),0 2px 0 rgba(0,0,0,.05);
    padding: 2px 0 0;
    margin: 0 1px;
}
.project-count-inline p .digit b:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 47%;
    left: 0;
    content: "";
    background: rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin: 0;
}
.project-count-inline p .comma {
    color: #34495e;
    font-size: 21px;
    line-height: 24px;
    position: relative;
    bottom: -7px;
    display: inline-block;
    padding: 0;
    margin: 0 -1px;
}
.project-count-inline .project-count-inline__label {
    display: inline-block;
    margin: 0;
    position: relative;
}
.project-count-inline.project-count-inline--white,
.project-count-inline.project-count-inline--white p,
.project-count-inline.project-count-inline--white p .comma {
    color: #fff;
}
.project-count-inline.project-count-inline--white p .digit b {
    background: #fff;
    color: #4e5979;
}
.project-count-inline.project-count-inline--white .project-count-inline__label {
    text-transform: none;
    font-weight: 700;
}
.project-count-inline.project-count-inline--small p .digit b {
    font-size: 12px;
    line-height: 16px;
    width: 14px;
}
.project-count-inline.project-count-inline--small h5 {
    font-size: 14px;
}
.project-count-stack {
    text-align: center;
    position: relative;
    display: block;
    margin: 0;
}
.project-count-stack .digit {
    text-align: center;
    padding: 0;
    margin: 0 2px;
}
.project-count-stack .digit b {
    color: #eee;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #343d46;
    width: 28px;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0,0,0,.1),0 2px 0 rgba(0,0,0,.05);
    padding: 4px 6px;
    margin: 0 1px;
}
.project-count-stack .digit b:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 47%;
    left: 0;
    content: "";
    background: rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin: 0;
}
.project-count-stack .comma {
    color: #34495e;
    font-size: 21px;
    line-height: 24px;
    position: relative;
    bottom: -7px;
    display: inline-block;
    padding: 0;
    margin: 0 -1px;
}
.project-count-stack .digit-text {
    color: #2d2c29;
    font-size: 18px;
    line-height: 30px;
}
.project-count-stack-large {
    text-align: center;
    position: relative;
    display: block;
    margin: 0;
}
.project-count-stack-large .digit {
    text-align: center;
    padding: 0;
    margin: 0 2px;
}
.project-count-stack-large .digit b {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #292e34;
    width: 36px;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,.1),0 2px 0 rgba(0,0,0,.05);
    padding: 4px 6px;
    margin: 0 1px;
}
.project-count-stack-large .digit b:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 47%;
    left: 0;
    content: "";
    background: rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin: 0;
}
.project-count-stack-large .comma {
    color: #292e34;
    font-size: 21px;
    line-height: 24px;
    position: relative;
    bottom: -9px;
    display: inline-block;
    padding: 0;
    margin: 0 -1px;
}
.project-count-stack-large .digit-text {
    color: #2d2c29;
    font-size: 20px;
    line-height: 36px;
    font-weight: 300;
}
.quote-wrap {
    position: relative;
    display: block;
    border-top: 1px solid #dae1e1;
    padding: 30px 0;
    margin: 20px 0 10px;
}
.quote-wrap blockquote {
    color: #596267;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    font-style: italic;
    font-family: Palatino,serif;
    position: relative;
    padding: 6px 10px 0 40px;
    margin: 0 0 40px;
}
.quote-wrap blockquote:before {
    position: absolute;
    display: block;
    top: 21px;
    left: -2px;
    color: #dae1e1;
    font-size: 80px;
    font-family: Georgia,serif;
    content: "\201C";
}
.quote-wrap blockquote.large {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 0;
}
.quote-wrap blockquote cite {
    display: block;
    color: #8c9295;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    font-family: open sans,Helvetica,Arial,sans-serif;
    border-top: 1px solid #dae1e1;
    padding: 5px 0 0;
    margin: 10px 5px 0 0;
}
.quote-wrap blockquote cite:before {
    content: "\2014\2009";
}
.quote-wrap blockquote cite span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding-top: 2px;
}
.bubble-quote-wrap {
    position: relative;
    display: block;
    padding: 30px 0;
    margin: 20px 0 10px;
}
.bubble-quote-wrap blockquote {
    position: relative;
    color: #596267;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    font-family: open sans,Helvetica,Arial,sans-serif;
    background: #fafafa;
    border-radius: 10px;
    padding: 20px 20px 20px 48px;
    margin: 0 0 44px;
}
.bubble-quote-wrap blockquote:before {
    position: absolute;
    display: block;
    top: 40px;
    left: -2px;
    color: #dae1e1;
    font-size: 98px;
    font-family: Georgia,serif;
    content: "\201C";
}
.bubble-quote-wrap blockquote:after {
    position: absolute;
    bottom: -35px;
    right: 30px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #fafafa transparent transparent;
}
.bubble-quote-wrap blockquote.quote-left:after {
    position: absolute;
    bottom: -35px;
    left: 30px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 35px 35px 0 0;
    border-color: #fafafa transparent transparent;
}
.bubble-quote-wrap blockquote cite {
    display: block;
    color: #596267;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    padding: 0;
    margin: 5px 10px 0 0;
}
.bubble-quote-wrap blockquote cite:before {
    content: "\2014\2009";
}
.bubble-quote-wrap blockquote cite span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding-top: 2px;
}
.simple-bubble-quote-wrap blockquote {
    position: relative;
    color: #596267;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    font-family: open sans,Helvetica,Arial,sans-serif;
    background: #fafafa;
    border-radius: 10px;
    padding: 20px 20px 20px 48px;
    margin: 0 0 44px;
}
.simple-bubble-quote-wrap blockquote:before {
    position: absolute;
    display: block;
    top: 40px;
    left: -2px;
    color: #dae1e1;
    font-size: 98px;
    font-family: Georgia,serif;
    content: "\201C";
}
.simple-bubble-quote-wrap blockquote:after {
    position: absolute;
    bottom: -35px;
    right: 30px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #fafafa transparent transparent;
}
.simple-bubble-quote-wrap blockquote.quote-left:after {
    position: absolute;
    bottom: -35px;
    left: 30px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 35px 35px 0 0;
    border-color: #fafafa transparent transparent;
}
.simple-bubble-quote-wrap blockquote cite {
    display: block;
    color: #596267;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    padding: 0;
    margin: 5px 10px 0 0;
}
.simple-bubble-quote-wrap blockquote cite:before {
    content: "\2014\2009";
}
.simple-bubble-quote-wrap blockquote cite span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding-top: 2px;
}
.reveal.rate-activity-modal {
    padding: 10px;
    background-color: #4a80b7;
    border: 3px solid #fff;
    border-radius: 10px;
    color: #fff;
    min-height: 250px;
    text-align: center;
}
.reveal.rate-activity-modal h2 {
    color: #fff;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 30px;
    margin: 10px;
}
.reveal.rate-activity-modal p {
    color: #fff;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors {
    min-height: 130px;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating {
    display: inline-block;
    list-style: none;
    text-align: center;
    padding: 10px;
    vertical-align: top;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating img {
    background-color: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    height: 80px;
    margin-left: 5px;
    margin-top: 1px;
    width: 80px;
    border: 4px solid #17cedc;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating h4 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    margin-top: 5px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating.feedback-exit-rating-inactive {
    transition: all 0.2s ease;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating.feedback-exit-rating-inactive img {
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    height: 60px;
    width: 60px;
    border: 3px solid #17cedc;
    background-color: #c3c3c3;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating.feedback-exit-rating-inactive h4 {
    display: none;
    font-size: 20px;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating.feedback-exit-rating-active {
    transition: all 0.2s ease;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating.feedback-exit-rating-active img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    margin-left: 5px;
    width: 60px;
    border: 3px solid #17cedc;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    transform: scale(1.2);
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating.feedback-exit-rating-active h4 {
    font-size: 20px;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating:hover {
    transition: all 0.5s ease;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating:hover img,
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating:hover img .feedback-exit-rating-inactive {
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2);
    -webkit-filter:none;
    filter:none;
    background-color: #fff;
    transform: scale(1.1);
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating:hover img .feedback-exit-rating-active {
    transform: none;
}
.reveal.rate-activity-modal ul.feedback-exit-rating-selectors li.feedback-exit-rating:hover h4 {
    display: block;
    line-height: 1.5;
    margin-top: 2px;
    transform: scale(1.1);
}
.reveal.rate-activity-modal .close-reveal-modal {
    color: #fff;
}
.reveal.rate-activity-modal .close-reveal-modal:hover {
    color: #c3c3c3;
}
.reveal.rate-activity-modal .feedback-exit-rating-detail .label,
.reveal.rate-activity-modal .feedback-exit-rating-detail .question {
    color: #fff;
    font-weight: 400;
    line-height: 36px;
}
.reveal.rate-activity-modal .feedback-exit-rating-detail .label {
    text-align: right;
    text-transform: uppercase;
}
.reveal.rate-activity-modal .feedback-exit-rating-detail .question {
    text-align: left;
}
.reveal.rate-activity-modal .button.rating {
    background-color: #fff;
    color: #17cedc;
    color: #00b4cb;
    border: 0.5px solid rgba(28,207,221,.5);
    text-transform: lowercase;
    font-weight: 500;
}
.reveal.rate-activity-modal .button.rating:focus,
.reveal.rate-activity-modal .button.rating:hover {
    background-color: #17cedc;
    color: #17cedc;
    color: #fff;
}
.reveal.rate-activity-modal .button.rating.active,
.reveal.rate-activity-modal .button.rating.active:focus,
.reveal.rate-activity-modal .button.rating.active:hover {
    background-color: #17cedc;
    color: #fff;
}
.reveal.rate-activity-modal .button-group .button {
    margin-right: 0;
}
.recent-list-item {
    cursor: pointer;
    padding-bottom: 10px;
}
.recent-list-item:hover .image {
    transform: scale(1.005);
    box-shadow: 2px 2px 4px rgba(0,0,0,.5);
    z-index: 10;
    transition: all 0.1s ease-in-out;
}
.recent-list-item:hover .image.course {
    transform: scale(1.1);
}
.recent-list-item .image {
    text-align: center;
    border-radius: 4px;
}
.recent-list-item .image img {
    max-height: 60px;
}
.recent-list-item .image.course {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.recent-list-item .image.notebook,
.recent-list-item .image.project {
    background-color: #fff;
    border: 1px solid #eee;
}
.recent-list-item .image.notebook {
    min-height: 45px;
}
.recent-list-item .image.minecraft {
    background-color: #fff;
    border: 1px solid #eee;
}
.recent-list-item .description {
    padding-left: 10px;
}
.recent-list-item .description p {
    font-size: 14px;
    margin-bottom: 0;
}
.recent-list-item .description p.title {
    font-weight: 700;
}
.reveal {
    outline: none;
    position: relative;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24);
}
@media print,screen and (min-width:40em) {
    .reveal.small-medium {
        width: 60%;
        max-width: 75rem;
    }
}
@media print,screen and (min-width:40em) {
    .reveal.medium {
        width: 66%;
        max-width: 75rem;
    }
}
.reveal h2,
.reveal h3 {
    color: #0a0a0a;
}
.reveal.reveal-rounded {
    border-radius: 5px;
}
.reveal.reveal-animated {
    padding: 20px;
    opacity: 0;
    transition: all 0.25s;
    transform: scale(0);
    animation: fade-in 0.25s ease-in-out;
}
.reveal.without-overlay {
    position: fixed;
}
.reveal.reveal-confirm {
    border-radius: 5px;
}
.reveal.reveal-confirm .message {
    margin: 20px 0;
}
.reveal.reveal-confirm .actions {
    text-align: right;
}
.reveal.reveal-confirm .actions .button {
    margin-bottom: 0;
}
.reveal.reveal-confirm .actions .button-confirm {
    margin-left: 5px;
}
.reveal.reveal-signup-5 {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.reveal.reveal-signup-5 .reveal-signup-5-content {
    border-radius: 5px;
    margin: auto;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 0;
}
.reveal.reveal-signup-5 .reveal-signup-5-content h2 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
@media screen and (max-width:39.9375em) {
    .reveal.reveal-signup-5 .reveal-signup-5-content h2 {
        font-size: 28px;
    }
}
.reveal.reveal-signup-5 .reveal-signup-5-content p {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.reveal.reveal-signup-5 .reveal-signup-5-content .close-reveal-modal {
    color: #fff;
}
.reveal.reveal-signup-5 .reveal-signup-5-content .image {
    margin-bottom: -10px;
}
.reveal.reveal-signup-5 .reveal-signup-5-content .callout {
    border-radius: 50px;
    color: #fff;
    font-size: 36px;
    background-color: #f25954;
    width: 90px;
    position: absolute;
    top: 20px;
    left: 15%;
    padding: 10px;
    line-height: 0.9;
    font-weight: 700;
    margin: auto;
    text-align: center;
}
@media screen and (max-width:39.9375em) {
    .reveal.reveal-signup-5 .reveal-signup-5-content .callout {
        left: 5%;
    }
}
.reveal.reveal-signup-5 .reveal-signup-5-content .reveal-signup-5-content-img {
    background-color: #00bcd4;
    -moz-border-radius: 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.reveal.reveal-signup-5 .reveal-signup-5-content .button {
    margin-bottom: 30px;
}
.reveal.reveal-request-minecraft-server-access {
    border-radius: 5px;
}
.reveal.reveal-request-minecraft-server-access .title {
    font-size: 25px;
}
.reveal.reveal-request-minecraft-server-access .parent-subscription-request-form-text {
    text-align: left;
    margin: 0;
}
.reveal.reveal-request-minecraft-server-access .btn-round.orange {
    color: #fff;
    background: #ffaa31;
    border: 1px solid #ffaa31;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#ffaa31),color-stop(100%,#f6a430));
    background-image: -moz-linear-gradient(#ffaa31,#f6a430);
    background-image: -webkit-linear-gradient(#ffaa31,#f6a430);
    background-image: linear-gradient(#ffaa31,#f6a430);
    padding: 10px 20px;
}
.reveal.reveal-request-minecraft-server-access .btn-round.gray {
    color: #fff;
    background: gray;
    border: 1px solid gray;
    background-image: none;
    padding: 10px 20px;
}
.reveal .close-reveal-modal {
    color: rgba(0,0,0,.6);
    cursor: pointer;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 0;
}
.reveal .close-reveal-modal:hover {
    color: #3ca7de;
}
.reveal .reveal__column {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.reveal .reveal__header {
    background-color: #00bcd4;
    padding: 0 30px;
    position: relative;
}
.reveal .reveal__header h1 {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
}
.reveal .reveal__header .reveal__close {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.reveal .reveal__header .reveal__close:hover {
    color: #f5f6f7;
}
.reveal .reveal__body h2 {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
}
.reveal .reveal__footer {
    background: #f5f6f7;
    display: block;
    position: relative;
    text-align: center;
    padding: 8px 20px;
}
.reveal .reveal__footer p {
    color: #0a0a0a;
}
.reveal .reveal__footer .button {
    margin-bottom: 0;
}
.reveal.reveal--sticky-footer {
    padding-bottom: 34px;
    position: relative;
}
.reveal.reveal--sticky-footer.without-overlay {
    position: fixed;
}
.reveal.reveal--sticky-footer .reveal__footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 34px;
}
.reveal.reveal--sticky-footer .reveal__logo-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
}
.reveal.reveal--scroll-fix {
    padding: 0;
}
.reveal.reveal--scroll-fix .reveal-content {
    height: 100%;
    overflow: auto;
    padding: 1rem;
}
body.is-reveal-open .reveal-animated {
    opacity: 1;
    transform: scale(1);
}
.reveal.reveal--profile-select,
.reveal.reveal--sign-in {
    padding: 0;
}
.reveal.reveal--profile-select .reveal__body,
.reveal.reveal--profile-select .reveal__footer,
.reveal.reveal--profile-select .reveal__header,
.reveal.reveal--sign-in .reveal__body,
.reveal.reveal--sign-in .reveal__footer,
.reveal.reveal--sign-in .reveal__header {
    padding: 1rem;
}
.reveal.reveal--profile-select .reveal__footer p,
.reveal.reveal--sign-in .reveal__footer p {
    margin-bottom: 0;
    padding: 0;
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--profile-select,
    .reveal.reveal--sign-in {
        width: 736px;
    }
}
.reveal.reveal--profile-select {
    padding-bottom: 90px;
    position: relative;
}
.reveal.reveal--profile-select.without-overlay {
    position: fixed;
}
@media screen and (max-width:39.9375em) {
    .reveal.reveal--profile-select .reveal__footer {
        background: 0 0;
        padding-top: 0;
    }
}
@media print,screen and (min-width:40em) {
    .reveal.reveal--profile-select {
        padding-bottom: 0;
    }
    .reveal.reveal--profile-select .reveal__footer {
        position: static;
        height: auto;
    }
}
.reveal.reveal--sign-in .social-buttons-small {
    margin-top: 1rem;
}
.reveal.reveal--sign-in .divider-horizontal {
    position: relative;
    min-height: 1px;
    background: #dae1e1;
    margin: 30px 0;
}
.reveal.reveal--sign-in .divider-horizontal span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 34px;
    height: 14px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 0 6px;
    margin: -7px 0 0 -17px;
}
.reveal.reveal--sign-in .divider-vertical {
    position: relative;
    display: inline-block;
    min-width: 1px;
    min-height: 300px;
    background: #dae1e1;
    margin: 0 50%;
}
.reveal.reveal--sign-in .divider-vertical span {
    position: absolute;
    top: 88px;
    left: 1px;
    width: 34px;
    height: 26px;
    color: #4e565a;
    font-size: 12pt;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 6px 0;
    margin: -7px 0 0 -17px;
}
.reveal--select {
    background-color: #0070ba;
}
.reveal--select h2 {
    color: #fff;
}
.reveal--select .reveal__close {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
.reveal--select .reveal__close:hover {
    color: #f5f6f7;
}
.reveal--select .select-modal-options .select-modal-option {
    border-radius: 4px;
    background-color: #f3f8fb;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
@media print,screen and (min-width:64em) {
    .reveal--select .select-modal-options .select-modal-option.select-modal-option-first {
        float: right;
    }
}
.reveal--select .select-modal-options .select-modal-option span {
    display: block;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px;
}
.reveal--select .select-modal-options .select-modal-option:hover {
    box-shadow: 1px 2px 6px rgba(0,0,0,.6);
    transform: scale(1.03);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
@media screen and (max-width:39.9375em) {
    .reveal--select .select-modal-options .select-modal-option img {
        height: 150px;
    }
}
.reveal--select .select-modal-options .select-user-small .select-modal-option {
    width: 100%;
}
@media print,screen and (min-width:64em) {
    .reveal--select .select-modal-options .select-user-small .select-modal-option {
        width: 80%;
        margin-top: 40px;
    }
}
@media print,screen and (min-width:64em) {
    .reveal--select .select-modal-options .select-user-small img {
        height: 200px;
    }
}
.reveal--share {
    border-radius: 5px;
}
.reveal--share .share-tabs {
    min-height: 380px;
}
.reveal--share .share-tabs .tabs {
    background-color: #d9d9d9;
}
.reveal--share .share-tabs .tabs li.tabs-title > a {
    color: #596267;
    font-size: 18px;
    font-weight: 300;
    padding: 0.75rem 1.5rem;
}
.reveal--share .share-tabs .tabs li.tabs-title > a:hover {
    background: #f0f0f0;
}
.reveal--share .share-tabs .tabs li.tabs-title > a[aria-selected=true] {
    font-weight: 500;
    background: #fff;
}
.reveal--share .share-tabs .tabs li.tabs-title > a[aria-selected=true]:hover {
    background: #fff;
}
.reveal--share .share-tabs .tabs-content {
    background-color: #fefefe;
}
.reveal--share .share-controls {
    padding: 1rem;
}
.reveal--share .project-preview {
    padding: 0 0 0 30px;
}
.reveal--share .project-preview .project-screen-shot {
    text-align: center;
    width: 100%;
    margin: 20px 0 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px;
    line-height: 0;
}
.reveal--share .project-preview .project-screen-shot img {
    height: 350px;
}
.reveal--share .project-preview .project-screen-shot.asset img {
    image-rendering: pixelated;
}
.reveal--share .notebook-preview {
    padding: 0 0 0 30px;
}
.reveal--share .notebook-preview .notebook-image {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px;
    line-height: 0;
}
.reveal--share .notebook-preview .notebook-image img {
    background-color: #9078c6;
    max-height: 300px;
}
.reveal--share .notebook-preview .notebook-image.asset img {
    image-rendering: pixelated;
}
.btn-social {
    background-image: url("../image/btn-social/shadow.png");
    background-position: 6px 2px;
    background-repeat: no-repeat;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 32px;
    padding-left: 8px;
    width: 30px;
}
.btn-social:hover {
    color: #fff;
    background-image: none;
}
.btn-social.btn-social--twitter {
    background-color: #4099ff;
}
.btn-social.btn-social--facebook {
    background-color: #3b5998;
}
.btn-social.btn-social--google-plus {
    background-color: #d34836;
}
.btn-social.btn-social--youtube {
    background-color: #b31217;
}
.reveal.student-course-quick-look {
    border-radius: 5px;
}
.reveal.student-course-quick-look .box-body {
    min-height: 420px;
}
.reveal.student-course-quick-look .box-body.expanded {
    min-height: 520px;
}
.reveal.student-course-quick-look .box-body .box-message {
    margin-top: 20px;
}
.reveal.student-course-quick-look .course-preview-box {
    display: block;
    padding: 18px 0;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-image,
.reveal.student-course-quick-look .course-preview-box .thumbnail-gallery-wrap {
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 0;
    padding: 20px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-image .image-window,
.reveal.student-course-quick-look .course-preview-box .thumbnail-gallery-wrap .image-window {
    position: relative;
    display: block;
    width: 360px;
    height: 240px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.6);
    padding: 0;
    margin: 0;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-image .image-window img,
.reveal.student-course-quick-look .course-preview-box .thumbnail-gallery-wrap .image-window img {
    width: 100%;
    padding: 0;
    margin: 0;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text {
    position: relative;
    padding: 0 0 0 20px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-title {
    font-size: 26px;
    line-height: 30px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-sub-title {
    color: #8c9296;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 12px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 12px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text p.concept {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 12px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text ul {
    list-style: square outside;
    margin: 0 0 14px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text ul li {
    font-size: 16px;
    line-height: 24px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text ul.kid-subgoals {
    list-style: circle outside;
    margin: 20px 0 20px 28px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text ul.kid-subgoals li {
    font-size: 20px;
    line-height: 28px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-badges {
    display: block;
    width: 100%;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-badges h6 {
    color: #8c9296;
    font-size: 15px;
    line-height: 19px;
    margin: 0 0 6px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-badges img {
    float: left;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-character-unlocks {
    display: block;
    width: 100%;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-character-unlocks h6 {
    color: #8c9296;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 0 12px;
}
.reveal.student-course-quick-look .course-preview-box .course-preview-text .course-preview-character-unlocks img {
    float: left;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.reveal.student-course-quick-look .course-preview-box .thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content .thumbnail-gallery-count {
    display: none;
}
.reveal.student-course-quick-look .course-preview-box .thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content p {
    font-size: 22px;
}
.reveal.student-course-quick-look .course-preview-cta {
    padding: 30px;
    border: 2px solid #e2e2e2;
    border-radius: 16px;
    text-align: center;
}
.reveal.student-course-quick-look .course-preview-cta h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: uppercase;
}
.reveal.student-course-quick-look .course-preview-cta p {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: auto;
    max-width: 250px;
    padding: 10px 0 14px;
}
.sub-navigation {
    display: none;
    width: 100%;
    height: 50px;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.15);
    padding: 0;
    z-index: 2;
}
@media print,screen and (min-width:64em) {
    .sub-navigation {
        display: block;
    }
}
.sub-navigation.stuck {
    display: block;
}
.sub-navigation .row {
    padding: 0;
}
.sub-navigation .nav-link {
    display: inline-block;
    color: #667075;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    padding: 10px 16px 4px;
    margin: 0;
    border-bottom: 6px solid transparent;
}
.sub-navigation .nav-link:hover {
    color: #fff;
    background-color: #82ca6d;
}
.sub-navigation .nav-link.active {
    color: #282e33;
    border-bottom: 6px solid #82ca6d;
}
.sub-navigation .nav-link.active:hover {
    color: #fff;
}
.sub-navigation .nav-link-right {
    display: inline-block;
    float: right;
    line-height: 18px;
}
.sub-navigation .btn-nav-link {
    border-bottom: none;
    border-radius: 30px;
    color: #667075;
    font-size: 16px;
    font-weight: 300;
    margin: 8px 0 0 6px;
    padding: 8px 24px;
}
.sub-navigation .btn-nav-link:hover {
    color: #fff;
    background: #fba62d;
    background: -webkit-linear-gradient(top,#fba62d,#ee9e2b);
    background: linear-gradient(180deg,#fba62d 0,#ee9e2b);
    background: -moz-linear-gradient(top,#fba62d 0,#ee9e2b 100%);
    background: -ms-linear-gradient(top,#fba62d 0,#ee9e2b 100%);
    background: -o-linear-gradient(top,#fba62d 0,#ee9e2b 100%);
}
.sub-navigation .btn-nav-link.active {
    color: #fff;
    font-weight: 400;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#ffaa31),color-stop(100%,#fd9500));
    background-image: -webkit-linear-gradient(#ffaa31,#fd9500);
    background-image: -moz-linear-gradient(#ffaa31,#fd9500);
    background-image: -o-linear-gradient(#ffaa31,#fd9500);
    background-image: linear-gradient(#ffaa31,#fd9500);
    border-bottom: none;
}
.sub-navigation .btn-round {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.sub-navigation .btn-round.white {
    border: 1px solid #fff;
}
.sub-navigation .drop-down-menu {
    position: absolute;
    top: 45px;
    right: 12px;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 0;
    margin: 0;
    z-index: 1000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.sub-navigation .drop-down-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.2);
    content: "";
}
.sub-navigation .drop-down-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: "";
}
.sub-navigation .drop-down-menu li a {
    display: block;
    min-width: 120px;
    color: #596267;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    position: relative;
    border-radius: 0;
    padding: 2px 14px 0;
    margin: 0;
}
.sub-navigation .drop-down-menu li a:hover {
    display: block;
    color: #596267;
    background-color: #f4f4f4;
    width: 100%;
}
.sub-navigation .drop-down-menu li {
    display: block;
}
.sub-navigation .drop-down-menu li:first-of-type a {
    border-top-radius: 3px;
}
.sub-navigation .drop-down-menu li:last-of-type a {
    border-bottom-radius: 3px;
}
.sub-navigation:hover > .drop-down-menu {
    display: block;
}
.sub-navigation .header-cart-container {
    padding: 10px 0;
    visibility: hidden;
}
.sub-navigation .header-cart-container:hover .drop-down-menu {
    display: block;
}
.sub-navigation.stuck {
    position: fixed;
    top: 0;
}
.sub-navigation.stuck .header-cart-container {
    visibility: visible;
}
.subscription-card {
    background-color: #fff;
    cursor: pointer;
    margin-top: 26px;
    padding: 26px;
    border: 3px solid #282e33;
    box-shadow: 3px 3px 3px #282e33;
}
.subscription-card:hover {
    transform: scale(1.02);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.subscription-card .subscription-card__title {
    font-size: 16px;
    font-weight: 700;
}
.subscription-card .subscription-card__children {
    font-size: 16px;
    font-weight: 700;
    padding-top: 16px;
}
.subscription-card .subscription-card__recurring_period {
    font-size: 12px;
}
.subscription-card .subscription-card__interval {
    color: #222;
    font-size: 12px;
}
.subscription-card .subscription-card__recurring {
    color: #222;
    font-size: 12px;
    text-transform: uppercase;
}
.subscription-card .subscription-card__action {
    margin-top: 10px;
}
.subscription-card.subscription-card--callout .subscription-card__callout {
    color: #f25954;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
}
.subscription-card.subscription-card--best-value {
    position: relative;
}
.subscription-card.subscription-card--best-value .subscription-card__best-value {
    background-image: url("../image/cards/subscription/recommended.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -36px;
    top: -36px;
    width: 140px;
    height: 93px;
}
a.subscription-card {
    display: block;
    color: #282e33;
}
@media print,screen and (min-width:40em) {
    .subscription-card {
        padding: 50px 26px 30px;
        margin-top: 55px;
    }
    .subscription-card .subscription-card__title {
        font-size: 24px;
    }
    .subscription-card.subscription-card--best-value {
        margin-top: 30px;
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .subscription-card.subscription-card--best-value .subscription-card__best-value {
        width: 180px;
        height: 120px;
    }
}
.thumbnail-gallery-wrap {
    position: relative;
    width: 98%;
    background: #fafafa;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    overflow: hidden;
    padding: 20px;
    margin: 0 0 30px;
}
.thumbnail-gallery-wrap .thumbnail-gallery-window {
    position: relative;
    display: block;
    width: 100%;
    box-shadow: 1px 1px 10px rgba(0,0,0,.6);
    padding: 0;
    margin: 0;
}
.thumbnail-gallery-wrap .thumbnail-gallery-window img {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}
.thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content {
    position: relative;
    display: block;
    width: 100%;
    height: 34px;
    background: #596267;
    padding: 6px 12px 8px;
    margin: -5px 0 0;
}
.thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content .thumbnail-gallery-count {
    position: absolute;
    top: 9px;
    right: 12px;
    width: 20px;
    height: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    text-align: right;
}
.thumbnail-gallery-wrap .thumbnail-gallery-window .thumbnail-gallery-content p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails {
    position: relative;
    width: 100%;
    padding: 20px 0 8px;
    white-space: nowrap;
    overflow-x: auto;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails ul {
    list-style: none;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails ul li {
    position: relative;
    display: inline-block;
    width: 18%;
    margin: 0 6px;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails ul li a img {
    position: relative;
    width: 100%;
    height: 100%;
    border: 6px solid #e4e4e4;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails ul li a.selected-thumbnail img {
    position: relative;
    border: 6px solid #5cbe5a;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails ul li a.selected-thumbnail:after {
    position: absolute;
    top: -14px;
    left: 40%;
    width: 0;
    height: 0;
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #5cbe5a;
}
.thumbnail-gallery-wrap .thumbnail-gallery-thumbnails ul li a:hover img {
    border: 6px solid #5cbe5a;
}
table.product-comparison-table {
    width: 100%;
    background: #fff;
    border: 1px solid #e3e8ed;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin: 0 0 60px;
}
table.product-comparison-table th {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    text-align: left;
    background: #2388bf;
    border: 1px solid #2388bf;
    padding: 2px 8px;
}
table.product-comparison-table tbody tr td {
    color: #3b3832;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    background: #fff;
    border-bottom: 1px solid #dae1e1;
    padding: 8px 24px;
    vertical-align: middle;
}
table.product-comparison-table tbody tr td h3 {
    color: #3b3832;
    font-size: 26px;
    line-height: 27px;
    font-weight: 400;
    margin: 0;
}
table.product-comparison-table tbody tr td.center {
    text-align: center;
}
table.product-comparison-table tbody tr td.small {
    font-size: 11px;
    line-height: 14px;
}
table.product-comparison-table tbody tr td.blank {
    background: 0 0;
    border-bottom: none!important;
}
table.product-comparison-table tbody tr td.description {
    font-weight: 600;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 24px;
}
table.product-comparison-table tbody tr td.description h5 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 14px;
}
table.product-comparison-table tbody tr td.description.title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    background: #616f77;
    color: #fff;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
}
table.product-comparison-table tbody tr td.description p {
    font-size: 12px;
}
table.product-comparison-table tbody tr td.description.segment {
    font-size: 18px;
    background: #dae0e7;
    line-height: normal;
    font-weight: 700;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
    text-transform: uppercase;
}
table.product-comparison-table tbody tr td.description.segment p {
    font-size: 12px;
    text-transform: none;
}
table.product-comparison-table tbody tr td.description.classroom,
table.product-comparison-table tbody tr td.description.lesson,
table.product-comparison-table tbody tr td.description.product,
table.product-comparison-table tbody tr td.description.support {
    border-left: 1px solid #c9cfcf;
}
table.product-comparison-table tbody tr td.bottom-action {
    text-align: center;
    background: #f9fafa;
    border-left: 1px solid #dae1e1;
    padding: 4px 0 18px;
}
table.product-comparison-table tbody tr td.bottom-action.first {
    text-align: left;
    border-left: 1px solid #f9fafa;
    padding: 8px 26px;
}
table.product-comparison-table tbody tr td.bottom-action p {
    font-size: 16px;
    line-height: 22px;
    padding: 8px 0 6px;
}
table.product-comparison-table tbody tr td.bottom-action .btn-default {
    width: 146px;
}
table.product-comparison-table tbody tr td.column1 {
    width: 220px;
    background: #fff;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
}
table.product-comparison-table tbody tr td.column1.title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    background: #2abb9b;
    color: #fff;
    padding: 8px 24px 10px;
}
table.product-comparison-table tbody tr td.column1.segment {
    font-size: 18px;
    background: #dae0e7;
    line-height: normal;
    font-weight: 400;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
    text-transform: uppercase;
}
table.product-comparison-table tbody tr td.column1-head {
    height: 10px;
    font-size: 10px;
    line-height: 12px;
    background: #b4daf0;
    border-bottom: 1px solid #b4daf0;
    border-top: 1px solid #b4daf0;
}
table.product-comparison-table tbody tr td.column1-title {
    background: #37bdb6;
    border-bottom: 1px solid #3999d4;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}
table.product-comparison-table tbody tr td.column1-top {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border: none;
    border-bottom: 3px solid #3a96c9;
    padding: 0;
}
table.product-comparison-table tbody tr td.column1-bottom {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border-top: 3px solid #3a96c9;
    border-bottom: none;
    padding: 0;
}
table.product-comparison-table tbody tr td.column2 {
    width: 220px;
    background: #fff;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px;
}
table.product-comparison-table tbody tr td.column2.title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    background: #36a1d8;
    color: #fff;
    padding: 8px 24px 10px;
}
table.product-comparison-table tbody tr td.column2.segment {
    font-size: 18px;
    background: #dae0e7;
    line-height: normal;
    font-weight: 400;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
    text-transform: uppercase;
}
table.product-comparison-table tbody tr td.column2-head {
    height: 10px;
    font-size: 10px;
    line-height: 12px;
    background: #9ed3f0;
    border-bottom: 1px solid #9ed3f0;
}
table.product-comparison-table tbody tr td.column2-title {
    background: #1eafa7;
    border-bottom: 1px solid #2a85bd;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}
table.product-comparison-table tbody tr td.column2-top {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border: none;
    border-bottom: 3px solid #2388bf;
    padding: 0;
}
table.product-comparison-table tbody tr td.column2-bottom {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border-top: 3px solid #2388bf;
    border-bottom: none;
    padding: 0;
}
table.product-comparison-table tbody tr td.column3 {
    width: 220px;
    background: #fff;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px;
}
table.product-comparison-table tbody tr td.column3.title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    background: #8d73c3;
    color: #fff;
    padding: 6px 24px 10px 20px;
}
table.product-comparison-table tbody tr td.column3.segment {
    font-size: 18px;
    background: #dae0e7;
    line-height: normal;
    font-weight: 400;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
    text-transform: uppercase;
}
table.product-comparison-table tbody tr td.column3-head {
    height: 10px;
    font-size: 10px;
    line-height: 12px;
    background: #9ed3f0;
    border-bottom: 1px solid #9ed3f0;
}
table.product-comparison-table tbody tr td.column3-title {
    background: #1ca39c;
    border-bottom: 1px solid #2a85bd;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}
table.product-comparison-table tbody tr td.column3-top {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border: none;
    border-bottom: 3px solid #2388bf;
    padding: 0;
}
table.product-comparison-table tbody tr td.column3-bottom {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border-top: 3px solid #2388bf;
    border-bottom: none;
    padding: 0;
}
table.product-comparison-table tbody tr td.column4 {
    width: 220px;
    background: #fff;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px;
}
table.product-comparison-table tbody tr td.column4.title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 400;
    background: #e8ebed;
    padding: 8px 24px 10px;
}
table.product-comparison-table tbody tr td.column4.segment {
    font-size: 18px;
    background: #dae0e7;
    line-height: normal;
    font-weight: 400;
    border-bottom: 1px solid #c9cfcf;
    border-right: 1px solid #c9cfcf;
    border-left: 1px solid #c9cfcf;
    padding: 8px 26px 10px;
    text-transform: uppercase;
}
table.product-comparison-table tbody tr td.column4-head {
    height: 10px;
    font-size: 10px;
    line-height: 12px;
    background: #9ed3f0;
    border-bottom: 1px solid #9ed3f0;
}
table.product-comparison-table tbody tr td.column4-title {
    background: #1ca39c;
    border-bottom: 1px solid #2a85bd;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    padding: 8px;
}
table.product-comparison-table tbody tr td.column4-top {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border: none;
    border-bottom: 3px solid #2388bf;
    padding: 0;
}
table.product-comparison-table tbody tr td.column4-bottom {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
    border-top: 3px solid #2388bf;
    border-bottom: none;
    padding: 0;
}
table.product-comparison-table tbody tr td.icn-yes {
    color: #5cbe5a;
    font-size: 18px;
    line-height: 20px;
}
table.product-comparison-table tbody tr td.icn-no {
    color: #a9b0b4;
    font-size: 16px;
    line-height: 20px;
}
.round-column {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.search-box-container {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
    display: inline-block;
    height: 41px;
    margin-bottom: 0.875rem;
    padding: 4px 7px;
    position: relative;
    width: 85%;
}
.search-box-container input.search-box {
    border: none;
    box-shadow: none;
    width: 100%!important;
}
.search-button-container .icon-search {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 9px;
    right: -34px;
    z-index: 2;
}
.search-box {
    border: none;
    float: left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 30px;
    margin-bottom: 0;
    padding: 0;
}
.search-box-clearer {
    color: #575757;
    font-size: 10px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 10px;
    top: 0;
}
input.search-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    right: -50px;
    top: -1px;
    background-color: #00bcd4;
    color: #fefefe;
    height: 41px;
    width: 53px;
    line-height: 40px;
}
input.search-button:after {
    content: "\E045";
    color: #fff;
    font-size: 30px;
}
.search-drop-down {
    display: inline-block;
    position: relative;
    width: 100%;
}
.search-drop-down .text-field {
    margin-bottom: 0;
}
.search-drop-down .lock {
    background: transparent url("../image/components/card/lock.png") no-repeat 50%;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.search-drop-down .results {
    position: absolute;
    border: 1px solid #000;
    width: 100%;
    background-color: #fff;
}
.search-drop-down .results .result {
    padding: 10px;
    font-size: 12px;
}
.search-drop-down .results .result:hover {
    background-color: #ddd;
    cursor: pointer;
}
ul.school-auto-complete-list {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    font-size: 16px;
    line-height: 22px;
    max-height: 10em;
    overflow-y: auto;
    padding: 4px;
    position: absolute;
    z-index: 10;
}
ul.school-auto-complete-list li {
    padding: 2px;
    cursor: pointer;
    white-space: nowrap;
}
ul.school-auto-complete-list li em {
    font-weight: 700;
}
.subscription-plans-table {
    background-color: #23364a;
    background-image: -webkit-linear-gradient(270deg,#475484,#25293a);
    background-image: linear-gradient(180deg,#475484,#25293a);
}
.subscription-plans-table h1,
.subscription-plans-table h2,
.subscription-plans-table p,
.subscription-plans-table p.subtitle {
    color: #fff;
}
.subscription-plans-table .subscription-plans-table__cards {
    margin-top: 30px;
}
@media print,screen and (min-width:40em) {
    .subscription-plans-table .subscription-plans-table__cards {
        padding-left: 110px;
        padding-right: 110px;
    }
}
.subscription-plans-table--lighter {
    background-color: #096080;
}
.video-strip {
    display: inline-block;
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 1em 0 0.5em;
}
.video-thumbnail .video-image-border {
    position: relative;
    display: block;
    width: 196px;
    height: auto;
    background: #fff;
    border: 4px solid #fff;
    border-bottom-width: 1px;
    box-shadow: 0 2px 3px rgba(0,0,0,.6);
}
.video-thumbnail .video-image-border img {
    max-width: 100%;
}
.video-thumbnail .video-image-border .video-icon {
    position: absolute;
    right: 6px;
    bottom: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
}
.video-thumbnail .video-image-border .video-icon span {
    color: #fff;
    font-size: 17px;
    line-height: 17px;
}
.video-thumbnail .video-image-border .video-play-icon {
    position: absolute;
    display: none;
    left: 50%;
    bottom: 50%;
    width: 61px;
    height: 61px;
    margin: 0 0 -30px -30px;
}
.video-thumbnail .video-image-border:hover {
    cursor: pointer;
}
.video-thumbnail .video-image-border:hover .video-play-icon {
    display: block;
}
.video-thumbnail .video-image-border.video-image-border--background-image {
    position: relative;
}
.video-thumbnail .video-image-border.video-image-border--background-image .video-background-image {
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.video-thumbnail .video-comment {
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0 0;
    text-align: center;
}
.video-thumbnail .video-duration {
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 14px;
    font-size: 10px;
    line-height: 12px;
    padding: 1px 0 0;
}
.video-thumbnail:hover .video-background-image {
    -webkit-filter:blur(3px);
    -moz-filter:blur(3px);
    -o-filter:blur(3px);
    -ms-filter:blur(3px);
    filter:blur(3px);
}
.video-thumbnail.fit .video-image-border,
.video-thumbnail.fit .video-image-border img {
    width: 100%;
}
.video-thumbnail.play-icon-always-on .video-image-border .video-play-icon {
    cursor: pointer;
    display: block;
}
.modal-unlock {
    overflow: visible;
    padding: 0!important !important;
    border: 0!important;
    background-color: #2e3347;
}
.modal-unlock.modal-unlock-2,
.modal-unlock.modal-unlock-2 .modal-unlock-content {
    background-color: #fff;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar {
    background-color: #fff;
    color: #0a0a0a;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar h4 {
    text-transform: uppercase;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar h4,
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar p {
    color: #0a0a0a;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask {
    padding: 0;
    margin-top: 0;
    border-top: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask .subtitle,
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask label {
    color: #0a0a0a;
    font-size: 16px;
    margin-top: 14px;
    padding-bottom: 14px;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask p {
    padding-bottom: 0;
}
.modal-unlock.modal-unlock-2 .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask .captcha {
    margin-bottom: 10px;
}
.modal-unlock.modal-unlock-2 .modal-unlock-content {
    background-color: #fbfbfb;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding-bottom: 0;
    margin: 10px;
}
.modal-unlock.modal-unlock-2 .close-reveal-modal {
    color: #000!important;
    font-size: 40px!important;
    position: absolute;
    right: 10px;
    top: 5px;
}
.modal-unlock.modal-unlock-2 .close-reveal-modal:hover {
    text-shadow: 0 0 5px rgba(0,0,0,.8);
}
.modal-unlock p,
.modal-unlock ul {
    font-weight: 500;
}
.modal-unlock .close-reveal-modal {
    color: #fff!important;
    font-size: 40px!important;
    position: absolute;
    right: 10px;
    top: 5px;
}
.modal-unlock .close-reveal-modal:hover {
    text-shadow: 2px 2px 5px #000;
}
.modal-unlock .parents-modal {
    background-color: #fff;
}
.modal-unlock .modal-unlock-content {
    padding: 20px;
    background-color: #fff;
}
.modal-unlock .modal-unlock-gallery .active-thumbnail {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}
@media print,screen and (min-width:40em) {
    .modal-unlock .modal-unlock-gallery .active-thumbnail {
        height: 140px;
    }
}
@media print,screen and (min-width:64em) {
    .modal-unlock .modal-unlock-gallery .active-thumbnail {
        height: 322px;
    }
}
@media screen and (min-width:75em) {
    .modal-unlock .modal-unlock-gallery .active-thumbnail {
        height: 382px;
    }
}
@media screen and (min-width:90em) {
    .modal-unlock .modal-unlock-gallery .active-thumbnail {
        height: 428px;
    }
}
.modal-unlock .modal-unlock-gallery .modal-unlock-thumbnail-description {
    background-color: #2e3347;
    padding: 10px;
    margin-top: -7px;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-thumbnail-description span {
    font-size: 14px;
    color: #fff;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-thumbnail-description ul {
    margin-bottom: 0;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-thumbnail-description li {
    padding-top: 10px;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 10px;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails li {
    display: inline-block;
    width: 20%;
    height: 80px;
    margin-top: 20px;
    margin-right: 10px;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .selected-thumbnail {
    width: 100%;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .selected-thumbnail img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border: 4px solid #58dcda;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .thumbnail {
    cursor: pointer;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .thumbnail img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.modal-unlock .modal-unlock-gallery .modal-unlock-gallery-thumbnails li .thumbnail-description {
    text-align: center;
    font-size: 12px;
    color: #888;
    padding-top: 5px;
}
.modal-unlock .modal-unlock-sidebar {
    height: 100%;
    background-color: #2e3347;
    color: #fff;
    padding: 20px;
}
.modal-unlock .modal-unlock-sidebar h4 {
    padding-bottom: 0;
}
.modal-unlock .modal-unlock-sidebar h4,
.modal-unlock .modal-unlock-sidebar p {
    color: #fff;
}
.modal-unlock .modal-unlock-sidebar ul li {
    margin: 10px 0;
    font-size: 15px;
}
.modal-unlock .modal-unlock-sidebar ul li .checkmark {
    height: 25px;
    width: 25px;
    background-color: #58dcda;
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
}
.modal-unlock .modal-unlock-sidebar input::placeholder {
    color: #9c9c9c;
}
.modal-unlock .modal-unlock-sidebar [type=color],
.modal-unlock .modal-unlock-sidebar [type=date],
.modal-unlock .modal-unlock-sidebar [type=datetime-local],
.modal-unlock .modal-unlock-sidebar [type=datetime],
.modal-unlock .modal-unlock-sidebar [type=email],
.modal-unlock .modal-unlock-sidebar [type=month],
.modal-unlock .modal-unlock-sidebar [type=number],
.modal-unlock .modal-unlock-sidebar [type=password],
.modal-unlock .modal-unlock-sidebar [type=search],
.modal-unlock .modal-unlock-sidebar [type=tel],
.modal-unlock .modal-unlock-sidebar [type=text],
.modal-unlock .modal-unlock-sidebar [type=time],
.modal-unlock .modal-unlock-sidebar [type=url],
.modal-unlock .modal-unlock-sidebar [type=week] {
    border-radius: 5px;
    height: 40px;
}
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
}
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper p {
    color: #2e3347;
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper .subtitle {
    color: #2e3347;
    font-weight: 600;
    font-size: 17px;
}
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper .parent-subscription-request-form {
    margin-top: 1rem;
}
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask {
    background-color: rgba(12,12,19,.42);
}
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask .subtitle,
.modal-unlock .modal-unlock-sidebar .upgrade-cta-wrapper.student-ask label {
    color: #fff;
}
.modal-unlock .modal-unlock-badges {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal-unlock .modal-unlock-badges h6 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 20px;
}
.modal-unlock .modal-unlock-badges .course-badge {
    height: 60px;
}
.modal-unlock .modal-unlock-details {
    text-align: right;
    margin-top: 20px;
}
.modal-unlock .course-details-link {
    color: #00bcd4;
    font-weight: 600;
    font-size: 14px;
}
.modal-unlock .course-details-link:hover {
    text-decoration: underline;
}
.modal-unlock .loading-indicator-container {
    height: 700px;
    padding-top: 230px;
}
.modal-unlock.modal-unlock-parent .modal-unlock-sidebar .upgrade-cta-wrapper .price-action {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}
.modal-unlock.modal-unlock-parent .modal-unlock-sidebar .upgrade-cta-wrapper .price-action .button {
    margin-bottom: 10px;
    margin-top: 10px;
}
.page-scholarship .scholarship-hero {
    background-image: url("../image/scholarship/bg-header.png");
    background-position: center top -2rem;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    min-height: 23.75rem;
}
@media screen and (min-width:75em) {
    .page-scholarship .scholarship-hero {
        background-image: url("../image/scholarship/bg-header@2x.png");
        min-height: 26.25rem;
    }
}
.flex {
    display: flex;
    flex-wrap: nowrap;
}
.flex > *,
.flex-child {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 0;
}
.flex-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.flex-row > * {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 0;
}
.flex-align-center {
    align-items: center;
}
.flex-align-end {
    align-items: flex-end;
}
.flex-align-start {
    align-items: flex-start;
}
.flex-align-stretch {
    align-items: stretch;
}
.flex-justify-center {
    justify-content: center;
}
.flex-justify-end {
    justify-content: flex-end;
}
.flex-justify-space-between {
    justify-content: space-between;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
@media print,screen and (min-width:40em) {
    .medium-flex-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .medium-flex-row > * {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        min-width: 0;
    }
    .medium-flex-align-center {
        align-items: center;
    }
    .medium-flex-align-end {
        align-items: flex-end;
    }
    .medium-flex-align-start {
        align-items: flex-start;
    }
    .medium-flex-align-stretch {
        align-items: stretch;
    }
    .medium-flex-justify-center {
        justify-content: center;
    }
    .medium-flex-justify-end {
        justify-content: flex-end;
    }
    .medium-flex-justify-space-around {
        justify-content: space-around;
    }
    .medium-flex-justify-space-between {
        justify-content: space-between;
    }
    .medium-flex-wrap {
        flex-wrap: wrap;
    }
    .medium-flex-nowrap {
        flex-wrap: nowrap;
    }
}
@media print,screen and (min-width:64em) {
    .large-flex-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .large-flex-row > * {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        min-width: 0;
    }
    .large-flex-align-center {
        align-items: center;
    }
    .large-flex-align-end {
        align-items: flex-end;
    }
    .large-flex-align-start {
        align-items: flex-start;
    }
    .large-flex-align-stretch {
        align-items: stretch;
    }
    .large-flex-justify-center {
        justify-content: center;
    }
    .large-flex-justify-end {
        justify-content: flex-end;
    }
    .large-flex-justify-space-around {
        justify-content: space-around;
    }
    .large-flex-justify-space-between {
        justify-content: space-between;
    }
    .large-flex-wrap {
        flex-wrap: wrap;
    }
    .large-flex-nowrap {
        flex-wrap: nowrap;
    }
}
@media screen and (min-width:75em) {
    .xlarge-flex-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .xlarge-flex-row > * {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        min-width: 0;
    }
    .xlarge-flex-align-center {
        align-items: center;
    }
    .xlarge-flex-align-end {
        align-items: flex-end;
    }
    .xlarge-flex-align-start {
        align-items: flex-start;
    }
    .xlarge-flex-align-stretch {
        align-items: stretch;
    }
    .xlarge-flex-justify-center {
        justify-content: center;
    }
    .xlarge-flex-justify-end {
        justify-content: flex-end;
    }
    .xlarge-flex-justify-space-around {
        justify-content: space-around;
    }
    .xlarge-flex-justify-space-between {
        justify-content: space-between;
    }
    .xlarge-flex-wrap {
        flex-wrap: wrap;
    }
    .xlarge-flex-nowrap {
        flex-wrap: nowrap;
    }
}
@media screen and (min-width:90em) {
    .xxlarge-flex-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }
    .xxlarge-flex-row > * {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        min-width: 0;
    }
    .xxlarge-flex-align-center {
        align-items: center;
    }
    .xxlarge-flex-align-end {
        align-items: flex-end;
    }
    .xxlarge-flex-align-start {
        align-items: flex-start;
    }
    .xxlarge-flex-align-stretch {
        align-items: stretch;
    }
    .xxlarge-flex-justify-center {
        justify-content: center;
    }
    .xxlarge-flex-justify-end {
        justify-content: flex-end;
    }
    .xxlarge-flex-justify-space-around {
        justify-content: space-around;
    }
    .xxlarge-flex-justify-space-between {
        justify-content: space-between;
    }
    .xxlarge-flex-wrap {
        flex-wrap: wrap;
    }
    .xxlarge-flex-nowrap {
        flex-wrap: nowrap;
    }
}
.flex-justify-space-around {
    justify-content: space-around;
}
.flex-dir-column {
    flex-direction: column;
}
.flex-grow {
    flex-basis: 0;
    flex-grow: 1;
}
.flex-push-top {
    margin-top: auto;
}
.flex-push-right {
    margin-right: auto;
}
.flex-push-bottom {
    margin-bottom: auto;
}
.flex-push-left {
    margin-left: auto;
}
.pos-relative {
    position: relative!important;
}
.pos-absolute {
    position: absolute!important;
}
@media print,screen and (min-width:40em) {
    .medium-pos-relative {
        position: relative!important;
    }
    .medium-pos-absolute {
        position: absolute!important;
    }
}
@media print,screen and (min-width:64em) {
    .large-pos-relative {
        position: relative!important;
    }
    .large-pos-absolute {
        position: absolute!important;
    }
}
@media screen and (min-width:75em) {
    .xlarge-pos-relative {
        position: relative!important;
    }
    .xlarge-pos-absolute {
        position: absolute!important;
    }
}
@media screen and (min-width:90em) {
    .xxlarge-pos-relative {
        position: relative!important;
    }
    .xxlarge-pos-absolute {
        position: absolute!important;
    }
}
.overflow-visible {
    overflow: visible!important;
}
.scroll-target-offset-60 {
    position: absolute;
    left: 0;
    top: -60px;
    right: 0;
}
.margin-0 {
    margin: 0!important !important;
}
.margin-top-1 {
    margin-top: 1rem!important;
}
.margin-top-2 {
    margin-top: 2rem!important;
}
.margin-top-3 {
    margin-top: 3rem!important;
}
.margin-top-4 {
    margin-top: 4rem!important;
}
.margin-top-5 {
    margin-top: 5rem!important;
}
.margin-top-6 {
    margin-top: 6rem!important;
}
.margin-top-7 {
    margin-top: 7rem!important;
}
.margin-top-8 {
    margin-top: 8rem!important;
}
.margin-right-1 {
    margin-right: 1rem!important;
}
.margin-right-2 {
    margin-right: 2rem!important;
}
.margin-right-3 {
    margin-right: 3rem!important;
}
.margin-right-4 {
    margin-right: 4rem!important;
}
.margin-right-5 {
    margin-right: 5rem!important;
}
.margin-right-6 {
    margin-right: 6rem!important;
}
.margin-right-7 {
    margin-right: 7rem!important;
}
.margin-right-8 {
    margin-right: 8rem!important;
}
.margin-bottom-1 {
    margin-bottom: 1rem!important;
}
.margin-bottom-2 {
    margin-bottom: 2rem!important;
}
.margin-bottom-3 {
    margin-bottom: 3rem!important;
}
.margin-bottom-4 {
    margin-bottom: 4rem!important;
}
.margin-bottom-5 {
    margin-bottom: 5rem!important;
}
.margin-bottom-6 {
    margin-bottom: 6rem!important;
}
.margin-bottom-7 {
    margin-bottom: 7rem!important;
}
.margin-bottom-8 {
    margin-bottom: 8rem!important;
}
.margin-left-1 {
    margin-left: 1rem!important;
}
.margin-left-2 {
    margin-left: 2rem!important;
}
.margin-left-3 {
    margin-left: 3rem!important;
}
.margin-left-4 {
    margin-left: 4rem!important;
}
.margin-left-5 {
    margin-left: 5rem!important;
}
.margin-left-6 {
    margin-left: 6rem!important;
}
.margin-left-7 {
    margin-left: 7rem!important;
}
.margin-left-8 {
    margin-left: 8rem!important;
}
@media print,screen and (min-width:40em) {
    .medium-margin-0 {
        margin: 0!important !important;
    }
    .medium-margin-top-1 {
        margin-top: 1rem!important;
    }
    .medium-margin-top-2 {
        margin-top: 2rem!important;
    }
    .medium-margin-top-3 {
        margin-top: 3rem!important;
    }
    .medium-margin-top-4 {
        margin-top: 4rem!important;
    }
    .medium-margin-top-5 {
        margin-top: 5rem!important;
    }
    .medium-margin-top-6 {
        margin-top: 6rem!important;
    }
    .medium-margin-top-7 {
        margin-top: 7rem!important;
    }
    .medium-margin-top-8 {
        margin-top: 8rem!important;
    }
    .medium-margin-right-1 {
        margin-right: 1rem!important;
    }
    .medium-margin-right-2 {
        margin-right: 2rem!important;
    }
    .medium-margin-right-3 {
        margin-right: 3rem!important;
    }
    .medium-margin-right-4 {
        margin-right: 4rem!important;
    }
    .medium-margin-right-5 {
        margin-right: 5rem!important;
    }
    .medium-margin-right-6 {
        margin-right: 6rem!important;
    }
    .medium-margin-right-7 {
        margin-right: 7rem!important;
    }
    .medium-margin-right-8 {
        margin-right: 8rem!important;
    }
    .medium-margin-bottom-1 {
        margin-bottom: 1rem!important;
    }
    .medium-margin-bottom-2 {
        margin-bottom: 2rem!important;
    }
    .medium-margin-bottom-3 {
        margin-bottom: 3rem!important;
    }
    .medium-margin-bottom-4 {
        margin-bottom: 4rem!important;
    }
    .medium-margin-bottom-5 {
        margin-bottom: 5rem!important;
    }
    .medium-margin-bottom-6 {
        margin-bottom: 6rem!important;
    }
    .medium-margin-bottom-7 {
        margin-bottom: 7rem!important;
    }
    .medium-margin-bottom-8 {
        margin-bottom: 8rem!important;
    }
    .medium-margin-left-1 {
        margin-left: 1rem!important;
    }
    .medium-margin-left-2 {
        margin-left: 2rem!important;
    }
    .medium-margin-left-3 {
        margin-left: 3rem!important;
    }
    .medium-margin-left-4 {
        margin-left: 4rem!important;
    }
    .medium-margin-left-5 {
        margin-left: 5rem!important;
    }
    .medium-margin-left-6 {
        margin-left: 6rem!important;
    }
    .medium-margin-left-7 {
        margin-left: 7rem!important;
    }
    .medium-margin-left-8 {
        margin-left: 8rem!important;
    }
}
@media print,screen and (min-width:64em) {
    .large-margin-0 {
        margin: 0!important !important;
    }
    .large-margin-top-1 {
        margin-top: 1rem!important;
    }
    .large-margin-top-2 {
        margin-top: 2rem!important;
    }
    .large-margin-top-3 {
        margin-top: 3rem!important;
    }
    .large-margin-top-4 {
        margin-top: 4rem!important;
    }
    .large-margin-top-5 {
        margin-top: 5rem!important;
    }
    .large-margin-top-6 {
        margin-top: 6rem!important;
    }
    .large-margin-top-7 {
        margin-top: 7rem!important;
    }
    .large-margin-top-8 {
        margin-top: 8rem!important;
    }
    .large-margin-right-1 {
        margin-right: 1rem!important;
    }
    .large-margin-right-2 {
        margin-right: 2rem!important;
    }
    .large-margin-right-3 {
        margin-right: 3rem!important;
    }
    .large-margin-right-4 {
        margin-right: 4rem!important;
    }
    .large-margin-right-5 {
        margin-right: 5rem!important;
    }
    .large-margin-right-6 {
        margin-right: 6rem!important;
    }
    .large-margin-right-7 {
        margin-right: 7rem!important;
    }
    .large-margin-right-8 {
        margin-right: 8rem!important;
    }
    .large-margin-bottom-1 {
        margin-bottom: 1rem!important;
    }
    .large-margin-bottom-2 {
        margin-bottom: 2rem!important;
    }
    .large-margin-bottom-3 {
        margin-bottom: 3rem!important;
    }
    .large-margin-bottom-4 {
        margin-bottom: 4rem!important;
    }
    .large-margin-bottom-5 {
        margin-bottom: 5rem!important;
    }
    .large-margin-bottom-6 {
        margin-bottom: 6rem!important;
    }
    .large-margin-bottom-7 {
        margin-bottom: 7rem!important;
    }
    .large-margin-bottom-8 {
        margin-bottom: 8rem!important;
    }
    .large-margin-left-1 {
        margin-left: 1rem!important;
    }
    .large-margin-left-2 {
        margin-left: 2rem!important;
    }
    .large-margin-left-3 {
        margin-left: 3rem!important;
    }
    .large-margin-left-4 {
        margin-left: 4rem!important;
    }
    .large-margin-left-5 {
        margin-left: 5rem!important;
    }
    .large-margin-left-6 {
        margin-left: 6rem!important;
    }
    .large-margin-left-7 {
        margin-left: 7rem!important;
    }
    .large-margin-left-8 {
        margin-left: 8rem!important;
    }
}
@media screen and (min-width:75em) {
    .xlarge-margin-0 {
        margin: 0!important !important;
    }
    .xlarge-margin-top-1 {
        margin-top: 1rem!important;
    }
    .xlarge-margin-top-2 {
        margin-top: 2rem!important;
    }
    .xlarge-margin-top-3 {
        margin-top: 3rem!important;
    }
    .xlarge-margin-top-4 {
        margin-top: 4rem!important;
    }
    .xlarge-margin-top-5 {
        margin-top: 5rem!important;
    }
    .xlarge-margin-top-6 {
        margin-top: 6rem!important;
    }
    .xlarge-margin-top-7 {
        margin-top: 7rem!important;
    }
    .xlarge-margin-top-8 {
        margin-top: 8rem!important;
    }
    .xlarge-margin-right-1 {
        margin-right: 1rem!important;
    }
    .xlarge-margin-right-2 {
        margin-right: 2rem!important;
    }
    .xlarge-margin-right-3 {
        margin-right: 3rem!important;
    }
    .xlarge-margin-right-4 {
        margin-right: 4rem!important;
    }
    .xlarge-margin-right-5 {
        margin-right: 5rem!important;
    }
    .xlarge-margin-right-6 {
        margin-right: 6rem!important;
    }
    .xlarge-margin-right-7 {
        margin-right: 7rem!important;
    }
    .xlarge-margin-right-8 {
        margin-right: 8rem!important;
    }
    .xlarge-margin-bottom-1 {
        margin-bottom: 1rem!important;
    }
    .xlarge-margin-bottom-2 {
        margin-bottom: 2rem!important;
    }
    .xlarge-margin-bottom-3 {
        margin-bottom: 3rem!important;
    }
    .xlarge-margin-bottom-4 {
        margin-bottom: 4rem!important;
    }
    .xlarge-margin-bottom-5 {
        margin-bottom: 5rem!important;
    }
    .xlarge-margin-bottom-6 {
        margin-bottom: 6rem!important;
    }
    .xlarge-margin-bottom-7 {
        margin-bottom: 7rem!important;
    }
    .xlarge-margin-bottom-8 {
        margin-bottom: 8rem!important;
    }
    .xlarge-margin-left-1 {
        margin-left: 1rem!important;
    }
    .xlarge-margin-left-2 {
        margin-left: 2rem!important;
    }
    .xlarge-margin-left-3 {
        margin-left: 3rem!important;
    }
    .xlarge-margin-left-4 {
        margin-left: 4rem!important;
    }
    .xlarge-margin-left-5 {
        margin-left: 5rem!important;
    }
    .xlarge-margin-left-6 {
        margin-left: 6rem!important;
    }
    .xlarge-margin-left-7 {
        margin-left: 7rem!important;
    }
    .xlarge-margin-left-8 {
        margin-left: 8rem!important;
    }
}
.padding-0 {
    padding: 0!important !important;
}
.padding-top-1 {
    padding-top: 1rem!important;
}
.padding-top-2 {
    padding-top: 2rem!important;
}
.padding-top-3 {
    padding-top: 3rem!important;
}
.padding-top-4 {
    padding-top: 4rem!important;
}
.padding-top-5 {
    padding-top: 5rem!important;
}
.padding-top-6 {
    padding-top: 6rem!important;
}
.padding-top-7 {
    padding-top: 7rem!important;
}
.padding-top-8 {
    padding-top: 8rem!important;
}
.padding-right-1 {
    padding-right: 1rem!important;
}
.padding-right-2 {
    padding-right: 2rem!important;
}
.padding-right-3 {
    padding-right: 3rem!important;
}
.padding-right-4 {
    padding-right: 4rem!important;
}
.padding-right-5 {
    padding-right: 5rem!important;
}
.padding-right-6 {
    padding-right: 6rem!important;
}
.padding-right-7 {
    padding-right: 7rem!important;
}
.padding-right-8 {
    padding-right: 8rem!important;
}
.padding-bottom-1 {
    padding-bottom: 1rem!important;
}
.padding-bottom-2 {
    padding-bottom: 2rem!important;
}
.padding-bottom-3 {
    padding-bottom: 3rem!important;
}
.padding-bottom-4 {
    padding-bottom: 4rem!important;
}
.padding-bottom-5 {
    padding-bottom: 5rem!important;
}
.padding-bottom-6 {
    padding-bottom: 6rem!important;
}
.padding-bottom-7 {
    padding-bottom: 7rem!important;
}
.padding-bottom-8 {
    padding-bottom: 8rem!important;
}
.padding-left-1 {
    padding-left: 1rem!important;
}
.padding-left-2 {
    padding-left: 2rem!important;
}
.padding-left-3 {
    padding-left: 3rem!important;
}
.padding-left-4 {
    padding-left: 4rem!important;
}
.padding-left-5 {
    padding-left: 5rem!important;
}
.padding-left-6 {
    padding-left: 6rem!important;
}
.padding-left-7 {
    padding-left: 7rem!important;
}
.padding-left-8 {
    padding-left: 8rem!important;
}
@media print,screen and (min-width:40em) {
    .medium-padding-0 {
        padding: 0!important !important;
    }
    .medium-padding-top-1 {
        padding-top: 1rem!important;
    }
    .medium-padding-top-2 {
        padding-top: 2rem!important;
    }
    .medium-padding-top-3 {
        padding-top: 3rem!important;
    }
    .medium-padding-top-4 {
        padding-top: 4rem!important;
    }
    .medium-padding-top-5 {
        padding-top: 5rem!important;
    }
    .medium-padding-top-6 {
        padding-top: 6rem!important;
    }
    .medium-padding-top-7 {
        padding-top: 7rem!important;
    }
    .medium-padding-top-8 {
        padding-top: 8rem!important;
    }
    .medium-padding-right-1 {
        padding-right: 1rem!important;
    }
    .medium-padding-right-2 {
        padding-right: 2rem!important;
    }
    .medium-padding-right-3 {
        padding-right: 3rem!important;
    }
    .medium-padding-right-4 {
        padding-right: 4rem!important;
    }
    .medium-padding-right-5 {
        padding-right: 5rem!important;
    }
    .medium-padding-right-6 {
        padding-right: 6rem!important;
    }
    .medium-padding-right-7 {
        padding-right: 7rem!important;
    }
    .medium-padding-right-8 {
        padding-right: 8rem!important;
    }
    .medium-padding-bottom-1 {
        padding-bottom: 1rem!important;
    }
    .medium-padding-bottom-2 {
        padding-bottom: 2rem!important;
    }
    .medium-padding-bottom-3 {
        padding-bottom: 3rem!important;
    }
    .medium-padding-bottom-4 {
        padding-bottom: 4rem!important;
    }
    .medium-padding-bottom-5 {
        padding-bottom: 5rem!important;
    }
    .medium-padding-bottom-6 {
        padding-bottom: 6rem!important;
    }
    .medium-padding-bottom-7 {
        padding-bottom: 7rem!important;
    }
    .medium-padding-bottom-8 {
        padding-bottom: 8rem!important;
    }
    .medium-padding-left-1 {
        padding-left: 1rem!important;
    }
    .medium-padding-left-2 {
        padding-left: 2rem!important;
    }
    .medium-padding-left-3 {
        padding-left: 3rem!important;
    }
    .medium-padding-left-4 {
        padding-left: 4rem!important;
    }
    .medium-padding-left-5 {
        padding-left: 5rem!important;
    }
    .medium-padding-left-6 {
        padding-left: 6rem!important;
    }
    .medium-padding-left-7 {
        padding-left: 7rem!important;
    }
    .medium-padding-left-8 {
        padding-left: 8rem!important;
    }
}
@media print,screen and (min-width:64em) {
    .large-padding-0 {
        padding: 0!important !important;
    }
    .large-padding-top-1 {
        padding-top: 1rem!important;
    }
    .large-padding-top-2 {
        padding-top: 2rem!important;
    }
    .large-padding-top-3 {
        padding-top: 3rem!important;
    }
    .large-padding-top-4 {
        padding-top: 4rem!important;
    }
    .large-padding-top-5 {
        padding-top: 5rem!important;
    }
    .large-padding-top-6 {
        padding-top: 6rem!important;
    }
    .large-padding-top-7 {
        padding-top: 7rem!important;
    }
    .large-padding-top-8 {
        padding-top: 8rem!important;
    }
    .large-padding-right-1 {
        padding-right: 1rem!important;
    }
    .large-padding-right-2 {
        padding-right: 2rem!important;
    }
    .large-padding-right-3 {
        padding-right: 3rem!important;
    }
    .large-padding-right-4 {
        padding-right: 4rem!important;
    }
    .large-padding-right-5 {
        padding-right: 5rem!important;
    }
    .large-padding-right-6 {
        padding-right: 6rem!important;
    }
    .large-padding-right-7 {
        padding-right: 7rem!important;
    }
    .large-padding-right-8 {
        padding-right: 8rem!important;
    }
    .large-padding-bottom-1 {
        padding-bottom: 1rem!important;
    }
    .large-padding-bottom-2 {
        padding-bottom: 2rem!important;
    }
    .large-padding-bottom-3 {
        padding-bottom: 3rem!important;
    }
    .large-padding-bottom-4 {
        padding-bottom: 4rem!important;
    }
    .large-padding-bottom-5 {
        padding-bottom: 5rem!important;
    }
    .large-padding-bottom-6 {
        padding-bottom: 6rem!important;
    }
    .large-padding-bottom-7 {
        padding-bottom: 7rem!important;
    }
    .large-padding-bottom-8 {
        padding-bottom: 8rem!important;
    }
    .large-padding-left-1 {
        padding-left: 1rem!important;
    }
    .large-padding-left-2 {
        padding-left: 2rem!important;
    }
    .large-padding-left-3 {
        padding-left: 3rem!important;
    }
    .large-padding-left-4 {
        padding-left: 4rem!important;
    }
    .large-padding-left-5 {
        padding-left: 5rem!important;
    }
    .large-padding-left-6 {
        padding-left: 6rem!important;
    }
    .large-padding-left-7 {
        padding-left: 7rem!important;
    }
    .large-padding-left-8 {
        padding-left: 8rem!important;
    }
}
@media screen and (min-width:75em) {
    .xlarge-padding-0 {
        padding: 0!important !important;
    }
    .xlarge-padding-top-1 {
        padding-top: 1rem!important;
    }
    .xlarge-padding-top-2 {
        padding-top: 2rem!important;
    }
    .xlarge-padding-top-3 {
        padding-top: 3rem!important;
    }
    .xlarge-padding-top-4 {
        padding-top: 4rem!important;
    }
    .xlarge-padding-top-5 {
        padding-top: 5rem!important;
    }
    .xlarge-padding-top-6 {
        padding-top: 6rem!important;
    }
    .xlarge-padding-top-7 {
        padding-top: 7rem!important;
    }
    .xlarge-padding-top-8 {
        padding-top: 8rem!important;
    }
    .xlarge-padding-right-1 {
        padding-right: 1rem!important;
    }
    .xlarge-padding-right-2 {
        padding-right: 2rem!important;
    }
    .xlarge-padding-right-3 {
        padding-right: 3rem!important;
    }
    .xlarge-padding-right-4 {
        padding-right: 4rem!important;
    }
    .xlarge-padding-right-5 {
        padding-right: 5rem!important;
    }
    .xlarge-padding-right-6 {
        padding-right: 6rem!important;
    }
    .xlarge-padding-right-7 {
        padding-right: 7rem!important;
    }
    .xlarge-padding-right-8 {
        padding-right: 8rem!important;
    }
    .xlarge-padding-bottom-1 {
        padding-bottom: 1rem!important;
    }
    .xlarge-padding-bottom-2 {
        padding-bottom: 2rem!important;
    }
    .xlarge-padding-bottom-3 {
        padding-bottom: 3rem!important;
    }
    .xlarge-padding-bottom-4 {
        padding-bottom: 4rem!important;
    }
    .xlarge-padding-bottom-5 {
        padding-bottom: 5rem!important;
    }
    .xlarge-padding-bottom-6 {
        padding-bottom: 6rem!important;
    }
    .xlarge-padding-bottom-7 {
        padding-bottom: 7rem!important;
    }
    .xlarge-padding-bottom-8 {
        padding-bottom: 8rem!important;
    }
    .xlarge-padding-left-1 {
        padding-left: 1rem!important;
    }
    .xlarge-padding-left-2 {
        padding-left: 2rem!important;
    }
    .xlarge-padding-left-3 {
        padding-left: 3rem!important;
    }
    .xlarge-padding-left-4 {
        padding-left: 4rem!important;
    }
    .xlarge-padding-left-5 {
        padding-left: 5rem!important;
    }
    .xlarge-padding-left-6 {
        padding-left: 6rem!important;
    }
    .xlarge-padding-left-7 {
        padding-left: 7rem!important;
    }
    .xlarge-padding-left-8 {
        padding-left: 8rem!important;
    }
}
.margin-top-0 {
    margin-top: 0!important;
}
.margin-top-sm {
    margin-top: 20px!important;
}
.margin-top-md {
    margin-top: 30px!important;
}
.margin-top-lg {
    margin-top: 40px!important;
}
.margin-right-0 {
    margin-right: 0!important;
}
.margin-right-sm {
    margin-right: 20px!important;
}
.margin-right-md {
    margin-right: 30px!important;
}
.margin-right-lg {
    margin-right: 40px!important;
}
.margin-bottom-0 {
    margin-bottom: 0!important;
}
.margin-bottom-sm {
    margin-bottom: 20px!important;
}
.margin-bottom-md {
    margin-bottom: 30px!important;
}
.margin-bottom-lg {
    margin-bottom: 40px!important;
}
.margin-left-0 {
    margin-left: 0!important;
}
.margin-left-sm {
    margin-left: 20px!important;
}
.margin-left-md {
    margin-left: 30px!important;
}
.margin-left-lg {
    margin-left: 40px!important;
}
.margin-block-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.margin-inline-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.margin-block-sm {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}
.margin-inline-sm {
    margin-right: 20px!important;
    margin-left: 20px!important;
}
.margin-block-md {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}
.margin-inline-md {
    margin-right: 30px!important;
    margin-left: 30px!important;
}
.margin-block-lg {
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}
.margin-inline-lg {
    margin-right: 40px!important;
    margin-left: 40px!important;
}
@media print,screen and (min-width:40em) {
    .medium-margin-top-0 {
        margin-top: 0!important;
    }
    .medium-margin-top-sm {
        margin-top: 20px!important;
    }
    .medium-margin-top-md {
        margin-top: 30px!important;
    }
    .medium-margin-top-lg {
        margin-top: 40px!important;
    }
    .medium-margin-right-0 {
        margin-right: 0!important;
    }
    .medium-margin-right-sm {
        margin-right: 20px!important;
    }
    .medium-margin-right-md {
        margin-right: 30px!important;
    }
    .medium-margin-right-lg {
        margin-right: 40px!important;
    }
    .medium-margin-bottom-0 {
        margin-bottom: 0!important;
    }
    .medium-margin-bottom-sm {
        margin-bottom: 20px!important;
    }
    .medium-margin-bottom-md {
        margin-bottom: 30px!important;
    }
    .medium-margin-bottom-lg {
        margin-bottom: 40px!important;
    }
    .medium-margin-left-0 {
        margin-left: 0!important;
    }
    .medium-margin-left-sm {
        margin-left: 20px!important;
    }
    .medium-margin-left-md {
        margin-left: 30px!important;
    }
    .medium-margin-left-lg {
        margin-left: 40px!important;
    }
    .medium-margin-block-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .medium-margin-inline-0 {
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .medium-margin-block-sm {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .medium-margin-inline-sm {
        margin-right: 20px!important;
        margin-left: 20px!important;
    }
    .medium-margin-block-md {
        margin-top: 30px!important;
        margin-bottom: 30px!important;
    }
    .medium-margin-inline-md {
        margin-right: 30px!important;
        margin-left: 30px!important;
    }
    .medium-margin-block-lg {
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
    .medium-margin-inline-lg {
        margin-right: 40px!important;
        margin-left: 40px!important;
    }
}
@media print,screen and (min-width:64em) {
    .large-margin-top-0 {
        margin-top: 0!important;
    }
    .large-margin-top-sm {
        margin-top: 20px!important;
    }
    .large-margin-top-md {
        margin-top: 30px!important;
    }
    .large-margin-top-lg {
        margin-top: 40px!important;
    }
    .large-margin-right-0 {
        margin-right: 0!important;
    }
    .large-margin-right-sm {
        margin-right: 20px!important;
    }
    .large-margin-right-md {
        margin-right: 30px!important;
    }
    .large-margin-right-lg {
        margin-right: 40px!important;
    }
    .large-margin-bottom-0 {
        margin-bottom: 0!important;
    }
    .large-margin-bottom-sm {
        margin-bottom: 20px!important;
    }
    .large-margin-bottom-md {
        margin-bottom: 30px!important;
    }
    .large-margin-bottom-lg {
        margin-bottom: 40px!important;
    }
    .large-margin-left-0 {
        margin-left: 0!important;
    }
    .large-margin-left-sm {
        margin-left: 20px!important;
    }
    .large-margin-left-md {
        margin-left: 30px!important;
    }
    .large-margin-left-lg {
        margin-left: 40px!important;
    }
    .large-margin-block-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .large-margin-inline-0 {
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .large-margin-block-sm {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .large-margin-inline-sm {
        margin-right: 20px!important;
        margin-left: 20px!important;
    }
    .large-margin-block-md {
        margin-top: 30px!important;
        margin-bottom: 30px!important;
    }
    .large-margin-inline-md {
        margin-right: 30px!important;
        margin-left: 30px!important;
    }
    .large-margin-block-lg {
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
    .large-margin-inline-lg {
        margin-right: 40px!important;
        margin-left: 40px!important;
    }
}
@media screen and (min-width:75em) {
    .xlarge-margin-top-0 {
        margin-top: 0!important;
    }
    .xlarge-margin-top-sm {
        margin-top: 20px!important;
    }
    .xlarge-margin-top-md {
        margin-top: 30px!important;
    }
    .xlarge-margin-top-lg {
        margin-top: 40px!important;
    }
    .xlarge-margin-right-0 {
        margin-right: 0!important;
    }
    .xlarge-margin-right-sm {
        margin-right: 20px!important;
    }
    .xlarge-margin-right-md {
        margin-right: 30px!important;
    }
    .xlarge-margin-right-lg {
        margin-right: 40px!important;
    }
    .xlarge-margin-bottom-0 {
        margin-bottom: 0!important;
    }
    .xlarge-margin-bottom-sm {
        margin-bottom: 20px!important;
    }
    .xlarge-margin-bottom-md {
        margin-bottom: 30px!important;
    }
    .xlarge-margin-bottom-lg {
        margin-bottom: 40px!important;
    }
    .xlarge-margin-left-0 {
        margin-left: 0!important;
    }
    .xlarge-margin-left-sm {
        margin-left: 20px!important;
    }
    .xlarge-margin-left-md {
        margin-left: 30px!important;
    }
    .xlarge-margin-left-lg {
        margin-left: 40px!important;
    }
    .xlarge-margin-block-0 {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    .xlarge-margin-inline-0 {
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .xlarge-margin-block-sm {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .xlarge-margin-inline-sm {
        margin-right: 20px!important;
        margin-left: 20px!important;
    }
    .xlarge-margin-block-md {
        margin-top: 30px!important;
        margin-bottom: 30px!important;
    }
    .xlarge-margin-inline-md {
        margin-right: 30px!important;
        margin-left: 30px!important;
    }
    .xlarge-margin-block-lg {
        margin-top: 40px!important;
        margin-bottom: 40px!important;
    }
    .xlarge-margin-inline-lg {
        margin-right: 40px!important;
        margin-left: 40px!important;
    }
}
.padding-top-0 {
    padding-top: 0!important;
}
.padding-top-sm {
    padding-top: 20px!important;
}
.padding-top-md {
    padding-top: 30px!important;
}
.padding-top-lg {
    padding-top: 40px!important;
}
.padding-right-0 {
    padding-right: 0!important;
}
.padding-right-sm {
    padding-right: 20px!important;
}
.padding-right-md {
    padding-right: 30px!important;
}
.padding-right-lg {
    padding-right: 40px!important;
}
.padding-bottom-0 {
    padding-bottom: 0!important;
}
.padding-bottom-sm {
    padding-bottom: 20px!important;
}
.padding-bottom-md {
    padding-bottom: 30px!important;
}
.padding-bottom-lg {
    padding-bottom: 40px!important;
}
.padding-left-0 {
    padding-left: 0!important;
}
.padding-left-sm {
    padding-left: 20px!important;
}
.padding-left-md {
    padding-left: 30px!important;
}
.padding-left-lg {
    padding-left: 40px!important;
}
.padding-block-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.padding-inline-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.padding-block-sm {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
.padding-inline-sm {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
.padding-block-md {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}
.padding-inline-md {
    padding-right: 30px!important;
    padding-left: 30px!important;
}
.padding-block-lg {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
.padding-inline-lg {
    padding-right: 40px!important;
    padding-left: 40px!important;
}
@media print,screen and (min-width:40em) {
    .medium-padding-top-0 {
        padding-top: 0!important;
    }
    .medium-padding-top-sm {
        padding-top: 20px!important;
    }
    .medium-padding-top-md {
        padding-top: 30px!important;
    }
    .medium-padding-top-lg {
        padding-top: 40px!important;
    }
    .medium-padding-right-0 {
        padding-right: 0!important;
    }
    .medium-padding-right-sm {
        padding-right: 20px!important;
    }
    .medium-padding-right-md {
        padding-right: 30px!important;
    }
    .medium-padding-right-lg {
        padding-right: 40px!important;
    }
    .medium-padding-bottom-0 {
        padding-bottom: 0!important;
    }
    .medium-padding-bottom-sm {
        padding-bottom: 20px!important;
    }
    .medium-padding-bottom-md {
        padding-bottom: 30px!important;
    }
    .medium-padding-bottom-lg {
        padding-bottom: 40px!important;
    }
    .medium-padding-left-0 {
        padding-left: 0!important;
    }
    .medium-padding-left-sm {
        padding-left: 20px!important;
    }
    .medium-padding-left-md {
        padding-left: 30px!important;
    }
    .medium-padding-left-lg {
        padding-left: 40px!important;
    }
    .medium-padding-block-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .medium-padding-inline-0 {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .medium-padding-block-sm {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .medium-padding-inline-sm {
        padding-right: 20px!important;
        padding-left: 20px!important;
    }
    .medium-padding-block-md {
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .medium-padding-inline-md {
        padding-right: 30px!important;
        padding-left: 30px!important;
    }
    .medium-padding-block-lg {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    .medium-padding-inline-lg {
        padding-right: 40px!important;
        padding-left: 40px!important;
    }
}
@media print,screen and (min-width:64em) {
    .large-padding-top-0 {
        padding-top: 0!important;
    }
    .large-padding-top-sm {
        padding-top: 20px!important;
    }
    .large-padding-top-md {
        padding-top: 30px!important;
    }
    .large-padding-top-lg {
        padding-top: 40px!important;
    }
    .large-padding-right-0 {
        padding-right: 0!important;
    }
    .large-padding-right-sm {
        padding-right: 20px!important;
    }
    .large-padding-right-md {
        padding-right: 30px!important;
    }
    .large-padding-right-lg {
        padding-right: 40px!important;
    }
    .large-padding-bottom-0 {
        padding-bottom: 0!important;
    }
    .large-padding-bottom-sm {
        padding-bottom: 20px!important;
    }
    .large-padding-bottom-md {
        padding-bottom: 30px!important;
    }
    .large-padding-bottom-lg {
        padding-bottom: 40px!important;
    }
    .large-padding-left-0 {
        padding-left: 0!important;
    }
    .large-padding-left-sm {
        padding-left: 20px!important;
    }
    .large-padding-left-md {
        padding-left: 30px!important;
    }
    .large-padding-left-lg {
        padding-left: 40px!important;
    }
    .large-padding-block-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .large-padding-inline-0 {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .large-padding-block-sm {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .large-padding-inline-sm {
        padding-right: 20px!important;
        padding-left: 20px!important;
    }
    .large-padding-block-md {
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .large-padding-inline-md {
        padding-right: 30px!important;
        padding-left: 30px!important;
    }
    .large-padding-block-lg {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    .large-padding-inline-lg {
        padding-right: 40px!important;
        padding-left: 40px!important;
    }
}
@media screen and (min-width:75em) {
    .xlarge-padding-top-0 {
        padding-top: 0!important;
    }
    .xlarge-padding-top-sm {
        padding-top: 20px!important;
    }
    .xlarge-padding-top-md {
        padding-top: 30px!important;
    }
    .xlarge-padding-top-lg {
        padding-top: 40px!important;
    }
    .xlarge-padding-right-0 {
        padding-right: 0!important;
    }
    .xlarge-padding-right-sm {
        padding-right: 20px!important;
    }
    .xlarge-padding-right-md {
        padding-right: 30px!important;
    }
    .xlarge-padding-right-lg {
        padding-right: 40px!important;
    }
    .xlarge-padding-bottom-0 {
        padding-bottom: 0!important;
    }
    .xlarge-padding-bottom-sm {
        padding-bottom: 20px!important;
    }
    .xlarge-padding-bottom-md {
        padding-bottom: 30px!important;
    }
    .xlarge-padding-bottom-lg {
        padding-bottom: 40px!important;
    }
    .xlarge-padding-left-0 {
        padding-left: 0!important;
    }
    .xlarge-padding-left-sm {
        padding-left: 20px!important;
    }
    .xlarge-padding-left-md {
        padding-left: 30px!important;
    }
    .xlarge-padding-left-lg {
        padding-left: 40px!important;
    }
    .xlarge-padding-block-0 {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .xlarge-padding-inline-0 {
        padding-right: 0!important;
        padding-left: 0!important;
    }
    .xlarge-padding-block-sm {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .xlarge-padding-inline-sm {
        padding-right: 20px!important;
        padding-left: 20px!important;
    }
    .xlarge-padding-block-md {
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .xlarge-padding-inline-md {
        padding-right: 30px!important;
        padding-left: 30px!important;
    }
    .xlarge-padding-block-lg {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    .xlarge-padding-inline-lg {
        padding-right: 40px!important;
        padding-left: 40px!important;
    }
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.italic {
    font-style: italic;
}
.color-inherit {
    color: inherit!important;
}
.text-red {
    color: #f25954;
}
.text-red-sale {
    color: #bf103d;
}
.text-ellipsis {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
.text-underline {
    text-decoration: underline!important;
}
.text-strike {
    text-decoration: line-through!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.text-nowrap {
    white-space: nowrap!important;
}
.text-small {
    font-size: 0.75em!important;
}
.text-large {
    font-size: 1.25em!important;
}
@media print,screen and (min-width:40em) {
    .medium-text-small {
        font-size: 0.75em!important;
    }
    .medium-text-large {
        font-size: 1.25em!important;
    }
}
@media print,screen and (min-width:64em) {
    .large-text-small {
        font-size: 0.75em!important;
    }
    .large-text-large {
        font-size: 1.25em!important;
    }
}
@media screen and (min-width:75em) {
    .xlarge-text-small {
        font-size: 0.75em!important;
    }
    .xlarge-text-large {
        font-size: 1.25em!important;
    }
}
@media screen and (min-width:90em) {
    .xxlarge-text-small {
        font-size: 0.75em!important;
    }
    .xxlarge-text-large {
        font-size: 1.25em!important;
    }
}
.gallery-container .gallery-hero {
    background: #bd274b;
    background: -moz-linear-gradient(-45deg,#bd274b 2%,#a70644 100%);
    background: -webkit-linear-gradient(-45deg,#bd274b 2%,#a70644);
    background: linear-gradient(135deg,#bd274b 2%,#a70644);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "$color1",endColorstr="$color2",GradientType=1))
    padding-bottom: 30px;
}
.gallery-container .gallery-hero h1,
.gallery-container .gallery-hero h2 {
    color: #fff;
}
.gallery-container .gallery-hero h1 {
    font-size: 38px;
}
.gallery-container .gallery-hero h2 {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 22px;
}
.gallery-container .gallery-hero h2 a {
    color: #fff;
    text-decoration: underline;
    font-size: 22px;
    font-weight: 300;
}
.gallery-container .gallery-hero .gallery-hero-image {
    background-image: url("../image/gallery/hero-background.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%,50%;
}
.gallery-container .gallery-hero .create-button {
    display: block;
    margin-top: 10px;
}
@media print,screen and (min-width:40em) {
    .gallery-container .gallery-hero .create-button {
        margin-top: 80px;
        float: right;
    }
}
.gallery-container .gallery-search {
    margin-top: 30px;
}
.gallery-container .breadcrumbs li {
    color: #fff;
}
.gallery-container .breadcrumbs li.current {
    font-weight: 600;
}
.gallery-container .breadcrumbs a {
    color: #fff;
    font-size: 0.6875rem;
}
.gallery-container .pill-buttons li {
    float: left;
}
.gallery-container .pill-buttons li a {
    background-color: #931a3a;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin: 4px 6px 4px 2px;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
}
.gallery-container .pill-buttons li.active a {
    background-color: #fff;
    color: #931a3a;
}
.gallery-container .gallery-card {
    transition: all 0.1s ease-in-out;
    display: block;
    margin-bottom: 30px;
}
.gallery-container .gallery-card:hover {
    transform: scale(1.012);
}
.gallery-container .gallery-card.effect-pop-hover-shadow {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.gallery-container .gallery-card.effect-pop-hover-shadow:hover {
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.gallery-container .gallery-card .image-container {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 222px;
    margin-bottom: 10px;
    text-align: center;
}
.gallery-container .gallery-card .image-container > img {
    height: 160px;
    margin-top: 32px;
    margin-left: -2px;
    max-width: 214px;
    object-fit: cover;
}
.gallery-container .gallery-card .title-container {
    color: #25293a;
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}
.gallery-container .gallery-card.gallery-card-blue .image-container {
    background-image: url("../image/gallery/folder-blue.png");
}
.gallery-container .gallery-card.gallery-card-green .image-container {
    background-image: url("../image/gallery/folder-green.png");
}
.gallery-container .gallery-card.gallery-card-purple .image-container {
    background-image: url("../image/gallery/folder-purple.png");
}
.gallery-container.gallery-container-purple .gallery-hero {
    background: #6a699c;
    background: -moz-linear-gradient(-45deg,#6a699c 2%,#383ac1 100%);
    background: -webkit-linear-gradient(-45deg,#6a699c 2%,#383ac1);
    background: linear-gradient(135deg,#6a699c 2%,#383ac1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="$color1",endColorstr="$color2",GradientType=1);
}
.lazy-img {
    background-image: none!important;
}
body.site section.gallery-container {
    padding-bottom: 0;
    padding-top: 0;
}
body.site .play-page {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    background: -moz-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#464c84),color-stop(100%,#293246));
    background: -webkit-linear-gradient(270deg,#464c84,#293246);
    background: -o-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: -ms-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: linear-gradient(180deg,#464c84,#293246);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#464c84",endColorstr="#293246",GradientType=0);
}
body.site .play-page h1 {
    font-size: 30px;
    color: #fff;
}
body.site .play-page h2 {
    font-size: 25px;
    color: #fff;
}
body.site .play-page h3 {
    font-size: 20px;
    color: #fff;
    border-bottom: none;
    font-weight: 400;
}
body.site .play-page a.learnmore {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
    margin: 0;
}
body.site .play-page p {
    color: #fff;
    font-size: 16px;
}
body.site .play-page .learnmore {
    color: #fff;
}
body.site .play-page .breadcrumbs {
    margin: 0;
}
body.site .play-page .breadcrumbs a {
    color: #fff;
    font-size: 0.6875rem;
    text-decoration: none;
}
body.site .play-page .breadcrumbs a:hover {
    text-decoration: underline;
}
body.site .play-page .breadcrumbs li {
    color: #fff;
    font-size: 0.6875rem;
}
body.site .play-page .breadcrumbs li.current {
    color: #fff;
    font-weight: 600;
}
body.site .play-page .player-container {
    margin-top: 20px;
    position: relative;
}
body.site .play-page .player-container .container-blocker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.9);
}
body.site .play-page .player-container .container-blocker .message {
    width: 70%;
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
body.site .play-page .player-container .container-blocker .message p {
    text-align: left;
    font-size: 20px;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 0;
}
body.site .play-page .player-container .container-blocker .message p a {
    font-size: 20px;
    text-decoration: underline;
}
body.site .play-page .player-container .container-blocker .message.over,
body.site .play-page .player-container .container-blocker:hover .message.under {
    display: none;
}
body.site .play-page .player-container .container-blocker:hover .message.over {
    display: block;
}
body.site .play-page .panel {
    color: #000;
    border-radius: 5px;
    padding-bottom: 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    padding: 20px 40px;
    margin-top: 20px;
}
body.site .play-page .panel h1 {
    color: #000;
}
body.site .play-page .panel h2 {
    color: #000;
    padding-bottom: 0;
    margin-bottom: 10px;
}
body.site .play-page .panel h2.author {
    font-size: 16px;
}
body.site .play-page .panel h2.author a {
    font-size: 16px;
    color: #00bcd4;
}
body.site .play-page .panel h2.author a:hover {
    text-decoration: underline;
}
body.site .play-page .panel a,
body.site .play-page .panel h3,
body.site .play-page .panel p {
    color: #000;
}
body.site .play-page .panel a.button {
    color: #fefefe;
}
body.site .play-page .panel .community-actions {
    border: 0;
    text-align: center;
    background-color: #f2fafa;
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 600;
    margin-top: 0;
    padding: 0;
    margin: 20px -40px;
}
body.site .play-page .panel .community-actions .action {
    display: inline-block;
    width: 40px;
    margin: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}
body.site .play-page .panel .community-actions .action:hover {
    color: #00bfd8;
}
body.site .play-page .panel .community-actions .action.action-views {
    cursor: default;
}
body.site .play-page .panel .community-actions .action.action-views:hover {
    color: #000;
}
body.site .play-page .panel .community-actions .action.action-like .icon-heart {
    display: block;
}
body.site .play-page .panel .community-actions .action.action-like .icon-heart-2,
body.site .play-page .panel .community-actions .action.action-like.liked .icon-heart {
    display: none;
}
body.site .play-page .panel .community-actions .action.action-like.liked .icon-heart-2 {
    display: block;
}
body.site .play-page .panel ul.images li {
    text-align: center;
}
body.site .play-page .panel ul.images li .img-container {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    vertical-align: middle;
}
body.site .play-page .panel ul.images li .img-container img {
    max-width: 64px;
    max-height: 64px;
}
body.site .play-page .panel ul.images li span {
    display: block;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}
@font-face {
    font-family: Exo;
    src: url("/ide/imgs/puzzler/exo-bold.ttf") format(truetype);
}
@font-face {
    font-family: icomoon;
    src: url("/global/fonts/icomoon/icomoon.ttf") format(truetype);
}
.player-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    font-size: 105px;
    width: 100px;
    height: 100px;
    line-height: 110px;
    vertical-align: middle;
    border-radius: 50%;
    text-decoration: none;
    color: #c8c8c8;
    background-color: rgba(0,0,0,.5);
    background-image: url("/ide/imgs/bigplay.png");
    background-position: 50%;
    background-size: 100%;
}
.player-container .play-button:hover {
    color: #000;
    background-color: hsla(0,0%,100%,.5);
}
.player-container #stage-canvas {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.player-container #stage-canvas .mbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.player-container #stage-canvas .mbox .overlay-prompt {
    display: none;
}
.player-container #stage-canvas .mbox.overlay.show-overlay-prompt {
    background-color: rgba(0,0,0,.4);
}
.player-container #stage-canvas .mbox.overlay.show-overlay-prompt .overlay-prompt {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(0,0,0,.6);
}
.player-container #stage-canvas .mbox.overlay.top .overlay-prompt {
    bottom: 10px;
}
.player-container #stage-canvas .mbox.overlay.bottom .overlay-prompt {
    bottom: auto;
    top: 10px;
}
.player-container #stage-canvas .mbox.overlay.center .overlay-prompt {
    bottom: 10px;
}
.player-container #stage-canvas .mbox.overlay.minimal.bottom .overlay-prompt,
.player-container #stage-canvas .mbox.overlay.minimal.center .overlay-prompt,
.player-container #stage-canvas .mbox.overlay.minimal.top .overlay-prompt {
    top: auto;
    bottom: 10px;
}
.player-container #stage-canvas .mbox .messagebox {
    position: absolute;
    color: #fff;
    border: 4px solid hsla(0,0%,100%,.6);
    border-radius: 8px;
    background-color: rgba(0,0,0,.6);
}
.player-container #stage-canvas .mbox .messagebox .frame {
    display: none;
    position: absolute;
    bottom: 0;
    width: 125px;
    height: 205px;
    overflow: hidden;
}
.player-container #stage-canvas .mbox .messagebox .frame img {
    position: absolute;
    max-width: 125px;
    max-height: 125px;
    width: 125px;
    bottom: 0;
}
.player-container #stage-canvas .mbox .messagebox .label {
    display: none;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}
.player-container #stage-canvas .mbox .messagebox .contents {
    display: block;
    max-height: 100px;
    min-height: 40px;
    overflow-x: none;
    overflow-y: auto;
    text-align: center;
    margin: 10px 20px;
}
.player-container #stage-canvas .mbox .prompts,
.player-container #stage-canvas .mbox.minimal .messagebox {
    display: none;
}
.player-container #stage-canvas .mbox .close {
    font-family: icomoon;
    content: "\E086";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
}
.player-container #stage-canvas .mbox.ask .prompts.inside {
    display: none;
    height: 52px;
}
.player-container #stage-canvas .mbox.ask .prompts.outside {
    display: block;
    padding: 10px;
    height: 52px;
}
.player-container #stage-canvas .mbox.ask .prompts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    padding: 10px;
    text-align: center;
    background-color: rgba(0,0,0,.6);
}
.player-container #stage-canvas .mbox.ask .prompts p {
    display: block;
    position: relative;
    width: 100%;
}
.player-container #stage-canvas .mbox.ask .prompts a {
    display: inline-block;
    height: 32px;
    line-height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 10px;
    margin-right: 10px;
    background-color: #e9721a;
    color: #fff;
    border: 2px solid #fff;
}
.player-container #stage-canvas .mbox.ask.input .prompt.input {
    display: block;
}
.player-container #stage-canvas .mbox.ask.input .prompt.input > span {
    display: block;
    position: absolute;
    left: 0;
    right: 120px;
}
.player-container #stage-canvas .mbox.ask.input .prompt.input > span input {
    height: 32px;
    width: 100%;
    padding: 6px;
}
.player-container #stage-canvas .mbox.ask.input .prompt.input a {
    position: absolute;
    width: 100px;
    right: 0;
}
.player-container #stage-canvas .mbox.ask.choices .prompt.input,
.player-container #stage-canvas .mbox.ask.input .prompt.choices {
    display: none;
}
.player-container #stage-canvas .mbox.ask.choices .prompt.choices {
    display: block;
    text-align: center;
}
.player-container #stage-canvas .mbox.top {
    margin-top: 0;
}
.player-container #stage-canvas .mbox.top .messagebox {
    top: 10px;
    width: 90%;
    margin-left: -45%;
    left: 50%;
}
.player-container #stage-canvas .mbox.top .messagebox .frame {
    bottom: 0;
    top: 0;
    height: auto;
    padding: 4px;
    text-align: center;
}
.player-container #stage-canvas .mbox.top .messagebox .frame img {
    position: relative;
    max-height: 100%;
    width: auto;
}
.player-container #stage-canvas .mbox.top .messagebox .frame.Tiny img {
    position: absolute;
    max-width: 160px;
    width: 160px;
    max-height: 160px;
    bottom: -60px;
    left: -10px;
}
.player-container #stage-canvas .mbox.top .messagebox .frame.Troll img {
    position: absolute;
    max-width: 160px;
    width: 160px;
    max-height: 160px;
    bottom: -80px;
    left: -15px;
}
.player-container #stage-canvas .mbox.top .messagebox .frame.Quadruped img {
    position: absolute;
    max-width: 280px;
    width: 280px;
    max-height: 280px;
    bottom: -140px;
    left: -125px;
}
.player-container #stage-canvas .mbox.top .messagebox .frame.Teen img {
    position: absolute;
    max-width: 380px;
    width: 380px;
    max-height: 380px;
    bottom: -230px;
    left: -120px;
}
.player-container #stage-canvas .mbox.top .messagebox .frame.Female img,
.player-container #stage-canvas .mbox.top .messagebox .frame.Male img {
    position: absolute;
    max-width: 300px;
    width: 300px;
    max-height: 300px;
    bottom: -190px;
    left: -80px;
}
.player-container #stage-canvas .mbox.center .messagebox {
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    width: auto;
}
.player-container #stage-canvas .mbox.center .messagebox .frame {
    top: 0;
    bottom: 0;
    height: auto;
}
.player-container #stage-canvas .mbox.center .messagebox .frame img {
    max-width: 125px!important;
    top: 50%!important;
    margin-top: -50%!important;
    bottom: auto!important;
    left: auto!important;
}
.player-container #stage-canvas .mbox.center.ask .prompts.inside {
    display: block;
}
.player-container #stage-canvas .mbox.center.ask .prompts.outside {
    display: none;
}
.player-container #stage-canvas .mbox.center.ask .messagebox .frame {
    bottom: 72px;
}
.player-container #stage-canvas .mbox.center.ask .messagebox .contents {
    position: absolute;
    display: block;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 52px;
    max-height: none;
}
.player-container #stage-canvas .mbox.bottom.ask .messagebox {
    bottom: 72px;
}
.player-container #stage-canvas .mbox.bottom .messagebox {
    bottom: 10px;
    width: 90%;
    margin-left: -45%;
    left: 50%;
}
.player-container #stage-canvas .mbox.bottom .messagebox .frame.Tiny img {
    max-width: 250px;
    width: 250px;
    max-height: 250px;
    bottom: -90px;
    left: -60px;
}
.player-container #stage-canvas .mbox.bottom .messagebox .frame.Troll img {
    max-width: 200px;
    width: 200px;
    max-height: 200px;
    bottom: -80px;
    left: -30px;
}
.player-container #stage-canvas .mbox.bottom .messagebox .frame.Quadruped img {
    max-width: 320px;
    width: 320px;
    max-height: 320px;
    bottom: -160px;
    left: -150px;
}
.player-container #stage-canvas .mbox.bottom .messagebox .frame.Teen img {
    max-width: 400px;
    width: 400px;
    max-height: 400px;
    bottom: -230px;
    left: -130px;
}
.player-container #stage-canvas .mbox.bottom .messagebox .frame.Female img,
.player-container #stage-canvas .mbox.bottom .messagebox .frame.Male img {
    max-width: 300px;
    width: 300px;
    max-height: 300px;
    bottom: -180px;
    left: -75px;
}
.player-container #stage-canvas .mbox.avatar-label .label {
    display: block;
}
.player-container #stage-canvas .mbox.avatar-left .frame {
    display: inline-block;
    left: 10px;
}
.player-container #stage-canvas .mbox.avatar-left .label {
    margin-left: 145px;
}
.player-container #stage-canvas .mbox.avatar-left .contents {
    text-align: left;
    margin-left: 145px;
}
.player-container #stage-canvas .mbox.avatar-right .frame {
    display: inline-block;
    right: 10px;
}
.player-container #stage-canvas .mbox.avatar-right .frame img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter:FlipH;
    -ms-filter:"FlipH";
}
.player-container #stage-canvas .mbox.avatar-right .label {
    margin-left: 20px;
    margin-right: 145px;
}
.player-container #stage-canvas .mbox.avatar-right .contents {
    text-align: left;
    margin-right: 145px;
}
.player-container .speechdialog {
    z-index: 1000;
    border-radius: 8px;
    padding: 20px 40px;
    margin: 8px;
    position: absolute;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    left: 50%;
    border: 4px solid #fff;
    background-color: #69c;
    color: #fff;
}
.player-container .speechdialog.top {
    top: 0;
    width: 90%;
    margin-left: -45%;
    left: 50%;
}
.player-container .speechdialog.middle {
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    margin-left: -40%;
    left: 50%;
}
.player-container .speechdialog.bottom {
    bottom: 0;
    width: 100%;
    margin-left: -50%;
    left: 50%;
}
.player-container .speechdialog.close {
    display: block;
    position: absolute;
    top: -24px;
    right: -24px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    line-height: 38px;
    text-decoration: none;
    text-align: center;
    border: 4px solid #fff;
    background-color: #69c;
}
.player-container .speechdialog.close:before {
    font-family: icomoon;
    content: "\E086";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
}
.player-container #stage-controls {
    position: absolute;
    overflow: hidden;
    height: 32px;
    color: #fff;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background: #282e33;
    vertical-align: middle;
    padding: 1px 20px 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.player-container #stage-controls.logo-right {
    float: right;
}
.player-container #stage-controls.autohide {
    display: block;
    background-color: rgba(80,80,80,.8);
}
.player-container #stage-controls span.info {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-top: 4px;
    padding-left: 10px;
    color: #000;
}
.player-container #stage-controls ul.toolright {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding-top: 2px;
    padding-right: 10px;
}
.player-container #stage-controls li {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    width: 80px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.player-container #stage-controls li.wide {
    width: 104px;
}
.player-container #stage-controls ul.buttons-right {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding-top: 2px;
    padding-right: 10px;
}
.player-container #stage-controls li.play {
    background-image: url("/ide/imgs/player/icn-play.png");
    background-color: #36b670;
}
.player-container #stage-controls li.play.on {
    display: none;
}
.player-container #stage-controls li.play:hover {
    background-color: #3fc67c;
}
.player-container #stage-controls li.stop {
    background-image: url("/ide/imgs/player/icn-stop.png");
    background-color: #c13c1b;
}
.player-container #stage-controls li.stop.on {
    display: none;
}
.player-container #stage-controls li.stop:hover {
    background-color: #d7431e;
}
.player-container #stage-controls li.fullscreen {
    background-image: url("/ide/imgs/player/icn-fullscreen.png");
}
.player-container #stage-controls li.fullscreen:hover {
    background-image: url("/ide/imgs/player/icn-fullscreen-hover.png");
}
.player-container #stage-controls li.sound {
    background-image: url("/ide/imgs/player/icn-sound-on.png");
}
.player-container #stage-controls li.sound:hover {
    background-image: url("/ide/imgs/player/icn-sound-on-hover.png");
}
.player-container #stage-controls li.sound.muted {
    background-image: url("/ide/imgs/player/icn-sound-off.png");
}
.player-container #stage-controls li.sound.muted:hover {
    background-image: url("/ide/imgs/player/icn-sound-off-hover.png");
}
.player-container #stage-controls li.code {
    background: url("/ide/imgs/player/icn-code-view.png");
}
.player-container #stage-controls li.code:hover {
    background: url("/ide/imgs/player/icn-code-view-hover.png");
}
.player-container #infopopup h1.big {
    font-size: 20pt;
    font-weight: 700;
    padding: 10px 0;
}
.player-container #infopopup p {
    line-height: 1.5em;
    font-size: 14pt;
    padding: 10px 0;
}
.player-container #infopopup span.play_hilight_full {
    display: block;
}
.player-container #infopopup .wCharacter {
    width: 620px;
}
.player-container .messageBox {
    position: relative;
    display: block;
    min-width: 550px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    padding: 0;
    margin: 0;
}
.player-container .messageBox a.closeBox {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: url("/global/ui01/css/img/icn-close2.png") 0 0 no-repeat;
}
.player-container .messageBox .messageBody {
    position: relative;
    display: block;
    padding: 10px 15px 5px;
}
.player-container .messageBox .messageBody h2 {
    color: #3b3832;
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: -1px;
    position: relative;
    display: block;
    margin: 0 0 5px;
}
.player-container .messageBox .messageBody .characterWrap {
    float: left;
    display: inline-block;
    width: 180px;
    height: 250px;
    overflow: hidden;
}
.player-container .messageBox .messageBody .characterWrap img {
    width: 170px;
}
.player-container .messageBox .messageBody .content {
    float: left;
    display: inline-block;
    width: 400px;
}
.player-container .messageBox .messageFooter {
    text-align: center;
    position: relative;
    display: block;
    background: #faf9f1;
    border-top: 1px solid #dadada;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px8px;
    -o-border-radius: 0 0 8px8px;
    border-radius: 0 0 8px8px;
    padding: 6px 10px;
    margin: 10px 0 0;
}
.player-container .wCharacter {
    width: 620px;
}
.player-container .w500nm {
    width: 500px;
}
.player-container .btnDefaultOrange {
    color: #fff!important;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    text-shadow: 0 -1px 0 #9e5e11;
    background: #ff7c01;
    background: -webkit-linear-gradient(top,#faa90c,#ed8c17);
    background: -moz-linear-gradient(top,#faa90c 0,#ed8c17 100%);
    background: -ms-linear-gradient(top,#faa90c 0,#ed8c17 100%);
    background: -o-linear-gradient(top,#faa90c 0,#ed8c17 100%);
    background: linear-gradient(180deg,#faa90c 0,#ed8c17);
    border: 2px solid;
    border-color: #ed8c17 #e18517 #c87714;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    vertical-align: middle;
    padding: 7px 12px;
    margin-right: 5px;
    cursor: pointer;
}
.player-container .btnDefaultOrange:hover {
    text-decoration: none;
    background: #f9941a;
    background: -webkit-linear-gradient(top,#ffb320,#f9941a);
    background: -moz-linear-gradient(top,#ffb320 0,#f9941a 100%);
    background: -ms-linear-gradient(top,#ffb320 0,#f9941a 100%);
    background: -o-linear-gradient(top,#ffb320 0,#f9941a 100%);
    background: linear-gradient(180deg,#ffb320 0,#f9941a);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
}
.player-container .btnDefaultBlue {
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    text-shadow: 0 -1px 0 #0a6ba2;
    background: #2ca8ec;
    background: -webkit-linear-gradient(top,#289ddd,#107ebc);
    background: -moz-linear-gradient(top,#289ddd 0,#107ebc 100%);
    background: -ms-linear-gradient(top,#289ddd 0,#107ebc 100%);
    background: -o-linear-gradient(top,#289ddd 0,#107ebc 100%);
    background: linear-gradient(180deg,#289ddd 0,#107ebc);
    border: 2px solid;
    border-color: #0b6da4 #0b6da4 #076093;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    vertical-align: middle;
    padding: 7px 12px;
    margin-right: 5px;
    cursor: pointer;
}
.player-container .btnDefaultBlue:hover {
    text-decoration: none;
    background: #ffb127;
    background: -webkit-linear-gradient(top,#2da4e5,#1282c1);
    background: -moz-linear-gradient(top,#2da4e5 0,#1282c1 100%);
    background: -ms-linear-gradient(top,#2da4e5 0,#1282c1 100%);
    background: -o-linear-gradient(top,#2da4e5 0,#1282c1 100%);
    background: linear-gradient(180deg,#2da4e5 0,#1282c1);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
}
.player-container .btnDefaultGreen {
    color: #fff!important;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    text-shadow: 0 -1px 0 #486902;
    background: #7faf1b;
    background: -webkit-linear-gradient(top,#7faf1b,#618d03);
    background: -moz-linear-gradient(top,#7faf1b 0,#618d03 100%);
    background: -ms-linear-gradient(top,#7faf1b 0,#618d03 100%);
    background: -o-linear-gradient(top,#7faf1b 0,#618d03 100%);
    background: linear-gradient(180deg,#7faf1b 0,#618d03);
    border: 2px solid;
    border-color: #567e02 #567e02 #486902;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    vertical-align: middle;
    padding: 7px 12px;
    margin-right: 5px;
    cursor: pointer;
}
.player-container .btnDefaultGreen:hover {
    text-decoration: none;
    background: #628e05;
    background: -webkit-linear-gradient(top,#85b71d,#628e05);
    background: -moz-linear-gradient(top,#85b71d 0,#628e05 100%);
    background: -ms-linear-gradient(top,#85b71d 0,#628e05 100%);
    background: -o-linear-gradient(top,#85b71d 0,#628e05 100%);
    background: linear-gradient(180deg,#85b71d 0,#628e05);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
}
.player-container .btnDefaultWhite {
    color: #6d6a64!important;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    background: #f6f5f2;
    background: -webkit-linear-gradient(top,#fbfbfa,#f6f5f2);
    background: -moz-linear-gradient(top,#fbfbfa 0,#f6f5f2 100%);
    background: -ms-linear-gradient(top,#fbfbfa 0,#f6f5f2 100%);
    background: -o-linear-gradient(top,#fbfbfa 0,#f6f5f2 100%);
    background: linear-gradient(180deg,#fbfbfa 0,#f6f5f2);
    border: 2px solid;
    border-color: #e6e4dd #e6e4dd #dddbd3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    vertical-align: middle;
    padding: 7px 12px;
    margin-right: 5px;
    cursor: pointer;
}
.player-container .btnDefaultWhite:hover {
    text-decoration: none;
    background: #f9f8f6;
    background: -webkit-linear-gradient(top,#fff,#f9f8f6);
    background: -moz-linear-gradient(top,#fff 0,#f9f8f6 100%);
    background: -ms-linear-gradient(top,#fff 0,#f9f8f6 100%);
    background: -o-linear-gradient(top,#fff 0,#f9f8f6 100%);
    background: linear-gradient(180deg,#fff 0,#f9f8f6);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 1px #fff;
}
.player-container .idepopup {
    position: absolute;
    background-color: rgba(0,0,0,.8);
    z-index: 5000;
}
.player-container .idepopup iframe {
    width: 100%;
    height: 100%;
}
.player-container #speechdialog {
    font-family: Exo;
    z-index: 1000;
    border-radius: 8px;
    border: 4px solid #fff;
    background-color: #69c;
    padding: 20px 40px;
    margin: 8px;
    width: 450px;
    position: absolute;
    top: 0;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.player-container .w600nm {
    width: 600px;
}
.player-container a.globalhome {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.player-container a.globalhome,
.player-container a.globalhome:hover {
    -webkit-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    transition: transform 0.2s;
}
.player-container a.globalhome:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.player-container p {
    color: #000;
}
.player-container a {
    text-decoration: none;
}
.hoc-2017-page h1,
.hoc-2017-page h2 {
    color: #fff;
}
.hoc-2017-page h1 {
    font-size: 50px;
    font-weight: 700;
}
.hoc-2017-page h2 {
    font-size: 17px;
    line-height: 26px;
}
.hoc-2017-page .hoc-2017-hero {
    background-image: linear-gradient(270deg,#106bf0 0,#3c99c4 49%,#75d28f);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0;
}
.hour-of-code-activity-page h1 {
    font-size: 36px;
    margin-bottom: 0;
}
.hour-of-code-activity-page a {
    font-size: inherit;
}
.hour-of-code-activity-page .activity-hero {
    background: #907ac3 none no-repeat 0;
    background-size: cover;
    padding: 20px 0 50px;
    position: relative;
    color: #fff;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-activity-page .activity-hero {
        padding-top: 0;
    }
}
.hour-of-code-activity-page .activity-hero .title {
    font-size: 42px;
    border-bottom: 4px solid #00bcd4;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
    margin-top: 0;
    text-shadow: 2px 1px 2px #444;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-activity-page .activity-hero .title {
        font-size: 36px;
    }
}
.hour-of-code-activity-page .activity-hero .button-teachers {
    width: 100%;
    font-size: 16px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.25);
    transition: all 0.25s ease-in-out;
}
.hour-of-code-activity-page .activity-hero .button-teachers:hover {
    transform: scale(1.025);
}
.hour-of-code-activity-page .activity-hero .button-teachers-top {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 250px;
    font-size: 16px;
    margin-bottom: 15px;
}
.hour-of-code-activity-page .activity-hero .activity-details {
    margin-bottom: 10px;
}
.hour-of-code-activity-page .activity-hero .activity-details .activity-detail {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    padding-right: 25px;
    display: inline;
    text-shadow: 2px 1px 2px #444;
}
.hour-of-code-activity-page .activity-hero .activity-details .activity-detail .icon {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-family: icomoon;
    font-size: 24px;
    color: #00bcd4;
    font-weight: 700;
    margin-right: 10px;
    vertical-align: top;
}
.hour-of-code-activity-page .activity-hero .activity-details .activity-detail .value {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
}
.hour-of-code-activity-page .activity-hero .activity-icon {
    bottom: -50px;
}
.hour-of-code-activity-page .activity-hero .mobile-disclaimer {
    color: #fff;
}
.hour-of-code-activity-page .activity-icon {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.hour-of-code-activity-page .activity-icon img {
    width: 100%;
    padding: 18px;
}
.hour-of-code-activity-page .activity-screenshots {
    background-color: #fff;
    padding-bottom: 30px;
    position: relative;
}
.hour-of-code-activity-page .activity-screenshots .activity-icon {
    top: -50px;
}
.hour-of-code-activity-page .activity-screenshots .activity-screenshots-spacer {
    padding-top: 40px;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-activity-page .activity-screenshots .activity-screenshots-spacer {
        padding-top: 60px;
    }
}
.hour-of-code-activity-page .activity-content {
    background-color: #fff;
    padding-top: 30px;
}
.hour-of-code-activity-page .activity-content .activity-content-title {
    position: relative;
}
.hour-of-code-activity-page .activity-content .activity-content-title .title {
    margin: 30px 0 15px;
}
.hour-of-code-activity-page .activity-content .activity-content-title .button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
.hour-of-code-activity-page .activity-content .title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.8;
    margin: 30px 0;
}
.hour-of-code-activity-page .activity-content .activity-side-bar {
    border: 1px solid #e0e0e0;
    padding: 0.5rem;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tbody {
    border: none;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tbody tr th {
    text-align: left;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tbody tr th:first-child {
    width: 30%;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tbody tr td {
    vertical-align: top;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tbody tr:nth-child(2n) {
    background-color: transparent;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tfoot {
    background: 0 0;
    border: none;
}
.hour-of-code-activity-page .activity-content .activity-side-bar table.activity-table tfoot td {
    font-weight: 300;
}
.hour-of-code-activity-page .activity-more-activities {
    margin-top: 10px;
    background-color: #f8f8f8;
}
.hour-of-code-activity-page .activity-more-activities .title {
    text-align: center;
    font-weight: 700;
    line-height: 1.8;
    margin: 20px;
}
.hour-of-code-activity-page .hoc-share-button {
    position: relative;
}
.hour-of-code-activity-page .teacher-cta {
    display: inline-block;
    color: #fff;
    background: #224a75 url("../image/hour-of-code/2017/hoc-cards@2x.png?width=180&height=180&mode=contain&format=png&quality=80&cache=max&v=images-364c7731") no-repeat -55px;
    padding-left: 140px;
    padding-top: 25px;
    height: 100px;
    width: 100%;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-activity-page .teacher-cta {
        padding-top: 14px;
    }
    .hour-of-code-activity-page .teacher-cta.teacher-cta-bottom .teacher-cta-title {
        font-size: 18px;
    }
}
.hour-of-code-activity-page .teacher-cta .teacher-cta-title {
    color: #fff;
    text-align: left;
    margin: 0;
    line-height: 22px;
    text-transform: none;
    font-weight: 600;
    font-size: 21px;
}
.hour-of-code-activity-page .teacher-cta .teacher-cta-subtitle {
    color: #fff;
    text-align: left;
    margin: 0;
    line-height: 35px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
}
.hour-of-code-activity-page .teacher-cta.teacher-cta-top {
    margin-top: 0;
    box-shadow: none;
    background-image: none;
    padding-left: 0;
    height: 75px;
}
.hour-of-code-activity-page .teacher-cta.teacher-cta-top .teacher-cta-title {
    text-align: center;
    font-size: 20px;
}
.hour-of-code-activity-page .teacher-cta.teacher-cta-top .teacher-cta-subtitle {
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
}
.hour-of-code-activity-page .teacher-cta.teacher-cta-bottom {
    margin-top: 20px;
}
.hour-of-code-activity-page .page-sharing {
    display: block;
    margin-bottom: 1rem;
    padding-left: 10px;
    vertical-align: top;
}
.hour-of-code-activity-page .page-sharing .icn-facebook,
.hour-of-code-activity-page .page-sharing .icn-google,
.hour-of-code-activity-page .page-sharing .icn-mail,
.hour-of-code-activity-page .page-sharing .icn-twitter {
    font-size: 18px;
    height: 30px;
    width: 30px;
    padding: 4px 0 0 6px;
}
.hour-of-code-activity-page .page-sharing .icn-google {
    padding-left: 5px;
}
.hour-of-code-activity-page .subtitle-hero {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    color: #fff;
    line-height: 1.5;
    text-shadow: 2px 1px 2px #444;
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-activity-page .breadcrumbs {
        padding-top: 20px;
    }
}
.hour-of-code-activity-page .breadcrumbs li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.hour-of-code-activity-page .breadcrumbs li.current {
    font-weight: 600;
}
.hour-of-code-activity-page .breadcrumbs a {
    color: #fff;
    font-size: 14px;
}
.hour-of-code-activity-page .breadcrumbs .disabled {
    opacity: 0.5;
}
.hour-of-code-activity-page .teacher-notes-button {
    margin-right: 0;
    margin-bottom: 0;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-activity-page .teacher-notes-button {
        padding-top: 20px;
    }
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button {
    color: #fff;
    background-color: #00bcd4;
    border: 2px solid #00bcd4;
    border-radius: 5px;
    margin-right: 10px;
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.hollow {
    background-color: hsla(0,0%,100%,.25);
    border: 2px solid #fff;
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.hollow:hover {
    color: #00bcd4;
    background-color: #fff;
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-hollow {
    transition: all 0.25s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 16px;
    background-color: rgba(0,0,0,.6);
    border: 2px solid #fff;
    margin: 0 0 15px;
    min-width: 216px;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.25);
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-hollow:hover {
    transform: scale(1.025);
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-orange {
    background-color: #f7a430;
    border-color: #f7a430;
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-blue {
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-play {
    transition: all 0.25s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 16px;
    margin: 0 0 15px;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.25);
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-play:hover {
    transform: scale(1.025);
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-activities {
    transition: all 0.25s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    font-size: 16px;
    margin: 0 0 15px;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.25);
}
.hour-of-code-activity-page:not(.nasa-return-to-moon) .button.button-activities:hover {
    transform: scale(1.025);
}
.hour-of-code-activity-page .card {
    border: 1px solid #ddd;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.025);
    transition: all 0.25s ease-in-out;
}
.hour-of-code-activity-page .card .card-description {
    text-transform: uppercase;
}
.hour-of-code-activity-page .card:hover {
    transform: scale(1.025);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.125);
}
.hour-of-code-activity-page .teacher-notes {
    padding: 20px;
}
@media print,screen and (min-width:64em) {
    .hour-of-code-activity-page .teacher-notes {
        padding: 0 40px 20px 0;
    }
}
.hour-of-code-activity-page .teacher-notes h4 {
    margin: 0;
    font-size: 24px;
    margin-bottom: 5px;
}
.hour-of-code-activity-page .teacher-notes .title {
    margin: 0 0 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
}
.hour-of-code-activity-page .teacher-notes .button {
    margin-bottom: 0;
}
.hour-of-code-activity-page .teacher-notes .activity-long-description,
.hour-of-code-activity-page .teacher-notes .activity-note-details {
    padding-bottom: 20px;
}
.hour-of-code-activity-page .teacher-notes .activity-events strong {
    margin-right: 5px;
}
.hour-of-code-activity-page .teacher-notes .activity-events a {
    font-weight: 700;
    margin-left: 10px;
}
.hour-of-code-activity-page .teacher-notes .note {
    padding: 0;
}
.hour-of-code-activity-page .teacher-notes .checkmark-font li:before {
    font-size: 14px;
    color: #82ca6d;
}
.hour-of-code-activity-page .teacher-notes .list.list-details li {
    margin-left: 0;
    list-style-type: none;
}
.hour-of-code-activity-page .teacher-notes .list.list-details li .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    height: 20px;
    line-height: 20px;
}
.hour-of-code-activity-page .teacher-notes .list.list-details li .text {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    text-transform: capitalize;
}
.hour-of-code-activity-page .teacher-notes .teacher-buttons .button {
    width: 100%;
    margin-bottom: 15px;
}
.hour-of-code-activity-page .links-footer {
    margin-top: 20px;
    padding-bottom: 30px;
}
.hour-of-code-activity-page .links-footer .title {
    font-weight: 600;
    margin: 0 0 15px;
    text-align: left;
    margin-bottom: 0;
    padding: 0;
}
.hour-of-code-activity-page .links-footer .title a {
    color: #25293a;
    font-weight: 600;
}
.hour-of-code-activity-page .links-footer .title a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.hour-of-code-activity-page .links-footer ul li {
    line-height: 1.8;
}
.hour-of-code-activity-page .links-footer ul li a {
    color: #25293a;
    font-weight: 500;
    font-size: 15px;
}
.hour-of-code-activity-page .links-footer ul li a:hover {
    cursor: pointer;
    text-decoration: underline;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-activity-page .links-footer,
    .hour-of-code-activity-page .links-footer .title {
        text-align: center;
    }
}
.hour-of-code-activity-page.puppy-adventure .activity-hero {
    background-image: url("../image/hour-of-code/2016/puppy-adventure/puppy-adventure-header.gif");
}
.hour-of-code-activity-page.puppy-adventure .activity-icon,
.hour-of-code-activity-page.puppy-adventure .activity-screenshots {
    background-color: #316f60;
}
.hour-of-code-activity-page.candy-quest .activity-hero {
    background-image: url("../image/hour-of-code/2016/candy-quest/candy-quest-hero.gif");
    background-position: bottom;
}
.hour-of-code-activity-page.candy-quest .activity-icon,
.hour-of-code-activity-page.candy-quest .activity-screenshots {
    background-color: #664635;
}
.hour-of-code-activity-page.brick-breaker .activity-hero {
    background-image: url("../image/hour-of-code/2016/brick-breaker/brick-breaker-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.tell-a-joke .activity-hero {
    background-image: url("../image/hour-of-code/2016/knock-knock-joke/knock-knock-joke-header.gif");
    background-position: top;
}
.hour-of-code-activity-page.debugger .activity-hero {
    background-image: url("../image/hour-of-code/2016/debugger/debugger-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.debugger .activity-icon,
.hour-of-code-activity-page.debugger .activity-screenshots {
    background-color: #5d65a4;
}
.hour-of-code-activity-page.platformer-starter-kit .activity-hero {
    background-image: url("../image/hour-of-code/2016/platformer-starter-kit/platformer-starter-kit-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.barbie-pet-vet .activity-hero {
    background-image: url("../image/hour-of-code/2017/barbie/barbie-header.gif");
    background-position: bottom;
}
.hour-of-code-activity-page.barbie-pet-vet .activity-icon,
.hour-of-code-activity-page.barbie-pet-vet .activity-screenshots {
    background-color: #e11383;
}
.hour-of-code-activity-page.barbie-ycba .activity-hero {
    background-color: #ef3d9c;
    background-image: url("../image/hour-of-code/2018/barbie-careers/barbie-careers-header.png");
    background-position: bottom;
    background-size: contain;
}
.hour-of-code-activity-page.barbie-ycba .activity-icon,
.hour-of-code-activity-page.barbie-ycba .activity-screenshots {
    background-color: #e11383;
}
.hour-of-code-activity-page.crystal-clash .activity-hero {
    background-image: url("../image/hour-of-code/2018/crystal-clash/crystal-clash-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.crystal-clash .activity-icon,
.hour-of-code-activity-page.crystal-clash .activity-screenshots {
    background-color: #124f88;
}
.hour-of-code-activity-page.pets-game .activity-hero {
    background-image: url("../image/hour-of-code/2018/pets-game/pets-game-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.cooking-game .activity-hero {
    background-image: url("../image/hour-of-code/2018/cooking-game/cooking-game-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.change-the-world .activity-hero {
    background-image: url("../image/hour-of-code/2018/change-the-world/change-the-world-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.draw-a-landscape .activity-hero {
    background-image: url("../image/hour-of-code/2018/draw-a-landscape/draw-a-landscape-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.superhero-masks .activity-hero {
    background-image: url("../image/hour-of-code/2018/superhero-masks/superhero-masks-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.hot-wheels-obstacle-course .activity-hero {
    background-image: url("../image/hour-of-code/2016/obstacle-course/obstacle-course-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.monster-high-scavenger-hunt .activity-hero {
    background-image: url("../image/hour-of-code/2016/scavenger-hunt/scavenger-hunt-header.gif");
    background-position: 50%;
}
.hour-of-code-activity-page.code-monsters .activity-hero {
    background-image: url("../image/hour-of-code/2016/code-monsters/code-monsters-header.png");
    background-position: top;
}
.hour-of-code-activity-page.code-monsters .activity-icon,
.hour-of-code-activity-page.code-monsters .activity-screenshots {
    background-color: #125a25;
}
.hour-of-code-activity-page.code-commander .activity-hero {
    background-image: url("../image/hour-of-code/2016/code-commander/code-commander-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.code-commander .activity-icon,
.hour-of-code-activity-page.code-commander .activity-screenshots {
    background-color: #2f7f4f;
}
.hour-of-code-activity-page.dragon-dash .activity-hero {
    background-image: url("../image/hour-of-code/2016/dragon-dash/dragon-dash-header.gif");
    background-position: bottom;
}
.hour-of-code-activity-page.dragon-dash .activity-icon,
.hour-of-code-activity-page.dragon-dash .activity-screenshots {
    background-color: #766ea9;
}
.hour-of-code-activity-page.lost-in-space .activity-hero {
    background-image: url("../image/hour-of-code/2016/lost-in-space/lost-in-space-header.png");
    background-position: 50%;
}
.hour-of-code-activity-page.lost-in-space .activity-icon,
.hour-of-code-activity-page.lost-in-space .activity-screenshots {
    background-color: #031e3a;
}
.hour-of-code-activity-page.homophones .activity-hero {
    background-image: url("../image/hour-of-code/2016/stem-homophones/stem-homophones-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.homophones .activity-icon,
.hour-of-code-activity-page.homophones .activity-screenshots {
    background-color: #084e36;
}
.hour-of-code-activity-page.ecological-pyramid .activity-hero {
    background-image: url("../image/hour-of-code/2016/stem-ecological-pyramid/stem-ecological-pyramid-header.gif");
    background-position: bottom;
}
.hour-of-code-activity-page.solar-system .activity-hero {
    background-image: url("../image/hour-of-code/2016/stem-solar-system/stem-solar-system-header.png");
    background-position: 50%;
}
.hour-of-code-activity-page.analog-clock .activity-hero {
    background-image: url("../image/hour-of-code/2016/stem-analog-clock/stem-analog-clock-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.bill-of-rights .activity-hero {
    background-image: url("../image/hour-of-code/2016/stem-bill-of-rights/stem-bill-of-rights-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.multiplication-escape .activity-hero {
    background-image: url("../image/hour-of-code/2016/stem-multiplication-escape/stem-multiplication-escape-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.counter-hack .activity-hero {
    background-image: url("../image/hour-of-code/2016/javascript/javascript-header.gif");
    background-position: bottom;
}
.hour-of-code-activity-page.counter-hack .activity-icon,
.hour-of-code-activity-page.counter-hack .activity-screenshots {
    background-color: #4b7394;
}
.hour-of-code-activity-page.toxic-jungle .activity-hero {
    background-image: url("../image/hour-of-code/2016/toxic-jungle/toxic-jungle-header.png");
    background-position: 50%;
}
.hour-of-code-activity-page.toxic-jungle .activity-icon,
.hour-of-code-activity-page.toxic-jungle .activity-screenshots {
    background-color: #355c37;
}
.hour-of-code-activity-page.peep-dance-with-friends .activity-hero {
    background-image: url("../image/hour-of-code/2016/peep-dance-with-friends/peep-dance-with-friends-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.peep-nature-walk .activity-hero {
    background-image: url("../image/hour-of-code/2016/peep-nature-walk/peep-nature-walk-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.undersea-arcade .activity-hero {
    background-image: url("../image/hour-of-code/2016/arcade-shooter/arcade-shooter-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.physics-cannon-2-player .activity-hero {
    background-image: url("../image/hour-of-code/2016/2-player-cannon-game/2-player-cannon-game-kit-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.spin-draw .activity-hero {
    background-image: url("../image/hour-of-code/2016/spin-draw/spin-draw-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.bird-mayhem .activity-hero {
    background-image: url("../image/hour-of-code/2016/bird-mayhem/bird-mayhem-header.png");
    background-position: top;
}
.hour-of-code-activity-page.pattern-maker .activity-hero {
    background-image: url("../image/hour-of-code/2016/pattern-maker/pattern-maker-header.png");
    background-position: 50%;
}
.hour-of-code-activity-page.pattern-maker .activity-icon,
.hour-of-code-activity-page.pattern-maker .activity-screenshots {
    background-color: #30527d;
}
.hour-of-code-activity-page.dragon-blast .activity-hero {
    background-image: url("../image/hour-of-code/2017/dragon-blast/dragon-blast-header.png");
    background-position: 50%;
}
.hour-of-code-activity-page.dragon-blast .activity-icon,
.hour-of-code-activity-page.dragon-blast .activity-screenshots {
    background-color: #40310f;
}
.hour-of-code-activity-page.space-quest .activity-hero {
    background-image: url("../image/hour-of-code/2017/space-quest/space-quest-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.space-quest .activity-icon,
.hour-of-code-activity-page.space-quest .activity-screenshots {
    background-color: #756d3b;
}
.hour-of-code-activity-page.hot-wheels-hack-the-track .activity-hero {
    background-image: url("../image/hour-of-code/2016/hot-wheels/obstacle-course-header.png");
    background-position: bottom;
}
.hour-of-code-activity-page.monster-high-music-video .activity-hero {
    background-image: url("../image/hour-of-code/2016/scavenger-hunt/scavenger-hunt-header.gif");
    background-position: bottom;
}
.hour-of-code-activity-page.nasa-moon-2-mars .activity-hero {
    background-color: #2d2082;
    background-image: url("../image/hour-of-code/2019/nasa-moon-2-mars/nasa-moon-2-mars-background.png");
    background-position: top;
    background-size: cover;
}
.hour-of-code-activity-page.nasa-moon-2-mars .activity-icon,
.hour-of-code-activity-page.nasa-moon-2-mars .activity-screenshots {
    background-color: #2d2082;
}
.hour-of-code-activity-page.nasa-return-to-moon .activity-hero {
    background-color: #2a247d;
    background-image: url("../image/hour-of-code/2021/nasa-return-to-moon/nasa-return-to-moon-hero.png),url(../image/hour-of-code/2021/nasa-return-to-moon/hero-earth.png),url(../image/hour-of-code/2021/nasa-return-to-moon/nasa-return-to-moon-background.png");
    background-position: calc(50% + 7rem) 100%,bottom 8rem left calc(50% - 6rem),bottom;
    background-size: 18rem,4rem,cover;
}
.hour-of-code-activity-page.nasa-return-to-moon .activity-icon,
.hour-of-code-activity-page.nasa-return-to-moon .activity-screenshots {
    background-color: #2a247d;
}
.hour-of-code-activity-page.retro-racer .activity-hero {
    background-image: url("../image/hour-of-code/2021/retro-racer/retro-racer-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.retro-racer .activity-icon,
.hour-of-code-activity-page.retro-racer .activity-screenshots {
    background-color: #906cb5;
}
.hour-of-code-activity-page.platform-peril .activity-hero {
    background-image: url("../image/hour-of-code/2021/platform-peril/platform-peril-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.platform-peril .activity-icon,
.hour-of-code-activity-page.platform-peril .activity-screenshots {
    background-color: #50ad9f;
}
.hour-of-code-activity-page.outlast-the-onslaught .activity-hero {
    background-image: url("../image/hour-of-code/2021/outlast-the-onslaught/outlast-the-onslaught-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.outlast-the-onslaught .activity-icon,
.hour-of-code-activity-page.outlast-the-onslaught .activity-screenshots {
    background-color: #e5b462;
}
.hour-of-code-activity-page.life-on-land .activity-hero {
    background-image: url("../image/hour-of-code/2019/life-on-land/life-on-land-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.life-on-land .activity-icon,
.hour-of-code-activity-page.life-on-land .activity-screenshots {
    background-color: #3166b3;
}
.hour-of-code-activity-page.life-on-land-python .activity-hero {
    background-image: url("../image/hour-of-code/2019/life-on-land-python/life-on-land-python-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.life-on-land-python .activity-icon,
.hour-of-code-activity-page.life-on-land-python .activity-screenshots {
    background-color: #50b33e;
}
.hour-of-code-activity-page.affordable-and-clean-energy .activity-hero {
    background-image: url("../image/hour-of-code/2019/affordable-and-clean-energy/affordable-and-clean-energy-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.affordable-and-clean-energy .activity-icon,
.hour-of-code-activity-page.affordable-and-clean-energy .activity-screenshots {
    background-color: #199e47;
}
.hour-of-code-activity-page.affordable-and-clean-energy-html .activity-hero {
    background-image: url("../image/hour-of-code/2019/affordable-and-clean-energy-html/affordable-and-clean-energy-html-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.affordable-and-clean-energy-html .activity-icon,
.hour-of-code-activity-page.affordable-and-clean-energy-html .activity-screenshots {
    background-color: #5620c2;
}
.hour-of-code-activity-page.responsible-consumption-and-production .activity-hero {
    background-image: url("../image/hour-of-code/2019/responsible-consumption-and-production/responsible-consumption-and-production-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.responsible-consumption-and-production .activity-icon,
.hour-of-code-activity-page.responsible-consumption-and-production .activity-screenshots {
    background-color: #b57714;
}
.hour-of-code-activity-page.responsible-consumption-and-production-javascript .activity-hero {
    background-image: url("../image/hour-of-code/2019/responsible-consumption-and-production-javascript/responsible-consumption-and-production-javascript-background.png");
    background-position: bottom;
}
.hour-of-code-activity-page.responsible-consumption-and-production-javascript .activity-icon,
.hour-of-code-activity-page.responsible-consumption-and-production-javascript .activity-screenshots {
    background-color: #3166b3;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-activity-page.nasa-moon-2-mars .activity-hero {
        max-height: 350px;
        overflow: hidden;
    }
}
.hour-of-code-activity-page.nasa-return-to-moon .activity-hero {
    padding-bottom: 12.5rem;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-activity-page.nasa-return-to-moon .activity-hero {
        background-position: bottom right 5%,top 2rem left calc(50% + 9rem),bottom;
        padding-bottom: 8rem;
    }
}
@media print,screen and (min-width:64em) {
    .hour-of-code-activity-page.nasa-return-to-moon .activity-hero {
        background-position: bottom left 86%,top 1.5rem left calc(50% + 3rem),bottom -2rem center;
        background-size: 25rem,6rem,cover;
    }
}
@media screen and (min-width:75em) {
    .hour-of-code-activity-page.nasa-return-to-moon .activity-hero {
        background-position: calc(50% + 18rem) 100%,top 1.5rem left calc(50% + 3rem),bottom -2rem center;
        padding-bottom: 7rem;
    }
}
.hour-of-code-activity-page.nasa-return-to-moon .activity-hero-button-container {
    display: inline-block;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-activity-page.nasa-return-to-moon .activity-hero-button-container {
        position: absolute;
        right: 1rem;
    }
}
.hour-of-code-activity-page.nasa-return-to-moon .activity-screenshots .dashboard-nav {
    overflow: visible;
}
.hour-of-code-activity-page.nasa-return-to-moon .activity-screenshots .card .card-thumbnail img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.hour-of-code-activity-page.barbie-pet-vet .activity-hero .title,
.hour-of-code-activity-page.barbie-ycba .activity-hero .title {
    border-bottom: 4px solid #e11383;
}
body.site section.hour-of-code-activity-page {
    padding-bottom: 0;
    padding-top: 0;
}
.hour-of-code-hero {
    background-image: linear-gradient(97.56deg,#00c5cb .33%,#0088d4 98.07%);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 15px 0;
    text-align: left;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-hero {
        text-align: center;
    }
}
.hour-of-code-hero h1 {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    font-size: 36px;
}
.hour-of-code-hero h2 {
    margin: 15px 0 0;
    padding: 0;
}
.hour-of-code-hero a {
    color: #fff;
}
.hour-of-code-hero a.hero-link:hover {
    text-decoration: underline;
}
.hour-of-code-hero a.teacher-link {
    font-weight: 700;
}
.hour-of-code-hero a.teacher-link:hover {
    text-decoration: underline;
}
.hour-of-code-hero .button.button-hero {
    border: 1px solid #fff;
    background-color: transparent;
}
.hour-of-code-hero .button.button-hero:hover {
    cursor: pointer;
    color: #0091d6;
    background-color: #fff;
}
.hour-of-code-hero .button.button-hero.button-share {
    min-width: 109px;
}
.hour-of-code-hero .certificates .certificate {
    display: inline-block;
    width: 100px;
    margin: 12px 0 12px 15px;
}
.hour-of-code-hero .certificates .certificate.certificate-locked {
    filter:grayscale(1)
}
.hour-of-code-hero .certificates .certificate:last-child {
    margin-right: 0;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-hero .certificates {
        text-align: center;
    }
    .hour-of-code-hero .certificates .certificate {
        margin-left: 0;
        margin-right: 12px;
    }
}
.hour-of-code-hero .project-count-inline {
    text-align: center;
}
@media print,screen and (min-width:64em) {
    .hour-of-code-hero .project-count-inline {
        margin: 10px 0 5px;
    }
}
.hour-of-code-hero .stats {
    margin: 15px 0 0;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-hero .stats {
        margin-top: 23px;
    }
}
.hour-of-code-hero .stats .stat .icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: top;
    margin-right: 5px;
}
.hour-of-code-hero .stats .stat .value {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 25px;
    vertical-align: top;
    text-transform: uppercase;
    line-height: 25px;
}
.hour-of-code-hero .stats .stat.stat-xp {
    display: inline;
}
.hour-of-code-hero .stats .stat.stat-xp .icon {
    background-image: url("../image/hour-of-code/xp-icon.png");
}
.hour-of-code-hero .stats .stat.stat-xp .value {
    line-height: 20px;
}
.hour-of-code-hero .stats .stat.stat-badges .icon {
    background-image: url("../image/hour-of-code/star-icon.png");
}
.hour-of-code-hero .stats .stat.stat-certificates .icon {
    background-image: url("../image/hour-of-code/certificates-icon.png");
}
.hour-of-code-hero .buttons .button {
    font-size: 13px;
    margin-right: 15px;
}
.hour-of-code-hero .buttons .button.button-teachers {
    min-width: 145px;
}
.hour-of-code-hero .buttons .button.button-teachers.button-teachers-top {
    margin-top: 8px;
}
.hour-of-code-hero .buttons .button.button-teachers.button-teachers-bottom {
    margin-top: 15px;
}
.hour-of-code-hero .buttons .button.button-restart {
    margin-top: 15px;
    min-width: 145px;
}
.hour-of-code-hero .buttons .button:last-child {
    margin-right: 0;
}
.hour-of-code-hero .buttons.left {
    text-align: left;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-hero .buttons.left {
        text-align: center;
    }
}
.hour-of-code-hero .buttons.right {
    text-align: right;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-hero .buttons.right {
        text-align: center;
    }
}
.hour-of-code-hero .tabs {
    background: 0 0;
    border: none;
    margin: 20px 0 0;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-hero .tabs {
        margin-top: 10px;
    }
}
.hour-of-code-hero .tabs .tabs-title {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    float: none;
}
.hour-of-code-hero .tabs .tabs-title .tab-button {
    color: #fff;
    outline: none;
    background-color: #0087a9;
    border-radius: 20px;
    min-width: 85px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    font-weight: 400;
}
.hour-of-code-hero .tabs .tabs-title.is-active .tab-button {
    color: #0187a9;
    background-color: #fff;
}
.hour-of-code-links-footer {
    margin-top: 15px;
}
.hour-of-code-links-footer .title {
    font-weight: 600;
    margin: 0 0 15px;
    text-align: left;
}
.hour-of-code-links-footer .title a {
    color: #000;
    font-weight: 600;
}
.hour-of-code-links-footer .title a:hover {
    cursor: pointer;
    text-decoration: underline;
}
.hour-of-code-links-footer ul li {
    line-height: 30px;
}
.hour-of-code-links-footer ul li a {
    color: #000;
    font-weight: 500;
}
.hour-of-code-links-footer ul li a:hover {
    cursor: pointer;
    text-decoration: underline;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-links-footer,
    .hour-of-code-links-footer .title {
        text-align: center;
    }
}
.hour-of-code-page h1,
.hour-of-code-page h2 {
    color: #fff;
}
.hour-of-code-page h1 {
    font-size: 50px;
    font-weight: 700;
}
.hour-of-code-page h2 {
    font-size: 17px;
    line-height: 26px;
    margin: 0;
}
.hour-of-code-page .hour-of-code-hero {
    position: relative;
}
.hour-of-code-page .hour-of-code-hero h1 {
    font-size: 30px;
}
.hour-of-code-page .hour-of-code-hero .levels-remaining {
    margin-bottom: 0;
}
.hour-of-code-page .hour-of-code-hero .levels-remaining a {
    font-size: 14px;
}
@media print,screen and (min-width:64em) {
    .hour-of-code-page .hour-of-code-hero .levels-remaining a {
        font-size: 16px;
    }
}
.hour-of-code-page .hour-of-code-hero .certificates .certificate {
    display: inline-block;
    width: 60px;
    margin: 5px 10px;
}
.hour-of-code-page .hour-of-code-hero .certificates .certificate.certificate-locked {
    filter:grayscale(1)
}
.hour-of-code-page .hour-of-code-hero .certificates .certificate:last-child {
    margin-right: 0;
}
@media print,screen and (min-width:64em) {
    .hour-of-code-page .hour-of-code-hero .certificates .certificate {
        width: 100px;
    }
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-page .hour-of-code-hero .certificates {
        text-align: center;
    }
    .hour-of-code-page .hour-of-code-hero .certificates .certificate {
        margin-left: 0;
        margin-right: 12px;
    }
}
.hour-of-code-page .hour-of-code-hero .hero-top-row a {
    font-size: 12px;
}
.hour-of-code-page .hour-of-code-hero .hero-top-row .text-right {
    text-align: right;
}
.hour-of-code-page .hour-of-code-hero .stat.stat-xp {
    display: inline;
}
.hour-of-code-page .hour-of-code-hero .stat.stat-xp .icon {
    background-image: url("../image/hour-of-code/xp-icon.png");
}
.hour-of-code-page .hour-of-code-hero .stat.stat-xp .value {
    line-height: 20px;
}
.hour-of-code-page .hour-of-code-hero .stat.stat-badges {
    display: inline;
}
.hour-of-code-page .hour-of-code-hero .stat.stat-reset .icon {
    font-size: 16px;
    width: auto;
    margin-top: 5px;
}
.hour-of-code-page .activities {
    background-color: #f4fafa;
    padding: 30px;
}
.hour-of-code-page .activities .tabs {
    background: 0 0;
    border: 0;
    text-align: center;
    margin-bottom: 10px;
}
.hour-of-code-page .activities .tabs .tabs-title {
    float: none;
    background-color: transparent;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 15px;
}
.hour-of-code-page .activities .tabs .tabs-title .tab-button {
    outline: none;
    color: #575757;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
    padding: 0 20px;
}
.hour-of-code-page .activities .tabs .tabs-title .tab-button:hover {
    color: #00bcd4;
}
.hour-of-code-page .activities .tabs .tabs-title.is-active {
    outline: none;
    background-color: transparent;
}
.hour-of-code-page .activities .tabs .tabs-title.is-active .tab-button {
    color: #00bcd4;
}
.hour-of-code-page .activities .tabs .tabs-title.is-active > a[aria-selected=true],
.hour-of-code-page .activities .tabs .tabs-title:hover > a,
.hour-of-code-page .activities .tabs-content {
    background-color: transparent;
}
.hour-of-code-page .activities .card-container {
    text-align: center;
}
.hour-of-code-page .activities .card-container .community-project-old {
    display: inline-block;
    width: 100%;
}
.hour-of-code-page .activities .card-container .community-project-old .project-card {
    width: 100%;
    margin-bottom: 30px;
}
.hour-of-code-page .activities .card-container .community-project-old .project-card .project-title h5 {
    padding: 0;
}
.hour-of-code-page .activities .card-container .community-project-old .icon-button-like .icon-heart {
    display: inline-block;
}
.hour-of-code-page .activities .card-container .community-project-old .icon-button-like .icon-heart-2,
.hour-of-code-page .activities .card-container .community-project-old .icon-button-like.liked .icon-heart {
    display: none;
}
.hour-of-code-page .activities .card-container .community-project-old .icon-button-like.liked .icon-heart-2 {
    display: inline-block;
}
.hour-of-code-page .activities .mc-assets {
    text-align: center;
}
.hour-of-code-page .activities .mc-assets li {
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    width: 198px!important;
    height: 170px!important;
    line-height: normal!important;
    min-height: 0!important;
    margin: 0;
    text-align: center;
}
.hour-of-code-page .activities .mc-assets li a {
    display: inline-block;
}
.hour-of-code-page .activities .mc-assets li .open {
    display: block;
    width: 100%!important;
    height: 130px!important;
}
.hour-of-code-page .activities .mc-assets li .open .main-container {
    width: 100%;
    height: 100%;
    padding: 10px;
}
.hour-of-code-page .activities .mc-assets li .open .main-container .main {
    display: block;
    line-height: 114px;
    position: relative;
    padding: 0;
    width: 100%!important;
    height: 100%!important;
    line-height: normal!important;
    min-height: 0!important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.hour-of-code-page .activities .mc-assets li .open .main-container .main img {
    visibility: visible;
    width: auto!important;
    height: 100%!important;
    max-height: none;
    vertical-align: middle;
}
.hour-of-code-page .activities .mc-assets li .open .main-container .main img.hide-rendering {
    visibility: visible;
}
.hour-of-code-page .activities .mc-assets li .open .main-container .main img.hide-rendering.render {
    visibility: hidden;
}
.hour-of-code-page .activities .mc-assets li .data {
    height: 40px!important;
    border-top: 0;
    background-color: #fff;
    text-align: left;
    padding-left: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0;
}
.hour-of-code-page .activities .mc-assets li .data .actions {
    height: 100%!important;
    text-align: center;
    border-radius: 0;
}
.hour-of-code-page .activities .mc-assets li .data .actions a {
    text-decoration: none;
}
.hour-of-code-page .activities .mc-assets li .data .stats {
    text-align: center;
}
.hour-of-code-page .activities .mc-assets li .data .stats .stat {
    display: inline-block;
    width: 18px;
    margin-right: 15px;
}
.hour-of-code-page .activities .mc-assets li .data .stats .stat .icon {
    width: 100%;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.hour-of-code-page .activities .mc-assets li .data .stats .stat .value {
    width: 100%;
    text-align: center;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.hour-of-code-page .activities .mc-assets li .data .stats .stat.likes .icon {
    background-image: url("../image/dashboard/student/project-icons/favorite-fill.png");
}
.hour-of-code-page .activities .mc-assets li .data .stats .stat.views .icon {
    background-image: url("../image/dashboard/student/project-icons/views.png");
}
.hour-of-code-page .activities .mc-assets li .data .stats .stat:last-child {
    margin-right: 0;
}
.hour-of-code-page .activities .mc-assets li .data:hover {
    background-color: #000;
}
.hour-of-code-page .activities .mc-assets li:hover {
    transform: scale(1.01);
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.hour-of-code-page .activities .mc-assets li:hover .data {
    background-color: #000;
}
.hour-of-code-page .activities .mc-assets li.small {
    width: 195px;
    margin: 10px;
}
.hour-of-code-page .activities .mc-assets li.green {
    background-color: #947bb8;
}
.hour-of-code-page .activities .mc-assets li.blue {
    background-color: #3d9fd0;
}
.hour-of-code-page .activities .mc-assets li.violet {
    background-color: #80c36f;
}
.hour-of-code-page .activities .mc-assets.mobs li .main {
    width: auto;
    height: auto;
}
.hour-of-code-page .activities .mc-assets.mobs li .main img.hide-rendering {
    visibility: visible;
}
.hour-of-code-page .activities .mc-assets.mobs li .main img.hide-rendering.render {
    visibility: hidden;
}
.hour-of-code-page .activities .image-button {
    width: 100%;
    height: 100%;
    text-align: center;
}
.hour-of-code-page .activities .image-button .image-container {
    height: 132px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hour-of-code-page .activities .image-button .image-container .image {
    width: 114px;
    height: 114px;
    image-rendering: pixelated;
}
.hour-of-code-page .activities .image-button .labels-container .labels .label {
    text-align: left;
    font-weight: 400;
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
}
.hour-of-code-page .activities .image-button.large {
    height: 375px;
}
.hour-of-code-page .activities .image-button.large .image-container {
    width: 100%;
    height: 100%;
}
.hour-of-code-page .activities .image-button.large .image-container .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hour-of-code-page .activities .image-button.large .labels-container .labels .label {
    width: 100%;
    height: 75px;
    line-height: 50px;
    height: 100%;
}
.hour-of-code-page .activities .image-button.small {
    height: 177px;
}
.hour-of-code-page .activities .image-button.full-image .image-container .image {
    width: 100%;
    height: 100%;
    image-rendering: auto;
    object-fit: cover;
}
.hour-of-code-page .activities .image-button.blue {
    background-color: #41a8dd;
}
.hour-of-code-page .activities .image-button.violet {
    background-color: #977dbb;
}
.hour-of-code-page .activities .image-button.green {
    background-color: #83c972;
}
.hour-of-code-page .content {
    background-color: #f4fafa;
}
.hour-of-code-page .content .section-container {
    background-color: #fff;
    margin: 0;
    width: 100%;
    display: block;
    max-width: none;
}
.hour-of-code-page .content .section {
    padding-top: 50px;
    text-align: center;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-page .content .section {
        padding-top: 40px;
    }
}
.hour-of-code-page .content .section .title {
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .section .title {
        font-size: 24px;
    }
}
.hour-of-code-page .content .section .subtitle {
    margin-bottom: 30px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .section .subtitle {
        font-size: 20px;
    }
}
.hour-of-code-page .content .what-is-hoc {
    background: transparent url("../image/hour-of-code/hoc-school-graphic.png") no-repeat bottom;
    background-size: contain;
    text-align: center;
    min-height: 400px;
}
.hour-of-code-page .content .what-is-hoc img.languages {
    max-height: 70px;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .what-is-hoc img.languages {
        max-height: 90px;
    }
}
.hour-of-code-page .content .your-class-will-love .button-join {
    margin-bottom: 30px;
    min-width: 200px;
    letter-spacing: 2px;
    font-weight: 600;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .your-class-will-love .button-join {
        margin-bottom: 60px;
    }
}
.hour-of-code-page .content .your-class-will-love .step {
    margin-bottom: 20px;
}
.hour-of-code-page .content .your-class-will-love .step label {
    font-weight: 400;
}
.hour-of-code-page .content .activities-table .notice {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 30px;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .activities-table .notice {
        font-size: 20px;
        margin-bottom: 60px;
    }
}
.hour-of-code-page .content .activities-table .activities {
    text-align: left;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .activities-table .activities {
        margin: auto;
        max-width: 75%;
    }
}
.hour-of-code-page .content .activities-table .activities .activity .title {
    font-size: 16px;
    text-align: left;
}
.hour-of-code-page .content .activities-table .activities .activity .title a {
    color: #25293a;
}
.hour-of-code-page .content .activities-table .activities .activity .language,
.hour-of-code-page .content .activities-table .activities .activity .levels_hoc {
    text-transform: capitalize;
}
.hour-of-code-page .content .activities-table .table-activities {
    font-size: 14px;
    text-align: left;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .content .activities-table .table-activities {
        display: inline;
    }
}
.hour-of-code-page .content .activities-table .table-activities a {
    color: #0a0a0a;
    font-size: 14px;
}
.hour-of-code-page .content .activities-table .table-activities .language,
.hour-of-code-page .content .activities-table .table-activities .levels_hoc {
    text-transform: capitalize;
}
.hour-of-code-page .content .teacher-resources .feature-list-container {
    text-align: left;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-page .content .teacher-resources .feature-list-container a {
        margin-top: 25px;
        display: block;
        text-align: center;
    }
}
.hour-of-code-page .content .teacher-resources .feature-list-container .feature-list {
    margin-top: 25px;
    max-width: 320px;
    text-align: left;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-page .content .teacher-resources .feature-list-container .feature-list {
        margin: 10px auto;
    }
}
.hour-of-code-page .content .teacher-resources .feature-list-container .feature-list .icon-checkmark {
    color: #80cc69;
    margin-right: 15px;
}
.hour-of-code-page .content .teacher-resources .feature-list-container .feature-list .feature {
    font-weight: 400;
}
.hour-of-code-page .content .frequently-ask-questions .accordion {
    background: 0 0;
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item {
    background: 0 0;
    border: none;
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-title {
    background: 0 0;
    border: none;
    font-size: 18px;
    color: #9c9c9c;
    line-height: 30px;
    font-weight: 600;
    padding: 10px;
    text-align: left;
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-title .icon-arrow-right {
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    vertical-align: top;
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-title .title {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    vertical-align: top;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-title .title {
        font-size: 14px;
    }
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-title:hover {
    cursor: pointer;
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-title:before {
    height: 30px;
    line-height: 30px;
}
.hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-content {
    border: none;
    background: 0 0;
    text-align: left;
}
@media screen and (max-width:39.9375em) {
    .hour-of-code-page .content .frequently-ask-questions .accordion .accordion-item .accordion-content {
        font-size: 15px;
    }
}
.hour-of-code-page .content .sub-content {
    background-color: #fff;
}
.hour-of-code-page .links-footer {
    margin: 0;
    padding: 30px 0;
    background-color: #fff;
}
.hour-of-code-page .sale-badge {
    position: absolute;
    top: 4rem;
    right: 2%;
    display: block;
    width: 75px;
    height: 75px;
    background-image: url("../image/sale-badges/12-new.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .sale-badge {
        top: -.5rem;
        right: auto;
        left: 19rem;
        width: 80px;
        height: 80px;
    }
}
@media print,screen and (min-width:64em) {
    .hour-of-code-page .sale-badge {
        left: 95%;
    }
}
@media screen and (min-width:75em) {
    .hour-of-code-page .sale-badge {
        left: 90%;
        background-image: url("../image/sale-badges/12-new@2x.png");
    }
}
.hour-of-code-page .codejam-badge {
    position: absolute;
    top: 4rem;
    right: 2%;
    display: block;
    width: 120px;
    height: 120px;
    background-image: url("../image/hackathons/holiday-code-jam/holiday-code-jam-sticker.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(15deg);
}
@media print,screen and (min-width:40em) {
    .hour-of-code-page .codejam-badge {
        top: -.5rem;
        right: auto;
        left: 19rem;
        width: 120px;
        height: 120px;
    }
}
@media print,screen and (min-width:64em) {
    .hour-of-code-page .codejam-badge {
        left: 95%;
    }
}
@media screen and (min-width:75em) {
    .hour-of-code-page .codejam-badge {
        left: 90%;
        background-image: url("../image/hackathons/holiday-code-jam/holiday-code-jam-sticker.png");
    }
}
.hour-of-code-page .pos-relative {
    position: relative;
}
.modal-hoc-hackathon-rules {
    overflow-y: scroll;
    max-height: 95vh;
    padding: 20px;
}
.modal-hoc-hackathon-rules h2 {
    font-size: 36px;
}
.modal-hoc-hackathon-rules p.red {
    color: #dc0c0c;
}
.modal-hoc-hackathon-rules ol li ol {
    list-style-type: lower-alpha;
}
.modal-hoc-hackathon-rules ul {
    list-style-type: square;
}
.modal-hoc-hackathon-rules ol,
.modal-hoc-hackathon-rules ul {
    font-size: 16px;
    line-height: 1.5;
}
.modal-hoc-hackathon-rules ol li,
.modal-hoc-hackathon-rules ul li {
    margin-left: 30px;
    margin-bottom: 10px;
}
.modal-hoc-hackathon-rules ol ul,
.modal-hoc-hackathon-rules ul ul {
    padding-top: 5px;
}
.modal-hoc-hackathon-rules ol ul li,
.modal-hoc-hackathon-rules ul ul li {
    margin-bottom: 0;
    list-style-type: disc;
}
.modal-hoc-hackathon-rules .close-reveal-modal {
    right: 30px;
    top: 20px;
    color: #000;
}
.modal-hoc-hackathon-rules .rules-header {
    background-color: #00bcd4;
    margin: auto;
    text-align: center;
}
.modal-hoc-hackathon-rules .close-reveal-modal.nasa-modal {
    color: hsla(0,0%,100%,.6);
}
.levels-remaining {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.levels-remaining a {
    font-weight: 600;
}
.levels-remaining a:hover {
    text-decoration: underline;
}
.levels-remaining a.button:hover {
    text-decoration: none;
}
body.hoc-teacher .hoc-2016-activities h1,
body.hoc-teacher .hoc-2016-activities h2,
body.hoc-teacher .hoc-2016-activities h3,
body.hoc-teacher .hoc-2016-activities h4,
body.hoc-teacher .hoc-2016-activities h5,
body.hoc-teacher .hoc-2016-activities h6,
body.hoc-teacher .hoc-teacher h1,
body.hoc-teacher .hoc-teacher h2,
body.hoc-teacher .hoc-teacher h3,
body.hoc-teacher .hoc-teacher h4,
body.hoc-teacher .hoc-teacher h5,
body.hoc-teacher .hoc-teacher h6 {
    margin-top: 0;
}
body.hoc-teacher .hoc-2016-activities h1,
body.hoc-teacher .hoc-teacher h1 {
    font-size: 30px;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
    text-align: left;
}
body.hoc-teacher .hoc-2016-activities h2,
body.hoc-teacher .hoc-teacher h2 {
    color: #fff;
    font-size: 17px;
    margin: 0;
    padding-bottom: 20px;
    line-height: 26px;
}
body.hoc-teacher .hoc-2016-activities h4 a,
body.hoc-teacher .hoc-teacher h4 a {
    color: #000;
    display: block;
    text-align: left;
}
body.hoc-teacher .hoc-2016-activities ul,
body.hoc-teacher .hoc-teacher ul {
    list-style-position: inside;
}
body.hoc-teacher .hoc-2016-activities .hero,
body.hoc-teacher .hoc-teacher .hero {
    background-image: linear-gradient(97.56deg,#8766ca .33%,#50549c 98.07%);
    background-size: cover;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}
body.hoc-teacher .hoc-2016-activities .hero .link-back,
body.hoc-teacher .hoc-teacher .hero .link-back {
    display: block;
    margin-top: -30px;
    margin-bottom: 0;
    padding-left: 1em;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
body.hoc-teacher .hoc-2016-activities .hero .teacher-tabs,
body.hoc-teacher .hoc-teacher .hero .teacher-tabs {
    background: 0 0;
    border: none;
    margin: 20px 0 0;
}
@media screen and (max-width:39.9375em) {
    body.hoc-teacher .hoc-2016-activities .hero .teacher-tabs,
    body.hoc-teacher .hoc-teacher .hero .teacher-tabs {
        margin-top: 10px;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .teacher-tabs .tabs-title,
body.hoc-teacher .hoc-teacher .hero .teacher-tabs .tabs-title {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    float: none;
}
body.hoc-teacher .hoc-2016-activities .hero .teacher-tabs .tabs-title .tab-button,
body.hoc-teacher .hoc-teacher .hero .teacher-tabs .tabs-title .tab-button {
    color: #fff;
    outline: none;
    background-color: #64388d;
    border-radius: 20px;
    min-width: 85px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    font-weight: 400;
}
body.hoc-teacher .hoc-2016-activities .hero .teacher-tabs .tabs-title.is-active .tab-button,
body.hoc-teacher .hoc-teacher .hero .teacher-tabs .tabs-title.is-active .tab-button {
    color: #64388d;
    background-color: #fff;
}
body.hoc-teacher .hoc-2016-activities .hero .filter-tabs .button,
body.hoc-teacher .hoc-teacher .hero .filter-tabs .button {
    background-color: rgba(0,0,0,.1);
    border: none;
    border-radius: 50px;
    font-weight: 500;
    padding: 10px 20px;
    text-transform: none;
}
body.hoc-teacher .hoc-2016-activities .hero .filter-tabs .button.active,
body.hoc-teacher .hoc-2016-activities .hero .filter-tabs .button:focus,
body.hoc-teacher .hoc-2016-activities .hero .filter-tabs .button:hover,
body.hoc-teacher .hoc-teacher .hero .filter-tabs .button.active,
body.hoc-teacher .hoc-teacher .hero .filter-tabs .button:focus,
body.hoc-teacher .hoc-teacher .hero .filter-tabs .button:hover {
    background-color: #fff;
    color: #473965;
}
body.hoc-teacher .hoc-2016-activities .hero .top-actions,
body.hoc-teacher .hoc-teacher .hero .top-actions {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    body.hoc-teacher .hoc-2016-activities .hero .top-actions,
    body.hoc-teacher .hoc-teacher .hero .top-actions {
        float: right;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .top-actions .no-border,
body.hoc-teacher .hoc-teacher .hero .top-actions .no-border {
    border: none;
}
body.hoc-teacher .hoc-2016-activities .hero .top-actions a,
body.hoc-teacher .hoc-teacher .hero .top-actions a {
    border-color: #fff;
    color: #fff;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
body.hoc-teacher .hoc-2016-activities .hero .top-actions a:hover,
body.hoc-teacher .hoc-teacher .hero .top-actions a:hover {
    background-color: #fff;
    color: #473965;
}
body.hoc-teacher .hoc-2016-activities .hero .top-actions .page-sharing,
body.hoc-teacher .hoc-teacher .hero .top-actions .page-sharing {
    display: inline;
}
body.hoc-teacher .hoc-2016-activities .hero .top-actions .page-sharing .icn-facebook,
body.hoc-teacher .hoc-2016-activities .hero .top-actions .page-sharing .icn-google,
body.hoc-teacher .hoc-2016-activities .hero .top-actions .page-sharing .icn-mail,
body.hoc-teacher .hoc-2016-activities .hero .top-actions .page-sharing .icn-twitter,
body.hoc-teacher .hoc-teacher .hero .top-actions .page-sharing .icn-facebook,
body.hoc-teacher .hoc-teacher .hero .top-actions .page-sharing .icn-google,
body.hoc-teacher .hoc-teacher .hero .top-actions .page-sharing .icn-mail,
body.hoc-teacher .hoc-teacher .hero .top-actions .page-sharing .icn-twitter {
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 19px;
    margin-right: 10px;
    padding: 0;
}
body.hoc-teacher .hoc-2016-activities .hero .title,
body.hoc-teacher .hoc-teacher .hero .title {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: none;
}
@media print,screen and (min-width:64em) {
    body.hoc-teacher .hoc-2016-activities .hero .title,
    body.hoc-teacher .hoc-teacher .hero .title {
        margin-top: 0;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in,
body.hoc-teacher .hoc-teacher .hero .logged-in {
    margin-bottom: 20px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    body.hoc-teacher .hoc-2016-activities .hero .logged-in,
    body.hoc-teacher .hoc-teacher .hero .logged-in {
        margin-bottom: 0;
        text-align: left;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in h5,
body.hoc-teacher .hoc-teacher .hero .logged-in h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in p,
body.hoc-teacher .hoc-teacher .hero .logged-in p {
    color: #fff;
    line-height: 1.5;
    margin-bottom: 20px;
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in .classname,
body.hoc-teacher .hoc-teacher .hero .logged-in .classname {
    font-style: italic;
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in ul,
body.hoc-teacher .hoc-teacher .hero .logged-in ul {
    display: inline-block;
    text-align: left;
}
@media print,screen and (min-width:40em) {
    body.hoc-teacher .hoc-2016-activities .hero .logged-in ul,
    body.hoc-teacher .hoc-teacher .hero .logged-in ul {
        display: block;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in ul li,
body.hoc-teacher .hoc-teacher .hero .logged-in ul li {
    color: #fff;
    line-height: 2;
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in a,
body.hoc-teacher .hoc-teacher .hero .logged-in a {
    text-transform: uppercase;
}
@media print,screen and (min-width:40em) {
    body.hoc-teacher .hoc-2016-activities .hero .logged-in .title,
    body.hoc-teacher .hoc-teacher .hero .logged-in .title {
        text-align: left;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in .subtitle,
body.hoc-teacher .hoc-teacher .hero .logged-in .subtitle {
    font-size: 16px;
}
@media print,screen and (min-width:40em) {
    body.hoc-teacher .hoc-2016-activities .hero .logged-in .subtitle,
    body.hoc-teacher .hoc-teacher .hero .logged-in .subtitle {
        text-align: left;
    }
}
body.hoc-teacher .hoc-2016-activities .hero .logged-in .participants,
body.hoc-teacher .hoc-teacher .hero .logged-in .participants {
    color: #fff;
}
body.hoc-teacher .hoc-2016-activities .breadcrumbs li,
body.hoc-teacher .hoc-teacher .breadcrumbs li {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
body.hoc-teacher .hoc-2016-activities .breadcrumbs a,
body.hoc-teacher .hoc-teacher .breadcrumbs a {
    color: #fff;
}
body.hoc-teacher .hoc-2016-activities .breadcrumbs .disabled,
body.hoc-teacher .hoc-teacher .breadcrumbs .disabled {
    opacity: 0.5;
}
body.hoc-teacher .hoc-2016-activities .header-info__label,
body.hoc-teacher .hoc-teacher .header-info__label {
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
body.hoc-teacher .hoc-2016-activities .header-info__link,
body.hoc-teacher .hoc-teacher .header-info__link {
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
}
body.hoc-teacher .hoc-2016-activities .hoc-2016-activities_featured-activities,
body.hoc-teacher .hoc-teacher .hoc-2016-activities_featured-activities {
    padding-top: 30px;
}
body.hoc-teacher .hoc-2016-activities .hoc-2016-activities_more-activities,
body.hoc-teacher .hoc-teacher .hoc-2016-activities_more-activities {
    padding: 30px 0;
}
body.hoc-teacher .hoc-2016-activities .card,
body.hoc-teacher .hoc-teacher .card {
    border: 1px solid #ddd;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.025);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.025);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.025);
    transition: all 0.25s ease-in-out;
}
body.hoc-teacher .hoc-2016-activities .card .card-description,
body.hoc-teacher .hoc-teacher .card .card-description {
    text-transform: uppercase;
}
body.hoc-teacher .hoc-2016-activities .card:hover,
body.hoc-teacher .hoc-teacher .card:hover {
    transform: scale(1.025);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,.125);
    -moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,.125);
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,.125);
}
body.hoc-teacher .hoc-2016-activities.hoc-2016-activities-k2 .hero,
body.hoc-teacher .hoc-teacher.hoc-2016-activities-k2 .hero {
    background-image: url("../image/hour-of-code/2016/header.jpg");
    background-size: cover;
    padding: 30px;
}
body.hoc-teacher .hoc-2016-activities.hoc-2016-activities-35 .hero,
body.hoc-teacher .hoc-teacher.hoc-2016-activities-35 .hero {
    background-image: url("../image/hour-of-code/2016/header-pink.jpg");
    background-size: cover;
    padding: 30px 0;
}
body.hoc-teacher .hoc-2016-activities.hoc-2016-activities-6plus .hero,
body.hoc-teacher .hoc-teacher.hoc-2016-activities-6plus .hero {
    background-image: url("../image/hour-of-code/2016/header-red.jpg");
    background-size: cover;
    padding: 30px 0;
}
body.hoc-teacher .hoc-2016-activities.hoc-2016-activities-stem .hero,
body.hoc-teacher .hoc-teacher.hoc-2016-activities-stem .hero {
    background-image: url("../image/hour-of-code/2016/header-green.jpg");
    background-size: cover;
    padding: 30px 0;
}
body.hoc-teacher .hoc-2016-activities.hoc-2016-activities-build-app .hero,
body.hoc-teacher .hoc-teacher.hoc-2016-activities-build-app .hero {
    background-image: url("../image/hour-of-code/2016/header-yellow.jpg");
    background-size: cover;
    padding: 30px 0;
}
body.hoc-teacher .hoc-2016-activities .img-header-space-01,
body.hoc-teacher .hoc-teacher .img-header-space-01 {
    background-image: url("../image/hour-of-code/2016/header-purple.jpg");
}
body.hoc-teacher .hoc-2016-activities #activities h3,
body.hoc-teacher .hoc-teacher #activities h3 {
    margin: 0 10px 12px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list {
    margin-bottom: 30px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-tile,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-tile {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: top;
    border-radius: 0;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .description h5,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .description h5 {
    margin: 5px 0 0;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list hr,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list hr {
    border-bottom: 0;
    margin: 10px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description {
    display: block;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description .activity-description-level,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description .activity-description-level {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 8px 0 1px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description .activity-time-grade,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description .activity-time-grade {
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
    margin: 0 0 6px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .grade,
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .time,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .grade,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .time {
    margin-right: 20px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .icon-graduation,
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .icon-time,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .icon-graduation,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-description .activity-time-grade .icon-time {
    color: #596267;
    margin-right: 2px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-teacher-notes h6,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-teacher-notes h6 {
    border-bottom: 1px solid #dae1e1;
    padding: 0 0 2px;
    margin: 10px 0 4px;
}
body.hoc-teacher .hoc-2016-activities #activities .hoc-teacher-activity-list .activity-teacher-notes p,
body.hoc-teacher .hoc-teacher #activities .hoc-teacher-activity-list .activity-teacher-notes p {
    width: 90%;
    font-size: 13px;
    line-height: 19px;
}
body.hoc-teacher .hoc-2016-activities .countdown-wrapper,
body.hoc-teacher .hoc-teacher .countdown-wrapper {
    top: -70px;
    right: 10px;
}
body.hoc-teacher .hoc-2016-activities .featured-content-box,
body.hoc-teacher .hoc-teacher .featured-content-box {
    margin: 20px 0;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs {
    background: 0 0;
    border: 0;
    text-align: center;
    margin-bottom: 10px;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title {
    float: none;
    background-color: transparent;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 15px;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title .tab-button,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title .tab-button {
    outline: none;
    color: #575757;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
    padding: 0 20px;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title .tab-button:hover,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title .tab-button:hover {
    color: #00bcd4;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title.is-active,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title.is-active {
    outline: none;
    background-color: transparent;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title.is-active .tab-button,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title.is-active .tab-button {
    color: #00bcd4;
}
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title.is-active > a[aria-selected=true],
body.hoc-teacher .hoc-2016-activities .hour-of-code-gallery .activities .tabs .tabs-title:hover > a,
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title.is-active > a[aria-selected=true],
body.hoc-teacher .hoc-teacher .hour-of-code-gallery .activities .tabs .tabs-title:hover > a {
    background-color: transparent;
}
body.hoc-teacher .sale-badge {
    position: absolute;
    top: -1rem;
    left: 14rem;
    display: block;
    width: 90px;
    height: 90px;
    background-image: url("../image/sale-badges/12-new.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}
@media print,screen and (min-width:64em) {
    body.hoc-teacher .sale-badge {
        top: -1.25rem;
        left: 85%;
        width: 80px;
        height: 80px;
    }
}
@media screen and (min-width:75em) {
    body.hoc-teacher .sale-badge {
        left: 95%;
        background-image: url("../image/sale-badges/12-new@2x.png");
    }
}
body.hoc-teacher .codejam-badge {
    position: absolute;
    top: -1rem;
    left: 14rem;
    display: block;
    width: 120px;
    height: 120px;
    background-image: url("../image/hackathons/holiday-code-jam/holiday-code-jam-sticker.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(15deg);
}
@media print,screen and (min-width:64em) {
    body.hoc-teacher .codejam-badge {
        top: -1.25rem;
        left: 85%;
        width: 120px;
        height: 120px;
    }
}
@media screen and (min-width:75em) {
    body.hoc-teacher .codejam-badge {
        left: 95%;
        background-image: url("../image/hackathons/holiday-code-jam/holiday-code-jam-sticker.png");
    }
}
body.hoc-teacher .pos-relative {
    position: relative;
}
body.site.hoc-teacher section.hoc-teacher {
    padding-bottom: 0;
    padding-top: 0;
}
#planning-guide {
    padding-top: 50px;
}
#planning-guide h3 {
    font-size: 34px;
}
#planning-guide .subtitle {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 60px;
}
#planning-guide .info p,
#planning-guide .info ul {
    margin-bottom: 30px;
}
#planning-guide .info .zf-column {
    margin-bottom: 40px;
}
#planning-guide .info .table-sequences .activity {
    color: #0a0a0a;
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
#planning-guide .info .table-sequences .activity:hover {
    text-decoration: underline;
}
#planning-guide .what-kids-are-saying .video-thumbnail {
    margin-bottom: 10px;
}
#planning-guide .what-kids-are-saying .video-thumbnail > a,
#planning-guide .what-kids-are-saying .video-thumbnail > a .thumb {
    width: 100%;
}
#planning-guide .aditional-resources {
    margin-top: 40px;
}
.modal-video-planning-guide iframe {
    height: 550px;
    display: block;
}
#refer-teacher {
    padding: 40px 0;
}
#refer-teacher p {
    font-size: 18px;
}
#refer-teacher p span {
    display: block;
}
@media print,screen and (min-width:40em) {
    #refer-teacher p span {
        display: inline;
    }
}
#school-curriculum {
    padding: 40px 0;
}
#school-curriculum .course-catalog {
    margin-bottom: 20px;
}
#school-curriculum .course-catalog .course-card.course-card--school {
    margin-left: auto;
    margin-right: auto;
}
.mc-viewer {
    position: static;
    background-color: #f5f6f8;
}
.mc-viewer h1.title {
    font-size: 24px;
}
.mc-viewer h1.title span {
    font-size: 14px;
    vertical-align: middle;
}
.mc-viewer h1.title a.learnmore {
    float: right;
    font-size: 16px;
}
.mc-viewer h2.title {
    margin: 0 40px 10px;
    font-size: 16px;
}
.mc-viewer h2.title span {
    font-size: 12px;
    vertical-align: middle;
}
.mc-viewer h2.title a.learnmore {
    float: right;
}
.mc-viewer .editarea {
    clear: both;
    padding: 20px 40px;
    text-align: center;
    background-color: #fff;
    margin: 0 40px 40px;
    min-width: 820px;
}
.mc-viewer .editarea,
.mc-viewer .editarea *,
.mc-viewer .editarea :after,
.mc-viewer .editarea :before,
.mc-viewer .menu *,
.mc-viewer .menu :after,
.mc-viewer .menu :before {
    box-sizing: content-box;
}
.mc-viewer .frame-top {
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    height: 8px;
}
.mc-viewer .frame-top .inner-frame-1 {
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    height: 4px;
    background-color: #000;
}
.mc-viewer .frame-top .inner-frame-2 {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    height: 4px;
    border-left: 4px solid #000;
    background-color: hsla(0,0%,100%,.8);
    border-right: 4px solid #000;
}
.mc-viewer .frame-top .inner-frame-corner {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 4px;
    height: 4px;
    background-color: #5d5d5d;
}
.mc-viewer .frame-bottom {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 8px;
}
.mc-viewer .frame-bottom .inner-frame-1 {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 4px;
    background-color: #000;
}
.mc-viewer .frame-bottom .inner-frame-2 {
    position: absolute;
    bottom: 4px;
    left: 4px;
    right: 4px;
    height: 4px;
    border-left: 4px solid #000;
    background-color: #5d5d5d;
    border-right: 4px solid #000;
}
.mc-viewer .frame-bottom .inner-frame-corner {
    position: absolute;
    bottom: 8px;
    left: 4px;
    width: 4px;
    height: 4px;
    background-color: #5d5d5d;
}
.mc-viewer .frame-left {
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    border-left: 4px solid #000;
    background-color: hsla(0,0%,100%,.8);
}
.mc-viewer .frame-right {
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    border-right: 4px solid #000;
    background-color: #5d5d5d;
}
.mc-viewer .menu {
    background-color: #fff;
    padding-bottom: 20px;
    text-align: left;
}
.mc-viewer .menu div.edit {
    display: inline-block;
    position: relative;
}
.mc-viewer .menu a.edit {
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 0;
    width: 35px;
    height: 35px;
    background-image: url("/minecraft/imgs/editor/edit.png");
}
.mc-viewer .menu input[type=text] {
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    padding: 8px 0;
    width: 350px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mc-viewer .menu .cancel {
    float: right;
}
.mc-viewer .menu .save {
    float: right;
    margin-left: 20px;
}
.mc-viewer .pickers {
    display: inline-block;
    width: 68px;
    vertical-align: top;
    padding-right: 20px;
}
.mc-viewer .pickers .tools {
    position: relative;
    background-color: #f5f6f8;
}
.mc-viewer .pickers .tools .tool {
    display: inline-block;
    width: 45px;
    height: 45px;
    padding: 8px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: 50%;
    border-bottom: 4px solid #000;
}
.mc-viewer .pickers .tools .tool:last-child {
    border-bottom: none;
}
.mc-viewer .pickers .tools .tool .separator {
    margin: 20px;
}
.mc-viewer .pickers .tools .tool.pen {
    background-image: url("/minecraft/imgs/editor/pencil-inactive.png");
}
.mc-viewer .pickers .tools .tool.pen:hover {
    background-image: url("/minecraft/imgs/editor/pencil-hover.png");
}
.mc-viewer .pickers .tools .tool.pen.selected {
    background-image: url("/minecraft/imgs/editor/pencil-active.png");
}
.mc-viewer .pickers .tools .tool.texturepen {
    background-image: url("/minecraft/imgs/editor/texture-inactive.png");
}
.mc-viewer .pickers .tools .tool.texturepen:hover {
    background-image: url("/minecraft/imgs/editor/texture-hover.png");
}
.mc-viewer .pickers .tools .tool.texturepen.selected {
    background-image: url("/minecraft/imgs/editor/texture-active.png");
}
.mc-viewer .pickers .tools .tool.eraser {
    background-image: url("/minecraft/imgs/editor/eraser-inactive.png");
}
.mc-viewer .pickers .tools .tool.eraser:hover {
    background-image: url("/minecraft/imgs/editor/eraser-hover.png");
}
.mc-viewer .pickers .tools .tool.eraser.selected {
    background-image: url("/minecraft/imgs/editor/eraser-active.png");
}
.mc-viewer .pickers .tools .tool.fill {
    background-image: url("/minecraft/imgs/editor/bucket-inactive.png");
}
.mc-viewer .pickers .tools .tool.fill:hover {
    background-image: url("/minecraft/imgs/editor/bucket-hover.png");
}
.mc-viewer .pickers .tools .tool.fill.selected {
    background-image: url("/minecraft/imgs/editor/bucket-active.png");
}
.mc-viewer .pickers .tools .tool.colorpicker {
    background-image: url("/minecraft/imgs/editor/picker-inactive.png");
}
.mc-viewer .pickers .tools .tool.colorpicker:hover {
    background-image: url("/minecraft/imgs/editor/picker-hover.png");
}
.mc-viewer .pickers .tools .tool.colorpicker.selected {
    background-image: url("/minecraft/imgs/editor/picker-active.png");
}
.mc-viewer .palette {
    display: inline-block;
    width: 680px;
    height: 32px;
    padding: 6px;
    background-color: #f5f6f8;
    margin-top: 20px;
    border: 4px solid #000;
}
.mc-viewer .palette .colors {
    line-height: 4px;
    font-size: 6px;
}
.mc-viewer .palette .colors .color {
    display: inline-block;
    width: 6px;
    height: 6px;
    cursor: pointer;
}
.mc-viewer .palette .colors .color.selected {
    border: 1px solid #fff!important;
}
.mc-viewer .palette .colors .color:hover {
    border: 1px solid #000!important;
}
.mc-viewer .editor {
    display: inline-block;
    vertical-align: top;
}
.mc-viewer .editor .skin,
.mc-viewer .editor .skin .canvas-frame {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.mc-viewer .editor .skin .canvas-frame {
    min-width: 400px;
    min-height: 400px;
}
.mc-viewer .editor .viewport {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.mc-viewer .editor .viewport .canvas-frame {
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    min-height: 350px;
}
.mc-viewer .editor .viewport .preview-frame {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 350px;
    height: 350px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.mc-viewer .editor .viewport.mob .preview-frame {
    background-size: contain;
}
.mc-viewer .editor .variants {
    display: inline-block;
    width: 90px;
    margin-left: 20px;
    max-height: 400px;
    overflow-y: auto;
}
.mc-viewer .editor .variants img {
    height: 70px;
    max-height: 70px;
    image-rendering: pixelated;
}
.mc-viewer .editor .variants li {
    display: inline-block;
    border: 4px solid transparent;
    padding: 4px 4px 0;
}
.mc-viewer .editor .variants li.selected {
    border: 4px solid #000;
}
.mc-viewer .editor .undoredotools {
    display: block;
    text-align: center;
    margin-top: -50px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
}
.mc-viewer .editor .undoredotools .undoredo {
    display: inline-block;
    position: relative;
    background-color: #f5f6f8;
}
.mc-viewer .editor .undoredotools .undoredo .tool {
    display: inline-block;
    width: 30px;
    height: 23px;
    background-size: 60%;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    padding: 4px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-right: 4px solid #000;
}
.mc-viewer .editor .undoredotools .undoredo .tool:last-child {
    border-right: none;
}
.mc-viewer .editor .undoredotools .undoredo .tool.undo {
    background-image: url("/minecraft/imgs/editor/undo-inactive.png");
}
.mc-viewer .editor .undoredotools .undoredo .tool.undo.enabled,
.mc-viewer .editor .undoredotools .undoredo .tool.undo:hover {
    background-image: url("/minecraft/imgs/editor/undo-active.png");
}
.mc-viewer .editor .undoredotools .undoredo .tool.redo {
    background-image: url("/minecraft/imgs/editor/redo-inactive.png");
}
.mc-viewer .editor .undoredotools .undoredo .tool.redo.enabled,
.mc-viewer .editor .undoredotools .undoredo .tool.redo:hover {
    background-image: url("/minecraft/imgs/editor/redo-active.png");
}
.mc-viewer .editor .part-chooser {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 220px;
    height: 280px;
    text-align: left;
    margin-left: 20px;
    background-color: #f5f6f8;
}
.mc-viewer .editor .part-chooser .overlay {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 12px;
    width: 50px;
    height: 68px;
    background-image: url("/minecraft/imgs/editor/toggle-armor-inactive.png");
}
.mc-viewer .editor .part-chooser .overlay.selected,
.mc-viewer .editor .part-chooser .overlay:hover {
    background-image: url("/minecraft/imgs/editor/toggle-armor-active.png");
}
.mc-viewer .editor .part-chooser .main {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 12px;
    width: 50px;
    height: 68px;
    background-image: url("/minecraft/imgs/editor/toggle-body-inactive.png");
}
.mc-viewer .editor .part-chooser .main.selected,
.mc-viewer .editor .part-chooser .main:hover {
    background-image: url("/minecraft/imgs/editor/toggle-body-active.png");
}
.mc-viewer .editor .part-chooser .parts {
    margin-top: 54px;
    margin-left: 48px;
}
.mc-viewer .editor .part-chooser .parts .upper {
    margin-left: 40px;
}
.mc-viewer .editor .part-chooser .parts .middle {
    margin-top: 8px;
    margin-left: 4px;
}
.mc-viewer .editor .part-chooser .parts .lower {
    margin-left: 30px;
    margin-top: 8px;
}
.mc-viewer .editor .part-chooser .parts .part {
    display: inline-block;
    border: 4px solid #777;
    background-color: #fff;
    cursor: pointer;
}
.mc-viewer .editor .part-chooser .parts .part:hover {
    border: 4px solid #ccc;
}
.mc-viewer .editor .part-chooser .parts .part.selected {
    border: 4px solid #000;
}
.mc-viewer .editor .part-chooser .parts .part.selected:hover {
    border: 4px solid #777;
}
.mc-viewer .editor .part-chooser .parts .part.head {
    width: 40px;
    height: 40px;
}
.mc-viewer .editor .part-chooser .parts .part.body {
    width: 40px;
    height: 60px;
    margin-left: 8px;
    margin-right: 8px;
}
.mc-viewer .editor .part-chooser .parts .part.armL,
.mc-viewer .editor .part-chooser .parts .part.armR {
    width: 15px;
    height: 60px;
}
.mc-viewer .editor .part-chooser .parts .part.legL {
    width: 20px;
    height: 60px;
    margin-left: 8px;
}
.mc-viewer .editor .part-chooser .parts .part.legR {
    width: 20px;
    height: 60px;
}
.mc-viewer .editor .info {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}
.mc-viewer .texture-frame {
    display: none;
    vertical-align: top;
    margin-top: 60px;
}
.mc-viewer .texture-frame canvas {
    width: 128px;
    height: 128px;
}
.mc-viewer #error {
    font-size: 20px;
    padding: 20px;
    border-radius: 8px;
}
.mc-viewer.loggedin h1.title {
    margin: 0 40px 10px;
}
.mc-viewer h1.title {
    margin: 0 40px 10px;
    text-align: left;
}
.mc-viewer .share-button-wrap {
    display: inline-block;
    float: right;
}
.mc-viewer .share-button-wrap .share-button {
    display: inline-block;
    height: 30px;
    text-align: center;
    border: 1px solid #36a1d8;
    border-radius: 2px;
    padding: 0 12px;
    margin-left: 4px;
}
.mc-viewer .share-button-wrap .share-button span {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 0 0;
}
.mc-viewer p {
    margin: 10px 40px;
    text-align: left;
}
.mc-viewer .editarea {
    min-height: 400px;
    background-color: transparent;
    padding: 0;
    margin: 20px 20px 0;
}
.mc-viewer .editarea ul.mc-assets,
.mc-viewer .editarea ul.mc-assets * {
    box-sizing: border-box;
}
.mc-viewer .docs {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.mc-viewer .docs p {
    margin: 0;
}
.mc-viewer .docs ul {
    margin-bottom: 14px;
}
.mc-viewer .docs ul li {
    margin-left: 20px;
    list-style: disc;
}
.mc-viewer .info {
    display: inline-block;
    float: right;
    margin-top: 40px;
    margin-left: 20px;
}
.mc-viewer .info table {
    border: 1px solid #ccc;
}
.mc-viewer .editor {
    width: 40%;
}
.mc-viewer .editor .skin {
    display: block;
}
.mc-viewer .editor .skin .canvas-frame {
    min-width: auto;
    min-height: auto;
}
.mc-viewer .editor .variants {
    display: block;
    width: auto;
    max-width: 350px;
    max-height: 90px;
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 20px;
}
.mc-viewer .editor .edit-texture {
    display: inline-block;
    margin-top: 20px;
}
.mc-viewer .summary {
    display: inline-block;
    background-color: #fff;
    padding: 20px 40px;
    margin: 0 0 0 20px;
    width: 40%;
    text-align: left;
}
.mc-viewer .summary h1 {
    margin: 0;
    font-weight: 700;
}
.mc-viewer .summary h3 {
    font-size: 20px;
    font-weight: 700;
}
.mc-viewer .summary span.footnote {
    display: block;
}
.mc-viewer .summary p {
    margin: 0;
}
.mc-viewer .summary .community-info {
    border-top: 1px solid #ccc;
    margin: 20px -40px 0;
    padding: 20px 40px 0;
}
.mc-viewer .summary a.action {
    display: inline-block;
    width: 40px;
    text-align: center;
    text-decoration: none;
    color: #aaa;
}
.mc-viewer .summary a.action.report {
    float: right;
}
.mc-viewer .summary a.action span {
    display: block;
    font-size: 20px;
}
.mc-viewer .summary a.action span.icon-heart-2 {
    color: #e00;
}
.mc-viewer .summary a.action span.icon-eye {
    color: #36a1d8;
}
.mc-viewer .summary a.action span.label {
    font-size: 10px;
}
.mc-viewer .community {
    text-align: left;
    clear: both;
    padding-top: 20px;
}
.mc-viewer .community h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.mc-viewer .community h3 a.more {
    float: right;
    font-size: 16px;
}
.mc-viewer .attribution {
    color: #000!important;
    font-size: 14px;
    margin-top: 40px;
}
.mc-viewer .attribution a {
    color: #000!important;
}
.mc-viewer #more-info {
    padding: 20px;
    border-radius: 8px;
}
.mc-viewer #more-info .modal-body {
    margin: 20px;
    max-width: 800px;
    max-height: 400px;
    overflow-y: auto;
}
.mc-viewer #more-info .modal-body .info {
    max-width: 50%;
}
.minecraft-editor {
    position: static;
}
.minecraft-editor .content {
    background-color: #7fd5ef;
    background-image: url("/minecraft/imgs/editor/bg-top.png");
    background-position: 0 60px;
    background-repeat: no-repeat;
}
.minecraft-editor ul.breadcrumbs li {
    color: #282e33;
    font-size: 1rem;
    text-transform: none;
}
.minecraft-editor ul.breadcrumbs li:not(:last-child):after {
    color: #282e33;
}
.minecraft-editor ul.breadcrumbs li.current {
    font-weight: 600;
}
.minecraft-editor ul.breadcrumbs li a {
    color: #282e33;
}
.minecraft-editor ul.breadcrumbs li a:hover {
    text-decoration: underline;
}
.minecraft-editor h1.title {
    margin: 0 40px 10px;
    font-size: 24px;
}
.minecraft-editor h1.title span {
    font-size: 14px;
    vertical-align: middle;
}
.minecraft-editor h1.title a.learnmore {
    float: right;
    font-size: 16px;
}
.minecraft-editor h2.title {
    margin: 0 40px 10px;
    font-size: 16px;
}
.minecraft-editor h2.title span {
    font-size: 12px;
    vertical-align: middle;
}
.minecraft-editor h2.title a.learnmore {
    float: right;
}
.minecraft-editor .editarea {
    background-color: #fff;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: center;
}
.minecraft-editor .menu-entity {
    background-color: #fff;
    padding: 0 0 20px;
    text-align: left;
}
.minecraft-editor .menu-entity div.edit {
    display: inline-block;
    position: relative;
}
.minecraft-editor .menu-entity div.edit label {
    font-size: 16px;
    font-weight: 600;
}
.minecraft-editor .menu-entity input[type=text] {
    margin-top: 1rem;
    font-size: 24px;
    height: auto;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
.minecraft-editor .menu-entity .cancel {
    float: left;
    margin-top: 1rem;
}
.minecraft-editor .menu-entity .save {
    float: left;
    margin-left: 5px;
    margin-top: 1rem;
}
.minecraft-editor .minecraft-editor-template-picker .dropdown-pane {
    background-color: #454545;
}
.minecraft-editor .minecraft-editor-template-picker .dropdown-pane .close-dropdown {
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 0;
}
.minecraft-editor .minecraft-editor-template-picker .dropdown-pane .close-dropdown:hover {
    color: #7fd5ef;
}
.minecraft-editor .minecraft-editor-template-picker .tabs {
    background-color: #454545;
    border: none;
}
.minecraft-editor .minecraft-editor-template-picker .tabs .tabs-title a {
    border-bottom: 4px solid transparent;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.minecraft-editor .minecraft-editor-template-picker .tabs .tabs-title > a:hover {
    background: 0 0;
    border-bottom-color: #fff;
}
.minecraft-editor .minecraft-editor-template-picker .tabs .tabs-title > a[aria-selected=true] {
    background: 0 0;
    border-bottom-color: #7fd5ef;
}
.minecraft-editor .minecraft-editor-template-picker .tabs-content {
    border-radius: 10px;
    margin-top: 1rem;
}
.minecraft-editor .minecraft-editor-template-picker .tabs-content .tabs-panel {
    padding: 0;
}
.minecraft-editor .minecraft-editor-template-picker .asset-types {
    max-height: 425px;
}
.minecraft-editor .minecraft-editor-template-picker .minecraft-editor-new-button {
    background-color: #f5f6f7;
    border: 2px solid #f0f0f1;
    border-radius: 10px;
    display: block;
    padding: 10px 0;
}
.minecraft-editor .minecraft-editor-template-picker .minecraft-editor-new-button img {
    float: left;
    margin-left: 1rem;
}
.minecraft-editor .minecraft-editor-template-picker .minecraft-editor-new-button span {
    color: #282e33;
    float: left;
    font-size: 18px;
    font-weight: 600;
    line-height: 61px;
    margin-left: 1rem;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker,
.minecraft-editor .minecraft-editor-template-picker .item-picker,
.minecraft-editor .minecraft-editor-template-picker .mob-picker,
.minecraft-editor .minecraft-editor-template-picker .skin-picker {
    overflow-y: auto;
    max-height: 348px;
    padding: 1rem;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.skins li,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.skins li,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.skins li,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.skins li {
    width: 100px;
    height: auto;
    margin: 8px;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.skins li .main,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.skins li .main,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.skins li .main,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.skins li .main {
    width: 100px;
    height: 92px;
    line-height: 82px;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.skins li .main.create img,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.skins li .main.create img,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.skins li .main.create img,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.skins li .main.create img {
    width: auto;
    max-width: 100px;
    max-height: 73px;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.skins li .main img,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.skins li .main img,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.skins li .main img,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.skins li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.skins li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.skins li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.skins li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.skins li .main img.render {
    visibility: hidden;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.blocks li,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.items li,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.mobs li,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.blocks li,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.items li,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.mobs li,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.blocks li,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.items li,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.mobs li,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.blocks li,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.items li,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.mobs li {
    width: 100px;
    height: auto;
    margin: 8px;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.blocks li .main,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.items li .main,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.mobs li .main,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.blocks li .main,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.items li .main,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.mobs li .main,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.blocks li .main,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.items li .main,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.mobs li .main,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.blocks li .main,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.items li .main,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.mobs li .main {
    width: 100px;
    height: 100px;
    line-height: 82px;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.blocks li .main img,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.items li .main img,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.mobs li .main img,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.blocks li .main img,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.items li .main img,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.mobs li .main img,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.blocks li .main img,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.items li .main img,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.mobs li .main img,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.blocks li .main img,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.items li .main img,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.mobs li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.blocks li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.items li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .block-picker .mc-assets.mobs li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.blocks li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.items li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .item-picker .mc-assets.mobs li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.blocks li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.items li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .mob-picker .mc-assets.mobs li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.blocks li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.items li .main img.render,
.minecraft-editor .minecraft-editor-template-picker .skin-picker .mc-assets.mobs li .main img.render {
    visibility: hidden;
}
.minecraft-editor .pickers {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
}
.minecraft-editor .pickers .tools {
    position: relative;
}
.minecraft-editor .pickers .tools .tool {
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 10px;
    color: #333;
    display: inline-block;
    height: 60px;
    margin-left: 10px;
    padding: 8px;
    text-decoration: none;
    white-space: nowrap;
    width: 60px;
}
.minecraft-editor .pickers .tools .tool:last-child {
    border-bottom: none;
}
.minecraft-editor .pickers .tools .tool.selected {
    border: 2px solid #000;
}
.minecraft-editor .pickers .tools .tool:hover {
    border: 2px solid #000;
    box-shadow: 6px 3px 8px 0 rgba(0,0,0,.4);
}
.minecraft-editor .pickers .tools .tool .separator {
    margin: 20px;
}
.minecraft-editor .pickers .tools .tool.pen {
    background-image: url(../minecraft/imgs/editor/pencil-hover.png);
}
.minecraft-editor .pickers .tools .tool.pen.selected,
.minecraft-editor .pickers .tools .tool.pen:hover {
    background-image: url(../minecraft/imgs/editor/pencil-active.png);
}
.minecraft-editor .pickers .tools .tool.texturepen {
    background-image: url(../minecraft/imgs/editor/texture-hover.png);
}
.minecraft-editor .pickers .tools .tool.texturepen.selected,
.minecraft-editor .pickers .tools .tool.texturepen:hover {
    background-image: url(../minecraft/imgs/editor/texture-active.png);
}
.minecraft-editor .pickers .tools .tool.eraser {
    background-image: url(../minecraft/imgs/editor/eraser-hover.png);
}
.minecraft-editor .pickers .tools .tool.eraser.selected,
.minecraft-editor .pickers .tools .tool.eraser:hover {
    background-image: url(../minecraft/imgs/editor/eraser-active.png);
}
.minecraft-editor .pickers .tools .tool.fill {
    background-image: url(../minecraft/imgs/editor/bucket-hover.png);
}
.minecraft-editor .pickers .tools .tool.fill.selected,
.minecraft-editor .pickers .tools .tool.fill:hover {
    background-image: url(../minecraft/imgs/editor/bucket-active.png);
}
.minecraft-editor .pickers .tools .tool.colorpicker {
    background-image: url(../minecraft/imgs/editor/picker-hover.png);
}
.minecraft-editor .pickers .tools .tool.colorpicker.selected,
.minecraft-editor .pickers .tools .tool.colorpicker:hover {
    background-image: url(../minecraft/imgs/editor/picker-active.png);
}
.minecraft-editor .pickers .tools .tool.undo,
.minecraft-editor .pickers .tools .tool.undo.enabled,
.minecraft-editor .pickers .tools .tool.undo:hover {
    background-image: url(../minecraft/imgs/editor/undo-active.png);
}
.minecraft-editor .pickers .tools .tool.redo,
.minecraft-editor .pickers .tools .tool.redo.enabled,
.minecraft-editor .pickers .tools .tool.redo:hover {
    background-image: url(../minecraft/imgs/editor/redo-active.png);
}
.minecraft-editor .pickers .tools .divider {
    background-position: 50%;
    background-repeat: no-repeat;
    border-left: 2px solid #eee;
    color: #333;
    display: inline-block;
    height: 60px;
    margin-left: 1rem;
    text-decoration: none;
    width: 0;
    white-space: nowrap;
}
.minecraft-editor .editor {
    display: inline-block;
    margin-top: 1rem;
    vertical-align: top;
    width: 100%;
}
.minecraft-editor .editor .skin {
    border: 2px solid #f5f6f7;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.minecraft-editor .editor .skin .canvas-frame {
    display: inline-block;
    min-width: 90%;
    min-height: 400px;
    max-height: 600px;
    position: relative;
    vertical-align: top;
}
.minecraft-editor .part-chooser-info {
    text-align: right;
}
@media print,screen and (min-width:64em) {
    .minecraft-editor .part-chooser-info {
        text-align: left;
    }
}
.minecraft-editor .part-chooser {
    border: 2px solid #f5f6f7;
    box-sizing: content-box;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 220px;
    height: 280px;
    text-align: left;
    background-color: #f5f6f8;
}
@media print,screen and (min-width:64em) {
    .minecraft-editor .part-chooser {
        margin-top: 40px;
    }
}
.minecraft-editor .part-chooser .overlay {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 12px;
    width: 50px;
    height: 68px;
    background-image: url(../minecraft/imgs/editor/toggle-armor-inactive.png);
}
.minecraft-editor .part-chooser .overlay.selected,
.minecraft-editor .part-chooser .overlay:hover {
    background-image: url(../minecraft/imgs/editor/toggle-armor-active.png);
}
.minecraft-editor .part-chooser .main {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 12px;
    width: 50px;
    height: 68px;
    background-image: url(../minecraft/imgs/editor/toggle-body-inactive.png);
}
.minecraft-editor .part-chooser .main.selected,
.minecraft-editor .part-chooser .main:hover {
    background-image: url(../minecraft/imgs/editor/toggle-body-active.png);
}
.minecraft-editor .part-chooser .parts {
    margin-top: 54px;
    margin-left: 48px;
}
.minecraft-editor .part-chooser .parts .upper {
    margin-left: 40px;
}
.minecraft-editor .part-chooser .parts .middle {
    margin-top: 8px;
    margin-left: 4px;
}
.minecraft-editor .part-chooser .parts .lower {
    margin-left: 30px;
    margin-top: 8px;
}
.minecraft-editor .part-chooser .parts .part {
    display: inline-block;
    border: 4px solid #777;
    background-color: #fff;
    cursor: pointer;
}
.minecraft-editor .part-chooser .parts .part:hover {
    border: 4px solid #ccc;
}
.minecraft-editor .part-chooser .parts .part.selected {
    border: 4px solid #000;
}
.minecraft-editor .part-chooser .parts .part.selected:hover {
    border: 4px solid #777;
}
.minecraft-editor .part-chooser .parts .part.head {
    width: 40px;
    height: 40px;
}
.minecraft-editor .part-chooser .parts .part.body {
    width: 40px;
    height: 60px;
    margin-left: 8px;
    margin-right: 8px;
}
.minecraft-editor .part-chooser .parts .part.armL,
.minecraft-editor .part-chooser .parts .part.armR {
    width: 15px;
    height: 60px;
}
.minecraft-editor .part-chooser .parts .part.legL {
    width: 20px;
    height: 60px;
    margin-left: 8px;
}
.minecraft-editor .part-chooser .parts .part.legR {
    width: 20px;
    height: 60px;
}
.minecraft-editor .variants {
    border: 2px solid #f5f6f7;
    width: 90px;
    max-height: 400px;
    overflow-y: auto;
}
.minecraft-editor .variants img {
    height: 70px;
    max-height: 70px;
    image-rendering: pixelated;
}
.minecraft-editor .variants li {
    display: inline-block;
    border: 4px solid transparent;
    padding: 4px;
}
.minecraft-editor .variants li.selected {
    border: 4px solid #000;
}
.minecraft-editor .skin-selector {
    margin-top: 1rem;
    overflow-x: auto;
}
.minecraft-editor .skin-selector .mc-assets {
    width: 5148px;
}
.minecraft-editor .skin-selector .mc-assets.skins li {
    width: 195px;
    height: auto;
    margin: 8px;
}
.minecraft-editor .skin-selector .mc-assets.skins li .main {
    width: 195px;
    height: 180px;
    line-height: 160px;
    min-height: auto;
}
.minecraft-editor .skin-selector .mc-assets.skins li .main.create img {
    width: auto;
    max-width: 180px;
    max-height: 160px;
}
.minecraft-editor .skin-selector .mc-assets.skins li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-editor .skin-selector .mc-assets.skins li .main img.render {
    visibility: hidden;
}
.minecraft-editor .block-selector,
.minecraft-editor .item-selector,
.minecraft-editor .mob-selector {
    margin-top: 1rem;
    overflow-y: auto;
}
.minecraft-editor .block-selector .mc-assets,
.minecraft-editor .item-selector .mc-assets,
.minecraft-editor .mob-selector .mc-assets {
    height: 640px;
}
.minecraft-editor .block-selector .mc-assets.items li,
.minecraft-editor .item-selector .mc-assets.items li,
.minecraft-editor .mob-selector .mc-assets.items li {
    width: 195px;
    height: auto;
    margin: 8px;
}
.minecraft-editor .block-selector .mc-assets.items li .main,
.minecraft-editor .item-selector .mc-assets.items li .main,
.minecraft-editor .mob-selector .mc-assets.items li .main {
    width: 195px;
    height: 195px;
    line-height: 160px;
    min-height: auto;
}
.minecraft-editor .block-selector .mc-assets.items li .main.create img,
.minecraft-editor .item-selector .mc-assets.items li .main.create img,
.minecraft-editor .mob-selector .mc-assets.items li .main.create img {
    width: auto;
    max-width: 180px;
    max-height: 160px;
}
.minecraft-editor .block-selector .mc-assets.items li .main img,
.minecraft-editor .item-selector .mc-assets.items li .main img,
.minecraft-editor .mob-selector .mc-assets.items li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-editor .block-selector .mc-assets.items li .main img.render,
.minecraft-editor .item-selector .mc-assets.items li .main img.render,
.minecraft-editor .mob-selector .mc-assets.items li .main img.render {
    visibility: hidden;
}
.minecraft-editor .block-selector .mc-assets.blocks li,
.minecraft-editor .item-selector .mc-assets.blocks li,
.minecraft-editor .mob-selector .mc-assets.blocks li {
    width: 195px;
    height: auto;
    margin: 8px;
}
.minecraft-editor .block-selector .mc-assets.blocks li .main,
.minecraft-editor .item-selector .mc-assets.blocks li .main,
.minecraft-editor .mob-selector .mc-assets.blocks li .main {
    width: 195px;
    height: 195px;
    line-height: 160px;
    min-height: auto;
}
.minecraft-editor .block-selector .mc-assets.blocks li .main.create img,
.minecraft-editor .item-selector .mc-assets.blocks li .main.create img,
.minecraft-editor .mob-selector .mc-assets.blocks li .main.create img {
    width: auto;
    max-width: 180px;
    max-height: 160px;
}
.minecraft-editor .block-selector .mc-assets.blocks li .main img,
.minecraft-editor .item-selector .mc-assets.blocks li .main img,
.minecraft-editor .mob-selector .mc-assets.blocks li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-editor .block-selector .mc-assets.blocks li .main img.render,
.minecraft-editor .item-selector .mc-assets.blocks li .main img.render,
.minecraft-editor .mob-selector .mc-assets.blocks li .main img.render {
    visibility: hidden;
}
.minecraft-editor .block-selector .mc-assets.mobs li,
.minecraft-editor .item-selector .mc-assets.mobs li,
.minecraft-editor .mob-selector .mc-assets.mobs li {
    width: 195px;
    height: auto;
    margin: 8px;
}
.minecraft-editor .block-selector .mc-assets.mobs li .main,
.minecraft-editor .item-selector .mc-assets.mobs li .main,
.minecraft-editor .mob-selector .mc-assets.mobs li .main {
    width: 195px;
    height: 195px;
    line-height: 160px;
    min-height: auto;
}
.minecraft-editor .block-selector .mc-assets.mobs li .main.create img,
.minecraft-editor .item-selector .mc-assets.mobs li .main.create img,
.minecraft-editor .mob-selector .mc-assets.mobs li .main.create img {
    width: auto;
    max-width: 180px;
    max-height: 160px;
}
.minecraft-editor .block-selector .mc-assets.mobs li .main img,
.minecraft-editor .item-selector .mc-assets.mobs li .main img,
.minecraft-editor .mob-selector .mc-assets.mobs li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-editor .block-selector .mc-assets.mobs li .main img.render,
.minecraft-editor .item-selector .mc-assets.mobs li .main img.render,
.minecraft-editor .mob-selector .mc-assets.mobs li .main img.render {
    visibility: hidden;
}
.minecraft-editor .info {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}
.minecraft-editor .texture-frame {
    display: none;
    vertical-align: top;
    margin-top: 60px;
}
.minecraft-editor .texture-frame canvas {
    width: 128px;
    height: 128px;
}
.minecraft-editor .bottom-copy {
    background-image: url(../minecraft/imgs/editor/bg-bottom.png);
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.minecraft-editor .bottom-copy h2 {
    font-family: Press Start\ 2P,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
}
.minecraft-editor .bottom-copy .minecraft-server-ad {
    display: block;
}
.minecraft-editor .bottom-copy .minecraft-server-ad .minecraft-server-ad-copy {
    background-color: rgba(0,0,0,.85);
    color: #fff;
    display: block;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding: 1rem;
    text-align: center;
}
.minecraft-editor #error {
    font-size: 20px;
    padding: 20px;
    border-radius: 8px;
}
#learn-more {
    width: 705px;
    height: 670px;
    background-color: #8a90c4;
    padding: 20px 40px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-radius: 5px;
}
#learn-more .minecraft-hero h2 {
    color: #fff;
    font-family: Press Start\ 2P;
    text-transform: uppercase;
    width: 50%;
    font-size: 22px;
}
#learn-more .minecraft-hero img {
    width: 350px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
}
#learn-more .squares {
    margin-top: 15px;
}
#learn-more .squares li {
    position: relative;
    width: 280px;
    height: 220px;
    display: inline-block;
    background-color: #fff;
    margin: 10px;
    padding: 10px 20px;
    text-align: center;
    box-shadow: 1px 2px 6px rgba(0,0,0,.6);
}
#learn-more .squares li .toppart {
    position: absolute;
    top: 0;
    left: 0;
    height: 130px;
    width: 100%;
}
#learn-more .squares li .toppart.blue {
    background-color: #57bee6;
}
#learn-more .squares li .toppart.green {
    background-color: #58c6a3;
}
#learn-more .squares li .toppart h3 {
    font-size: 18px;
    width: 260px;
    font-weight: 300;
    line-height: 1.3em;
    text-overflow: clip;
    white-space: normal;
    text-align: left;
    padding: 15px 20px;
    color: #fff;
}
#learn-more .squares li img {
    position: absolute;
    top: 75px;
    left: 55px;
}
#intro.modal {
    padding: 20px 0;
}
#intro.modal .modal-body {
    height: 500px;
    overflow-y: auto;
}
.minecraft-main-section h1 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}
.minecraft-main-section h2 {
    margin-bottom: 12px;
    margin-top: 0;
}
.minecraft-main-section h3 {
    margin: 0 30px 10px 0;
    font-size: 24px;
    line-height: 1.3;
    padding: 0;
}
.minecraft-main-section p {
    font-size: 18px;
    padding-bottom: 12px;
    line-height: 1.6;
}
.minecraft-main-section input {
    margin-bottom: 12px;
}
.minecraft-main-section .minecraft-hero {
    background-image: url(../image/minecraft/header-minecraft.jpg);
    background-position: 50% 0;
    background-size: cover;
    padding-top: 6%;
    padding-bottom: 0;
    position: relative;
}
.minecraft-main-section .minecraft-hero h1,
.minecraft-main-section .minecraft-hero h2 {
    color: #fff;
    font-family: Press Start\ 2P,Open Sans,Helvetica,Arial,sans-serif;
    text-shadow: #000 3px 3px 1px;
    text-transform: uppercase;
}
.minecraft-main-section .minecraft-hero h1 {
    font-size: 34px;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
@media print,screen and (min-width:40em) {
    .minecraft-main-section .minecraft-hero h1 {
        font-size: 36px;
        padding-bottom: 3%;
    }
}
.minecraft-main-section .minecraft-hero h2 {
    font-size: 18px;
}
.minecraft-main-section .minecraft-hero .minecraft-hero-title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.minecraft-main-section .minecraft-character {
    box-shadow: inset 0 -10px 150px 15px #000;
    background-image: url(../image/minecraft/tile-dirt.jpg);
    padding-top: 0;
    padding-bottom: 0;
}
.minecraft-main-section .minecraft-character h3 {
    padding: 30px 0 0;
    line-height: 1;
    margin: 0 auto 1rem;
}
.minecraft-main-section .minecraft-character h4 {
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 0;
    font-weight: 200;
    line-height: 2;
}
.minecraft-main-section .minecraft-character .large-description {
    font-size: 18px;
    padding-bottom: 12px;
    line-height: 1.6;
}
.minecraft-main-section .minecraft-character .priority-code {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    font-size: 21px;
    padding: 20px 40px;
    margin: 20px 0;
    text-align: center;
}
.minecraft-main-section .minecraft-character .priority-code span {
    font-family: Press Start\ 2P,Open Sans,Helvetica,Arial,sans-serif;
    display: block;
    margin-top: 20px;
    font-size: 26px;
}
.minecraft-main-section .minecraft-character .content {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .minecraft-main-section .minecraft-character .content {
        text-align: left;
    }
}
.minecraft-main-section .minecraft-character .image {
    position: relative;
}
.minecraft-main-section .minecraft-character .image .callout {
    background-color: #009acf;
    border: 6px solid #8fe8ff;
    border-radius: 76px;
    font-family: Open Sans Condensed,Open Sans,Helvetica,Arial,sans-serif;
    padding: 26px 12px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -100px;
}
@media screen and (max-width:950px) {
    .minecraft-main-section .minecraft-character .image .callout {
        top: 55%;
    }
}
.minecraft-main-section .minecraft-character .image .callout h1,
.minecraft-main-section .minecraft-character .image .callout p {
    color: #fff;
}
.minecraft-main-section .minecraft-character .image .callout h1 {
    font-size: 32px;
}
.minecraft-main-section .minecraft-character .image .callout p {
    font-weight: 700;
    padding-bottom: 0;
}
.minecraft-main-section .minecraft-character .minecraft-featured-video {
    display: block;
    position: relative;
}
.minecraft-main-section .minecraft-character .minecraft-featured-video .video-play:before {
    content: "";
    background: url(../image/ui/icn-play-video.png) no-repeat;
    height: 61px;
    width: 61px;
    position: absolute;
    margin: 0 0 -30px -30px;
    left: 50%;
    bottom: 50%;
}
.minecraft-main-section .minecraft-mod h3 {
    margin: 0 auto 0.5rem;
}
.minecraft-main-section .minecraft-mod .minecraft-mod-cards {
    padding: 20px 0;
}
.minecraft-main-section .minecraft-mod .mod-minecraft-option {
    display: block;
    text-align: center;
}
.minecraft-main-section .minecraft-mod .mod-minecraft-option img {
    height: auto;
    border-radius: 10px;
}
.minecraft-main-section .minecraft-mod .mod-minecraft-option:hover img {
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.minecraft-main-section .minecraft-mod .mod-minecraft-option p {
    font-weight: 500;
    margin-top: 1rem;
}
.minecraft-main-section .minecraft-mod hr {
    border-bottom-width: 1px;
    border-bottom-color: #c7c8ca;
    margin-top: 30px;
}
.minecraft-main-section .minecraft-mod .play-free-games {
    margin-top: 1rem;
}
.minecraft-main-section .minecraft-mod .play-free-games .game-link {
    color: #222;
    font-family: Press Start\ 2P,Open Sans,Helvetica,Arial,sans-serif;
    margin-top: 1rem;
}
.minecraft-main-section .minecraft-character-features {
    padding-top: 0;
    padding-bottom: 0;
}
.minecraft-main-section .minecraft-character-features p {
    font-size: 16px;
    padding: 10px 20px 8px;
    font-weight: 400;
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button {
    display: block;
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button .minecraft-create-button__image {
    background-position: 60% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 120px;
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--block .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/block-white.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--block:hover .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/block-white-hover.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--item .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/item-white.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--item:hover .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/item-white-hover.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--mob .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/mob-white.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--mob:hover .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/mob-white-hover.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--skin .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/skin-white.png);
}
.minecraft-main-section .minecraft-character-features .minecraft-character-features-buttons a.minecraft-create-button.minecraft-create-button--skin:hover .minecraft-create-button__image {
    background-image: url(../image/minecraft/create/skin-white-hover.png);
}
.minecraft-main-section .minecraft-character-features .skins li {
    width: 195px;
    height: auto;
    margin: 8px;
}
.minecraft-main-section .minecraft-character-features .skins li .main {
    width: 195px;
    height: 180px;
    line-height: 1;
    min-height: auto;
}
.minecraft-main-section .minecraft-character-features .skins li .main.create img {
    width: auto;
    max-width: 180px;
    max-height: 160px;
}
.minecraft-main-section .minecraft-character-features .skins li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-main-section .minecraft-character-features .skins li .main img.render {
    visibility: hidden;
}
.minecraft-main-section .minecraft-character-features .skins li .data h5 {
    color: #282e33;
}
.minecraft-main-section .minecraft-character-features .items li .main {
    width: 130px;
    height: 130px;
    line-height: 114px;
    min-height: auto;
}
.minecraft-main-section .minecraft-character-features .items li .main img {
    width: 100%;
    max-height: none;
}
.minecraft-main-section .minecraft-character-features .blocks li .main {
    width: 130px;
    height: 130px;
    line-height: 114px;
    min-height: auto;
}
.minecraft-main-section .minecraft-character-features .blocks li .main img {
    width: 100%;
    max-height: none;
}
.minecraft-main-section .minecraft-character-features .mobs li .main {
    width: 130px;
    height: 130px;
    line-height: 130px;
    min-height: auto;
}
.minecraft-main-section .minecraft-character-features .mobs li .main img {
    width: 100%;
    max-height: none;
    vertical-align: middle;
}
.minecraft-main-section .minecraft-community {
    margin-bottom: 1rem;
}
.minecraft-main-section .minecraft-community.last {
    margin-bottom: 0;
    padding-bottom: 30px;
}
.minecraft-main-section .minecraft-community a:hover {
    color: #fff;
    text-decoration: underline;
}
.minecraft-main-section .minecraft-community h2 {
    text-align: left;
    font-size: 20px;
    margin-left: 7%;
}
.minecraft-main-section .minecraft-community p.see-more {
    text-align: right;
    margin-right: 4%;
}
.minecraft-main-section .minecraft-multiplayer {
    box-shadow: inset 0 20px 140px 0 #000;
    background-image: url(../image/minecraft/tile-coal.jpg);
    padding-top: 0;
    padding-bottom: 0;
}
.minecraft-main-section .minecraft-multiplayer .minecraft-modding-row {
    padding: 2rem;
}
.minecraft-main-section .minecraft-multiplayer .course-list {
    max-width: 360px;
    width: auto;
}
.minecraft-main-section .mc-courses {
    max-width: 820px;
    margin: auto;
    padding-bottom: 30px;
}
.minecraft-main-section .minecraft-instructions {
    box-shadow: inset 0 -30px 140px 0 #000;
    background-image: url(../image/minecraft/tile-diamond.jpg);
    padding-top: 0;
    padding-bottom: 30px;
}
.minecraft-main-section .minecraft-instructions .subscription {
    padding: 30px;
}
.minecraft-main-section .minecraft-instructions .subscription p {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1.5;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table {
    width: 100%;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr {
    border-top: 1px solid #dee9e9;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr th {
    border-right: 1px solid #dee9e9;
    color: #fff;
    font-size: 18px;
    padding: 1rem;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr th:first-child {
    background-color: #5e7078;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr th:nth-child(2) {
    background-color: #0099ce;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr th:nth-child(3) {
    background-color: #00caa8;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr td {
    border-right: 1px solid #dee9e9;
    font-size: 16px;
    padding: 1rem;
}
.minecraft-main-section .minecraft-instructions .minecraft-feature-table tr td:first-child {
    background-color: #d8e0e9;
    font-weight: 700;
    text-align: left;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table {
    margin-top: 40px;
    margin-bottom: 20px;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table ul li {
    margin-bottom: 15px;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .minecraft-pricing-table__option {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border: 1px solid #e3e8ed;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .option4 {
    border: 1px solid #fea11d!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .option6 {
    border: 1px solid #353e43!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .black {
    background: #353e43!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .option4 .overview {
    background: #fea11d!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .option6 .overview {
    background: #353e43!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .overview {
    height: 50px!important;
    margin: 0!important !important;
    padding-top: 5px!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .overview h3 {
    color: #fff!important;
    font-size: 26px!important;
    font-weight: 600!important;
    margin: 0 0 12px;
    padding: 0;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large {
    border-top: none!important;
    border-bottom: none!important;
    height: 150px!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large1 {
    border-top: none!important;
    border-bottom: none!important;
}
@media print,screen and (min-width:40em) {
    .minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large1 {
        height: 270px;
    }
}
@media print,screen and (min-width:64em) {
    .minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large1 {
        height: 290px;
    }
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large h5,
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large1 h5 {
    text-align: center;
    color: #596267;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 16px;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large p,
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .data-point-large1 p {
    text-align: center;
    font-size: 13px;
    padding-bottom: 0;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .click-options {
    background: #f5f6f7!important;
}
.minecraft-main-section .minecraft-instructions .minecraft-pricing-table .click-options a {
    margin: 10px!important !important;
}
.minecraft-main-section .minecraft-disclaimer {
    color: #999;
    font-size: 14px!important;
    font-weight: 500;
    padding-top: 30px;
}
.minecraft-main-section .mc-assets li .data h5 {
    color: #282e33;
}
.minecraft-gallery h1 {
    margin-top: 0;
}
.minecraft-gallery .more-assets {
    margin-top: 1rem;
    text-align: right;
}
.mc-games {
    background: -moz-linear-gradient(50% 96.13% 90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -webkit-linear-gradient(90deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    background: -webkit-gradient(linear,50% 96.13%,50% 2.96%,color-stop(0,#000),color-stop(.2146,#0c2a59),color-stop(.7463,#0c2a59),color-stop(.8488,#071935),color-stop(1,#000));
    background: -o-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -ms-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)""
    background: linear-gradient(0deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
}
.mc-games h1,
.mc-games h2,
.mc-games h3 {
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.mc-games p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.mc-games .bg-white {
    border-radius: 5px;
}
.mc-games ul.breadcrumbs li {
    color: #9a9a9a;
    font-size: 14px;
}
.mc-games ul.breadcrumbs li a {
    color: #9a9a9a;
}
.mc-games .mc-games-header {
    background-image: url(../image/components/minecraft-editor-ad-modal/bg-star-small.png);
    background-position: 50% 160px;
    background-repeat: no-repeat;
}
.mc-games .mc-games-header .mc-games-header-content h1 {
    color: #fff;
    margin: 0.5em 0;
}
.mc-games .mc-games-header .mc-games-header-content a {
    margin-bottom: 40px;
}
.mc-games .game-tabs {
    margin-bottom: 30px;
}
.mc-games .game-tabs .tabs-title.tabs-title-underline a {
    line-height: 34px;
    font-size: 16px;
    padding: 0 15px;
    margin-right: 10px;
    color: #335675;
    border-bottom: 4px solid transparent;
    border-radius: 0;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.mc-games .game-tabs .tabs-title.tabs-title-underline a:hover {
    color: #00bcd4;
}
.mc-games .game-tabs .tabs-title.tabs-title-underline.is-active a {
    background-color: transparent;
    color: #00bcd4;
    border-bottom-color: #00bcd4;
    border-radius: 0;
}
.mc-games .game-tabs .tabs {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px;
}
.mc-games .game-tabs .tabs-content {
    border: none;
    text-align: left;
    padding: 30px;
}
.mc-games .game-tabs .tabs-content h2 {
    margin-top: 0;
}
.mc-games .game-info .game-info-content {
    margin-bottom: 15px;
}
.mc-games .game-info .bg-white {
    padding: 30px;
    text-align: left;
}
.mc-games .game-info h2 {
    margin: 0 0 0.5em;
}
.mc-games .tynker-mc {
    text-align: center;
    padding-bottom: 30px;
}
.mc-games .tynker-mc h2 {
    margin-bottom: 0;
}
.mc-games .tynker-mc h2,
.mc-games .tynker-mc h3,
.mc-games .tynker-mc p {
    color: #fff;
}
.mc-games .tynker-mc .tynker-mc-headline {
    padding-bottom: 30px;
}
.mc-games .tynker-mc .mc-tynker-options-cards {
    border-radius: 6px;
    display: block;
    min-height: 140px;
    padding: 1rem;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.mc-games .tynker-mc .mc-tynker-options-cards:hover {
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.mc-games .tynker-mc .mc-tynker-options-cards.mc-tynker-options-green {
    background-color: #7cd55f;
}
.mc-games .tynker-mc .mc-tynker-options-cards.mc-tynker-options-green:hover {
    background-color: #5bca37;
}
.mc-games .tynker-mc .mc-tynker-options-cards.mc-tynker-options-blue {
    background-color: #61add5;
}
.mc-games .tynker-mc .mc-tynker-options-cards.mc-tynker-options-blue:hover {
    background-color: #3998ca;
}
.mc-games .tynker-mc .mc-tynker-options-cards.mc-tynker-options-purple {
    background-color: #8e73c4;
}
.mc-games .tynker-mc .mc-tynker-options-cards.mc-tynker-options-purple:hover {
    background-color: #714fb5;
}
.mc-games .mc-more-time {
    background-image: url(../image/minecraft/mc-game-portal.png);
}
.mc-assets,
.mc-assets li {
    text-align: center;
}
.mc-assets li {
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    width: 198px!important;
    height: 170px!important;
    line-height: normal!important;
    min-height: 0!important;
    margin: 0;
}
.mc-assets li a {
    display: inline-block;
}
.mc-assets li .open {
    display: block;
    width: 100%!important;
    height: 130px!important;
}
.mc-assets li .open .main-container {
    width: 100%;
    height: 100%;
    padding: 10px;
}
.mc-assets li .open .main-container .main {
    display: block;
    line-height: 114px;
    position: relative;
    padding: 0;
    width: 100%!important;
    height: 100%!important;
    line-height: normal!important;
    min-height: 0!important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.mc-assets li .open .main-container .main img {
    visibility: visible;
    width: auto!important;
    height: 100%!important;
    max-height: none;
    vertical-align: middle;
}
.mc-assets li .open .main-container .main img.hide-rendering {
    visibility: visible;
}
.mc-assets li .open .main-container .main img.hide-rendering.render {
    visibility: hidden;
}
.mc-assets li .data {
    height: 40px!important;
    border-top: 0;
    background-color: #fff;
    text-align: left;
    padding-left: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0;
}
.mc-assets li .data .actions {
    height: 100%!important;
    text-align: center;
    border-radius: 0;
}
.mc-assets li .data .actions a {
    text-decoration: none;
}
.mc-assets li .data .stats {
    text-align: center;
}
.mc-assets li .data .stats .stat {
    display: inline-block;
    width: 18px;
    margin-right: 15px;
}
.mc-assets li .data .stats .stat .icon {
    width: 100%;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}
.mc-assets li .data .stats .stat .value {
    width: 100%;
    text-align: center;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.mc-assets li .data .stats .stat.likes .icon {
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.mc-assets li .data .stats .stat.views .icon {
    background-image: url(../image/dashboard/student/project-icons/views.png);
}
.mc-assets li .data .stats .stat:last-child {
    margin-right: 0;
}
.mc-assets li .data:hover {
    background-color: #000;
}
.mc-assets li:hover {
    transform: scale(1.01);
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.mc-assets li:hover .data {
    background-color: #000;
}
.mc-assets li.small {
    width: 195px;
    margin: 10px;
}
.mc-assets li.green {
    background-color: #947bb8;
}
.mc-assets li.blue {
    background-color: #3d9fd0;
}
.mc-assets li.violet {
    background-color: #80c36f;
}
.mc-assets li.card-stacked {
    overflow: visible;
}
.mc-assets li.card-stacked a {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.mc-assets li.card-stacked:before {
    height: 95%;
    width: 97%;
    right: 17px;
    top: -11px;
    z-index: -3;
}
.mc-assets li.card-stacked:after,
.mc-assets li.card-stacked:before {
    content: "";
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.mc-assets li.card-stacked:after {
    height: 97%;
    width: 99%;
    right: 7px;
    top: -5px;
    z-index: -2;
}
.mc-assets.mobs li .main {
    width: auto;
    height: auto;
}
.mc-assets.mobs li .main img.hide-rendering {
    visibility: visible;
}
.mc-assets.mobs li .main img.hide-rendering.render {
    visibility: hidden;
}
body.site section.minecraft-main-section {
    padding-top: 0;
    padding-bottom: 0;
}
.mc-servers {
    background: -moz-linear-gradient(50% 96.13% 90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -webkit-linear-gradient(90deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    background: -webkit-gradient(linear,50% 96.13%,50% 2.96%,color-stop(0,#000),color-stop(.2146,#0c2a59),color-stop(.7463,#0c2a59),color-stop(.8488,#071935),color-stop(1,#000));
    background: -o-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    background: -ms-linear-gradient(90deg,#000 0,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)""
    background: linear-gradient(0deg,#000,#0c2a59 21.46%,#0c2a59 74.63%,#071935 84.88%,#000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=0);
}
.mc-servers h1,
.mc-servers h2,
.mc-servers h3 {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.mc-servers p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.mc-servers .bg-white {
    border-radius: 5px;
    padding: 30px;
    text-align: left;
    margin-bottom: 30px;
}
.mc-servers ul.breadcrumbs li {
    color: #9a9a9a;
    font-size: 14px;
}
.mc-servers ul.breadcrumbs li a {
    color: #9a9a9a;
}
.mc-servers .mc-games-header {
    background-image: url(../image/components/minecraft-editor-ad-modal/bg-star-small.png);
    background-position: 50% 160px;
    background-repeat: no-repeat;
    text-align: center;
}
.mc-servers .mc-games-header .mc-games-header-content {
    overflow: hidden;
    max-height: 320px;
}
.mc-servers .mc-games-header .mc-games-header-content h1 {
    color: #fff;
}
.mc-servers .mc-games-header .mc-games-header-content a {
    margin-bottom: 40px;
}
.mc-servers .mc-games-header .mc-games-header-content img {
    width: 90%;
}
.mc-servers .modding-tabs .bg-white {
    padding: 0;
}
.mc-servers .modding-tabs .tabs-title.tabs-title-underline a {
    line-height: 34px;
    font-size: 16px;
    padding: 0 15px;
    margin-right: 10px;
    color: #335675;
    border-bottom: 4px solid transparent;
    border-radius: 0;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
}
.mc-servers .modding-tabs .tabs-title.tabs-title-underline a:hover {
    color: #00bcd4;
}
.mc-servers .modding-tabs .tabs-title.tabs-title-underline.is-active a {
    background-color: transparent;
    color: #00bcd4;
    border-bottom-color: #00bcd4;
    border-radius: 0;
}
.mc-servers .modding-tabs .tabs {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px;
}
.mc-servers .modding-tabs .tabs-content {
    border: none;
    text-align: left;
    padding: 30px;
}
.mc-servers .modding-tabs .tabs-content h2 {
    margin-top: 0;
}
.mc-servers .mod-info {
    margin-bottom: 30px;
}
.mc-servers .mod-info h2 {
    margin: 0 0 0.5em;
}
.mc-servers .mod-info ul.disc li {
    font-size: 18px;
    line-height: 1.8;
}
.mc-servers .connect-info h2 {
    margin-top: 0;
}
.mc-servers .connect-info ol li {
    list-style: decimal;
}
.mc-servers .game-info .game-info-content {
    margin-bottom: 15px;
}
.mc-servers .game-info h2 {
    margin: 0 0 0.5em;
}
.mc-servers .tynker-mc {
    text-align: center;
    padding-bottom: 30px;
}
.mc-servers .tynker-mc h2 {
    margin-bottom: 0;
}
.mc-servers .tynker-mc h2,
.mc-servers .tynker-mc h3,
.mc-servers .tynker-mc p {
    color: #fff;
}
.mc-servers .tynker-mc .tynker-mc-headline {
    padding-bottom: 30px;
}
.mc-servers .tynker-mc .mc-tynker-options-cards {
    border-radius: 6px;
    display: block;
    min-height: 140px;
    padding: 1rem;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.mc-servers .tynker-mc .mc-tynker-options-cards:hover {
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.mc-servers .tynker-mc .mc-tynker-options-cards.mc-tynker-options-green {
    background-color: #7cd55f;
}
.mc-servers .tynker-mc .mc-tynker-options-cards.mc-tynker-options-green:hover {
    background-color: #5bca37;
}
.mc-servers .tynker-mc .mc-tynker-options-cards.mc-tynker-options-blue {
    background-color: #61add5;
}
.mc-servers .tynker-mc .mc-tynker-options-cards.mc-tynker-options-blue:hover {
    background-color: #3998ca;
}
.mc-servers .tynker-mc .mc-tynker-options-cards.mc-tynker-options-purple {
    background-color: #8e73c4;
}
.mc-servers .tynker-mc .mc-tynker-options-cards.mc-tynker-options-purple:hover {
    background-color: #714fb5;
}
.mc-servers .mc-more-time {
    background-image: url(../image/minecraft/mc-game-portal.png);
}
.explore-page {
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    background: -moz-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#464c84),color-stop(100%,#293246));
    background: -webkit-linear-gradient(270deg,#464c84,#293246);
    background: -o-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: -ms-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: linear-gradient(180deg,#464c84,#293246);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#464c84",endColorstr="#293246",GradientType=0);
}
.explore-page h1 {
    font-size: 30px;
    color: #fff;
}
.explore-page h2 {
    font-size: 25px;
    color: #fff;
}
.explore-page h3 {
    font-size: 20px;
    color: #fff;
    border-bottom: none;
    font-weight: 400;
}
.explore-page a {
    outline: none;
    color: #fff;
    text-decoration: underline;
}
.explore-page a:hover {
    font-weight: 400;
}
.explore-page p {
    color: #fff;
    font-size: 16px;
}
.explore-page .learnmore {
    color: #fff;
}
.explore-page .breadcrumbs a {
    color: #fff;
    font-size: inherit;
}
.explore-page .breadcrumbs li.current {
    color: #fff;
    font-weight: 400;
}
.explore-page .wrap {
    padding-top: 30px;
}
.explore-page .button {
    text-decoration: none;
    color: #fff;
}
.explore-page .btn-round {
    text-decoration: none;
}
.explore-page .more-directory {
    font-size: 16px;
}
.explore-page .breadcrumbs li {
    color: #fff;
}
.explore-page .breadcrumbs a {
    text-decoration: none;
}
.explore-page .breadcrumbs a:hover {
    text-decoration: underline;
}
.explore-page .panel {
    border: 0;
}
.explore-page .panel .gallery-listing {
    max-width: 190px;
}
.explore-page .panel .gallery-listing ul li {
    border-radius: 2px;
    padding: 10px 0;
    margin-bottom: 5px;
}
.explore-page .panel .gallery-listing ul li a {
    padding: 0;
    color: #fff;
    text-decoration: none;
}
.explore-page .panel .gallery-listing ul li a:hover {
    font-weight: 600;
    background-color: transparent;
}
.explore-page .panel .gallery-listing ul li.heading {
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
    color: #fff;
    margin-top: 15px;
}
.explore-page .panel .gallery-listing ul li.heading:hover {
    cursor: auto;
    padding-left: 0;
    background-color: transparent;
}
.explore-page .panel .gallery-listing ul li.heading:hover:before {
    display: none;
}
.explore-page .panel .gallery-listing ul li.heading:first-child {
    margin-top: 0;
}
.explore-page .panel .gallery-listing ul li.active {
    border-radius: 2px;
    padding: 10px 0 10px 10px;
    background-color: #44dfc7;
    font-weight: 600;
}
.explore-page .panel .gallery-listing ul li.active a {
    padding: 0;
    color: #fff;
    background-color: #44dfc7;
    text-decoration: none;
    font-weight: 600;
}
.explore-page .panel .gallery-listing ul li.active a:hover {
    font-weight: 600;
    background-color: transparent;
}
.explore-page .panel .gallery-listing ul li.active.right:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #44dfc7;
}
.explore-page .panel .gallery-listing ul li.active:hover {
    cursor: pointer;
    background-color: #44dfc7;
    font-weight: 600;
    padding-left: 10px;
}
.explore-page .panel .gallery-listing ul li.active:hover a {
    font-weight: 600;
    background-color: transparent;
}
.explore-page .panel .gallery-listing ul li:hover {
    cursor: pointer;
    background-color: #44dfc7;
    font-weight: 600;
    padding-left: 10px;
}
.explore-page .panel .gallery-listing ul li:hover a {
    font-weight: 600;
    background-color: transparent;
}
.explore-page .panel .gallery-listing ul li:hover:before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: -19px;
    width: 0;
    height: 0;
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 20px solid #44dfc7;
}
.explore-page.explore-page-view-resource {
    background: 0 0;
    color: #fff;
}
.explore-page.explore-page-view-resource h1 {
    font-size: 30px;
    color: #fff;
}
.explore-page.explore-page-view-resource h2 {
    font-size: 25px;
    color: #000;
}
.explore-page.explore-page-view-resource h3 {
    font-size: 20px;
    color: #000;
    border-bottom: none;
    font-weight: 400;
}
.explore-page.explore-page-view-resource a {
    outline: none;
    color: #000;
    text-decoration: underline;
}
.explore-page.explore-page-view-resource a:hover {
    font-weight: 400;
}
.explore-page.explore-page-view-resource .breadcrumbs a {
    color: #fff;
    text-decoration: none;
}
.explore-page.explore-page-view-resource .breadcrumbs a:hover {
    text-decoration: underline;
}
.explore-page.explore-page-view-resource .breadcrumbs li,
.explore-page.explore-page-view-resource .learnmore {
    color: #fff;
}
.explore-page.explore-page-view-resource .button {
    color: #fff;
    text-decoration: none!important;
}
.explore-page.explore-page-view-resource .preview-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 100px;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    position: relative;
}
.explore-page.explore-page-view-resource .preview-container .preview-frame {
    border-radius: 5px;
    background-size: contain;
}
.explore-page.explore-page-view-resource .preview-container .canvas-frame {
    border-radius: 5px;
}
.explore-page.explore-page-view-resource .preview-container .download-button {
    position: absolute;
    width: 80px;
    height: 50px;
    right: 15px;
    bottom: 15px;
    color: #000;
    text-align: center;
    text-decoration: none;
}
.explore-page.explore-page-view-resource .preview-container .download-button .icon-download {
    font-size: 27px;
}
.explore-page.explore-page-view-resource .preview-container .download-button .text {
    font-size: 20px;
    text-decoration: none;
}
.explore-page.explore-page-view-resource .preview-container .download-button:hover .icon-download,
.explore-page.explore-page-view-resource .preview-container .download-button:hover .text {
    font-weight: 600;
}
.explore-page.explore-page-view-resource .variants {
    margin: auto!important !important;
    padding: 15px;
}
.explore-page.explore-page-view-resource .variants ul li {
    background-color: #fff;
    border-color: #d3d3d3;
    margin-right: 10px;
}
.explore-page.explore-page-view-resource .variants ul li:last-child {
    margin-right: 0;
}
.explore-page.explore-page-view-resource .summary {
    color: #000;
    border-radius: 5px;
    padding-bottom: 0;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.explore-page.explore-page-view-resource .summary h1 {
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 25px;
    word-wrap: break-word;
    margin-bottom: 5px;
    color: #000;
}
.explore-page.explore-page-view-resource .summary p {
    color: #000;
    font-size: 14px;
}
.explore-page.explore-page-view-resource .summary p b {
    color: #000;
    font-weight: 400;
}
.explore-page.explore-page-view-resource .summary a,
.explore-page.explore-page-view-resource .summary p a {
    color: #1bb0de;
    font-weight: 400;
}
.explore-page.explore-page-view-resource .summary a.btn-round {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-right: 15px;
    color: #fff;
}
.explore-page.explore-page-view-resource .summary a.btn-round.cyan {
    background-color: #00bcd4!important;
    border-color: #00bcd4!important;
    color: #fff;
}
.explore-page.explore-page-view-resource .summary a.btn-round.cyan.hollow {
    color: #00bcd4!important;
    background-color: #fff!important;
}
.explore-page.explore-page-view-resource .summary a.btn-round.cyan.hollow:hover {
    color: #fff!important;
    background-color: #00bcd4!important;
}
.explore-page.explore-page-view-resource .summary .footnote {
    font-weight: 300;
}
.explore-page.explore-page-view-resource .summary .buttons-container {
    margin-top: 15px;
}
.explore-page.explore-page-view-resource .summary .buttons-container .btn-round {
    border-radius: 5px;
    line-height: 20px;
    margin: 0 10px 15px 0;
    box-sizing: border-box;
    text-transform: none;
}
.explore-page.explore-page-view-resource .summary .buttons-container .btn-round.button-remix {
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    border-width: 2px;
}
.explore-page.explore-page-view-resource .summary .buttons-container .btn-round.button-remix:hover {
    border-color: #01dbf7!important;
    background-color: #01dbf7!important;
}
.explore-page.explore-page-view-resource .summary .community-info {
    border: 0;
    text-align: center;
    background-color: #f2fafa;
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 600;
    margin-top: 0;
    padding: 0;
}
.explore-page.explore-page-view-resource .summary .community-info .action {
    color: #000;
    float: none;
    margin: 10px;
}
.explore-page.explore-page-view-resource .summary .community-info .action .label {
    font-size: 12px;
}
.explore-page.explore-page-view-resource .summary .community-info .action:hover {
    color: #36a1d8;
}
.explore-page.explore-page-view-resource .summary .community-info .action:last-child {
    margin-right: 0;
}
.explore-page.explore-page-view-resource .summary .community-info .action.likes .icon-heart,
.explore-page.explore-page-view-resource .summary .community-info .action.likes .icon-heart-2 {
    height: 22px;
    font-size: 14px;
}
.explore-page.explore-page-view-resource .summary .community-info .action.likes .icon-like,
.explore-page.explore-page-view-resource .summary .community-info .action.likes .icon-liked {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../image/dashboard/student/project-icons/favorite-fill.png);
}
.explore-page.explore-page-view-resource .summary .community-info .action.likes:hover .label {
    color: #000;
}
.explore-page.explore-page-view-resource .summary .community-info .action.views .icon-views {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../image/dashboard/student/project-icons/views.png);
}
.explore-page.explore-page-view-resource .summary .community-info .action.views:hover .label {
    color: #000;
}
.explore-page.explore-page-view-resource .summary .community-info .action .icon-share {
    height: 25px;
}
.explore-page.explore-page-view-resource .summary .community-info .action .icon-flag-2 {
    height: 22px;
}
.explore-page.explore-page-view-resource .community {
    text-align: center;
}
.explore-page.explore-page-view-resource .community h3 {
    color: #000;
    font-weight: 400;
    border-bottom: 0;
    text-transform: none;
    text-align: left;
}
.explore-page.explore-page-view-resource .community .button-more {
    background-color: #00bdd6;
    font-weight: 400;
    line-height: 25px;
    min-width: 120px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.explore-page.explore-page-view-resource .community .button-more:hover {
    background-color: #006370;
}
.explore-page.explore-page-view-resource .attribution {
    color: #fff;
}
.explore-page.explore-page-view-resource .attribution a {
    color: #fff;
    text-decoration: underline;
    font-weight: 400;
}
.explore-page.explore-page-view-resource .minecraft-resource-card-2 a {
    color: #00bcd4;
    text-decoration: none;
}
.explore-page.explore-page-view-resource .minecraft-resource-card-2 a:hover {
    font-weight: 300;
}
.explore-page.explore-page-view-resource .minecraft-resource-card-2 .card-back ul li a {
    color: #0a0a0a;
}
.explore-page.explore-page-view-resource .minecraft-resource-card-2 .card-back ul li:hover {
    color: #fff;
}
.explore-page .top-container-background {
    background: #6a699c;
    background: -moz-linear-gradient(-45deg,#6a699c 2%,#383ac1 100%);
    background: -webkit-linear-gradient(-45deg,#6a699c 2%,#383ac1);
    background: linear-gradient(135deg,#6a699c 2%,#383ac1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#6a699c",endColorstr="#383ac1",GradientType=1))
    padding: 20px 0;
}
.explore-page .editarea {
    margin: 0!important !important;
    padding: 0!important !important;
}
.explore-page .project-card-2 a {
    color: #00bcd4;
    text-decoration: none;
}
.other-projects-section {
    padding: 20px 0;
}
.other-projects-section h2 {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #000;
    font-family: Roboto Slab;
}
.other-projects-section h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
    text-align: left;
    color: #000;
    font-family: Roboto Slab;
}
.other-projects-section a {
    outline: none;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}
.other-projects-section a:hover {
    text-decoration: underline;
}
.minecraft-gallery-content .card-stacked:hover .data {
    background-color: #fff!important;
}
.minecraft-gallery-content .card-stacked:hover .data .title {
    display: block!important;
}
.minecraft-courses h1,
.minecraft-courses h2,
.minecraft-courses h3,
.minecraft-courses h4 {
    font-weight: 700;
}
.minecraft-courses .section-white-bg {
    padding: 30px;
}
.minecraft-courses .section-white-bg .tablet-frame {
    border: 1px solid silver;
    border-radius: 21px;
    box-shadow: 3px 3px 6px 0 #d0d0d0;
    display: block;
    position: relative;
}
.minecraft-courses .section-white-bg .tablet-frame img {
    background-color: #f8f8f8;
    border: 35px solid #f8f8f8;
    border-radius: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 300px;
    object-fit: cover;
}
@media print,screen and (min-width:64em) {
    .minecraft-courses .section-white-bg .tablet-frame img {
        min-height: 410px;
    }
}
.minecraft-courses .section-white-bg .tablet-frame.tablet-frame-video:before {
    content: "";
    background: url(../image/ui/icn-play-video.png) no-repeat;
    height: 61px;
    width: 61px;
    position: absolute;
    margin: 0 0 -30px -30px;
    left: 50%;
    bottom: 50%;
}
.minecraft-courses .section-mc-lab-bg {
    background: url(../image/learn-to-code/with-minecraft/bg-large-mc-lab.jpg),#5498bd;
    background: url(../image/learn-to-code/with-minecraft/bg-large-mc-lab.jpg),-moz-linear-gradient(left,#5498bd 0,#6290c0 100%);
    background: url(../image/learn-to-code/with-minecraft/bg-large-mc-lab.jpg),-webkit-linear-gradient(-90deg,#2f5ae3 7.25%,#4478bc 81.45%);
    background: url(../image/learn-to-code/with-minecraft/bg-large-mc-lab.jpg),linear-gradient(-90deg,#2f5ae3 7.25%,#4478bc 81.45%);
    background-size: cover,100%;
    background-repeat: no-repeat,no-repeat;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5498bd",endColorstr="#6290c0",GradientType=1);
}
.minecraft-courses .section-mc-lab-bg h2,
.minecraft-courses .section-mc-lab-bg h3,
.minecraft-courses .section-mc-lab-bg p {
    color: #fff;
}
.minecraft-courses .section-mc-teal-bg {
    background-image: url(../image/learn-to-code/with-minecraft/bg-large-mc-teal.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.minecraft-courses .section-mc-teal-bg h1,
.minecraft-courses .section-mc-teal-bg h2,
.minecraft-courses .section-mc-teal-bg h3,
.minecraft-courses .section-mc-teal-bg h4,
.minecraft-courses .section-mc-teal-bg h5,
.minecraft-courses .section-mc-teal-bg h6,
.minecraft-courses .section-mc-teal-bg p {
    color: #fff;
}
@media print,screen and (min-width:64em) {
    .minecraft-courses .section-minecraft-ee .cards {
        background-image: url(../image/learn-to-code/with-minecraft/graphic-school.png);
        background-position: 100% 0;
        background-repeat: no-repeat;
        background-size: 55%;
        margin-top: 60px;
    }
}
.minecraft-courses .section-minecraft-ee .cards .card .card-details .card-name {
    color: #0a0a0a;
}
.minecraft-courses .section-mc-corner-graphic-bg {
    background-color: #fff;
    background-image: url(../image/learn-to-code/with-minecraft/bg-mc-corner-graphic.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
}
.minecraft-courses .section-mc-boxes-bg {
    background-image: url(../image/learn-to-code/with-minecraft/bg-mc-boxes.jpg);
    background-repeat-y: no-repeat;
}
.minecraft-courses a.play-video {
    display: inline-block;
    transition: all 0.1s ease-in-out;
    position: relative;
}
.minecraft-courses a.play-video:hover {
    transform: scale(1.012);
}
.minecraft-courses a.play-video.effect-pop-hover-shadow {
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.minecraft-courses a.play-video.effect-pop-hover-shadow:hover {
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.minecraft-courses a.play-video:before {
    content: "";
    background: url(../image/ui/icn-play-video.png) no-repeat;
    height: 61px;
    width: 61px;
    position: absolute;
    margin: 0 0 -30px -30px;
    left: 50%;
    bottom: 50%;
}
body.site section.minecraft-gallery-container {
    padding-top: 0;
    padding-bottom: 0;
}
.minecraft-gallery-container .minecraft-gallery-hero {
    background: #6a699c;
    background: -moz-linear-gradient(-45deg,#6a699c 2%,#383ac1 100%);
    background: -webkit-linear-gradient(-45deg,#6a699c 2%,#383ac1);
    background: linear-gradient(135deg,#6a699c 2%,#383ac1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a699c",endColorstr="#383ac1",GradientType=1);
}
.minecraft-gallery-container .minecraft-gallery-hero h1 {
    color: #fff;
}
.minecraft-gallery-container .minecraft-gallery-hero h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
}
.minecraft-gallery-container .minecraft-gallery-hero .button {
    margin-top: 20px;
}
.minecraft-gallery-container .minecraft-gallery-hero .button.secondary {
    margin-top: 120px;
    float: right;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-hero .button.secondary {
        margin-top: 10px;
        display: block;
        float: none;
    }
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-hero-image {
    background-image: url(../image/minecraft/community/mc-mods.png);
    background-repeat: no-repeat;
    background-size: 276px;
    background-position: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 10px 30px 30px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-hero-image {
        background: 0 0!important;
        padding: 10px;
    }
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-addons-image {
    background-image: url(../image/minecraft/community/mc-addons.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-blocks-image {
    background-image: url(../image/minecraft/community/mc-blocks.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-games-image {
    background-image: url(../image/minecraft/community/mc-games.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-items-image {
    background-image: url(../image/minecraft/community/mc-items.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-mobs-image {
    background-image: url(../image/minecraft/community/mc-mobs.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-mods-image {
    background-image: url(../image/minecraft/community/mc-mods.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-skins-image {
    background-image: url(../image/minecraft/community/mc-skins.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-server-image {
    background-image: url(../image/minecraft/community/mc-server.png);
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image {
    padding: 30px 0;
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image .spinning-asset-container {
    position: relative;
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image .spinning-asset-container .spinning-asset {
    box-sizing: border-box;
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image .spinning-asset-container .spinning-asset canvas {
    width: 200px!important;
    height: 200px!important;
    position: absolute;
    top: -45px;
    right: 30px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image .spinning-asset-container .spinning-asset {
        display: none;
    }
}
.minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image .spinning-asset-container .button {
    margin-top: 165px;
    margin-bottom: 0;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-hero .minecraft-gallery-rotating-image .spinning-asset-container .button {
        margin-top: 10px;
    }
}
.minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs {
    margin-top: 80px;
    margin-top: 10px;
}
.minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs li {
    float: left;
}
.minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs li a {
    background-color: #51458b;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin: 4px 6px 4px 2px;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs li {
        float: none;
    }
    .minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs li a {
        display: block;
    }
}
.minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs li.active a,
.minecraft-gallery-container .minecraft-gallery-hero ul.minecraft-gallery-tabs li:hover a {
    background-color: #fff;
    color: #4cbed7;
}
.minecraft-gallery-container.minecraft-gallery-container-courses .minecraft-gallery-hero {
    background: url(../image/minecraft/bg-hero-mc-forest.png),#6a699c;
    background: url(../image/minecraft/bg-hero-mc-forest.png),-moz-linear-gradient(90deg,#6a679c 0,#4f55c1 100%);
    background: url(../image/minecraft/bg-hero-mc-forest.png),-webkit-linear-gradient(90deg,#6a679c,#4f55c1);
    background: url(../image/minecraft/bg-hero-mc-forest.png),linear-gradient(90deg,#6a679c,#4f55c1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a699c",endColorstr="#383ac1",GradientType=1);
}
.minecraft-gallery-container h1 {
    color: #fff;
    margin: 0;
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .minecraft-gallery-container h1 {
        text-align: left;
    }
}
.minecraft-gallery-container h3 {
    font-size: 20px;
}
.minecraft-gallery-container .breadcrumbs-container {
    text-align: center;
}
@media print,screen and (min-width:40em) {
    .minecraft-gallery-container .breadcrumbs-container {
        text-align: left;
    }
}
.minecraft-gallery-container .breadcrumbs-container .breadcrumbs {
    margin: 5px;
}
.minecraft-gallery-container .breadcrumbs-container .breadcrumbs a {
    color: #fff;
    font-size: inherit;
}
.minecraft-gallery-container .breadcrumbs-container .breadcrumbs li {
    color: #fff;
}
.minecraft-gallery-container .breadcrumbs-container .breadcrumbs li.current {
    color: #fff;
    font-weight: 400;
}
.minecraft-gallery-container .gallery-intro {
    color: #fff;
}
.minecraft-gallery-container .gallery-intro a {
    text-decoration: underline;
    color: #00bcd4;
    font-weight: 600;
}
.minecraft-gallery-container .community-search-filters {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    text-align: left;
    min-height: 35px;
    line-height: 30px;
}
.minecraft-gallery-container .minecraft-gallery-search-filter {
    margin-top: 30px;
}
.minecraft-gallery-container .gallery-intro2 {
    margin-top: 25px;
}
.minecraft-gallery-container .menu-filters {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    text-align: right;
    min-height: 35px;
    line-height: 35px;
    margin-top: 2px;
    float: right;
}
.minecraft-gallery-container .menu-filters a {
    color: #575757;
    font-weight: 700;
    font-size: 14px;
}
.minecraft-gallery-container .menu-filters .is-active a {
    color: #00bcd4;
    background-color: transparent;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .menu-filters {
        margin: 0;
    }
}
.minecraft-gallery-container .minecraft-gallery-content {
    padding-top: 22px;
}
.minecraft-gallery-container .minecraft-gallery-content h2 {
    font-weight: 400;
    font-size: 22px;
    padding-bottom: 15px;
}
.minecraft-gallery-container .minecraft-gallery-content.minecraft-gallery-content-server {
    margin-bottom: 50px;
}
.minecraft-gallery-container .minecraft-gallery-content.minecraft-gallery-content-server h2 {
    padding-bottom: 0;
}
.minecraft-gallery-container .minecraft-gallery-content.minecraft-gallery-content-server .mc-server-img {
    max-height: 300px;
    padding: 10px 20px;
}
.minecraft-gallery-container .minecraft-gallery-content.minecraft-gallery-content-server h4 {
    font-size: 1.1rem;
    font-weight: 400;
    font-family: Open Sans;
}
.minecraft-gallery-container .minecraft-gallery-content.minecraft-gallery-content-server .mc-server-tabs {
    font-weight: 600;
    padding: 30px 20px 0;
}
.minecraft-gallery-container .minecraft-gallery-content.minecraft-gallery-content-server .mc-server-instructions {
    clear: both;
    margin-bottom: 20px;
}
.minecraft-gallery-container .minecraft-gallery-content .mc-assets li {
    width: 18%!important;
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
    .minecraft-gallery-container .minecraft-gallery-content .mc-assets li {
        width: 30%!important;
    }
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-content .mc-assets li {
        width: 45%!important;
    }
}
.minecraft-gallery-container .minecraft-gallery-content .mc-assets li.promo-card {
    width: 38%!important;
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card {
    transition: all 0.1s ease-in-out;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 5px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
    position: relative;
    background-color: #468bc7;
    background-image: url(../image/minecraft/community/create-ad-bg-01-19-2018.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 236px;
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card:hover {
    transform: scale(1.012);
    box-shadow: 3px 3px 6px -2px rgba(0,0,0,.2);
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card.promo-card-mc {
    background-color: #0089aa;
    background-image: url(../image/minecraft/community/ad-seo-wmccat-sm.png);
    background-position: 50%;
    background-size: auto 100%;
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card.promo-card-mc a {
    display: block;
}
@media print,screen and (min-width:40em) {
    .minecraft-gallery-container .minecraft-gallery-content .promo-card.promo-card-mc {
        background-size: auto 75%;
    }
}
@media print,screen and (min-width:64em) {
    .minecraft-gallery-container .minecraft-gallery-content .promo-card.promo-card-mc {
        background-image: url(../image/minecraft/community/ad-seo-wmccat.png);
        background-size: cover;
    }
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card a {
    width: 100%;
    height: 100%;
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image {
    height: 100%;
    width: 100%;
    background-size: 164px;
    padding: 40px;
    background-repeat: no-repeat;
    background-position: 100%;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image {
        background-image: none!important;
        padding: 10px;
    }
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image.promo-card-image-skin {
    background-image: url(../image/minecraft/community/create-graphic-skin-01-19-2018.png);
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image.promo-card-image-block {
    background-image: url(../image/minecraft/community/create-graphic-block-01-19-2018.png);
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image.promo-card-image-item {
    background-image: url(../image/minecraft/community/create-graphic-item-01-19-2018.png);
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image.promo-card-image-mob {
    background-image: url(../image/minecraft/community/create-graphic-mob-01-19-2018.png);
}
.minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image p {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    width: 55%;
    float: left;
    display: block;
}
@media screen and (max-width:39.9375em) {
    .minecraft-gallery-container .minecraft-gallery-content .promo-card .promo-card-image p {
        width: 100%;
        margin-top: 40px;
    }
}
.minecraft-gallery-container .minecraft-gallery-footer {
    background-image: url(../image/minecraft/community/mc-space-bg.png),linear-gradient(180deg,#6a679d,#4f55c2);
    background-repeat: no-repeat,no-repeat;
    background-size: contain,100%;
    padding: 0;
}
.minecraft-gallery-container .minecraft-gallery-footer h2 {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 1px;
}
.minecraft-gallery-container .minecraft-gallery-footer p {
    color: #fff;
    margin-bottom: 16px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what {
    padding: 0;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what .minecraft-what-content {
    position: relative;
    padding: 30px;
}
@media print,screen and (min-width:40em) {
    .minecraft-gallery-container .minecraft-gallery-footer .minecraft-what .minecraft-what-content {
        height: 440px;
    }
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what .minecraft-what-content .image {
    height: 440px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what .minecraft-what-cards .image-button {
    height: 212px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what .minecraft-featured-video {
    position: absolute;
    right: 0;
    bottom: 0;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what.minecraft-what-small {
    padding: 40px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what.minecraft-what-small .zf-column {
    height: auto;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-what.minecraft-what-small .zf-column .text-block {
    padding: 0;
    top: inherit;
    left: inherit;
    transform: inherit;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent {
    min-height: 190px;
    padding: 40px 30px 30px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .label {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .sent-label {
    color: #fff;
    line-height: 110px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .text-field {
    border: none;
    margin-bottom: 15px;
    border-radius: 5px;
    font-weight: 100;
    width: 280px;
    vertical-align: top;
    margin-right: 10px;
    padding-left: 15px;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .button,
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .text-field {
    margin-top: 15px;
    height: 44px;
    display: inline-block;
    -user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .button {
    line-height: 20px;
    border-radius: 5px;
    background-color: #1fbdd4;
    color: #fff;
    width: 100px;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}
.minecraft-gallery-container .minecraft-gallery-footer .minecraft-ask-parent .button:hover {
    background-color: #0eacc3;
    transform: scale(1.01);
}
.minecraft-gallery-container .more-assets {
    float: right;
    margin-top: -30px;
    padding-top: 10px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .minecraft-featured-video {
    display: inline-block;
    margin-top: 22px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content {
    top: 0;
    font-size: 10px;
    display: inline-block;
    padding: 20px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content h1 {
    font-size: 28px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content h2 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content h3 {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content h4 {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content p.screenshots img.screenshot {
    display: inline-block;
    margin-right: 15px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content img.icon {
    display: inline-block;
    width: 40px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content img.icon.icon-inline {
    width: 30px;
    vertical-align: middle;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content img.screenshot {
    border: 1px solid #eee;
    border-radius: 5px;
    width: 500px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content img.screenshot.screenshot-small {
    width: 200px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ol,
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul {
    padding-left: 20px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ol li,
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul li {
    font-size: 15px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ol li img.screenshot,
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul li img.screenshot {
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul li {
    list-style-type: disc;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul.icons {
    padding-left: 0;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul.icons li {
    list-style-type: none;
    font-size: 0;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul.icons li img.icon {
    display: inline-block;
    vertical-align: top;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul.icons li img.icon.icon-inline {
    vertical-align: middle;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ul.icons li img.screenshot {
    display: block;
    margin-left: 54px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content ol li {
    list-style-type: decimal;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content .indent {
    padding-left: 20px;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content .icon-container {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content .icon-container.icon-container-circle {
    border-radius: 50%;
}
.minecraft-gallery-container.minecraft-gallery-container-servers .content .icon-container.icon-container-purple {
    background-color: #393598;
}
.minecraft-gallery-container .minecraft-gallery-container-instructions {
    background-color: #f6fafb;
}
.minecraft-gallery-container .minecraft-gallery-container-instructions h2 {
    font-weight: 400;
}
.minecraft-gallery-container .minecraft-gallery-container-instructions h4 {
    font-weight: 400;
    font-size: 20px;
}
.minecraft-gallery-container .minecraft-gallery-container-instructions h4 a {
    color: #00bcd4;
}
.minecraft-gallery-container .minecraft-gallery-container-instructions .mc-server-tabs {
    font-weight: 700;
}
.minecraft-gallery-container .list li {
    padding-bottom: 10px;
}
.minecraft-gallery-container .list.list-ordered {
    list-style: decimal;
}
.minecraft-gallery-container .minecraft-connect {
    padding: 40px;
}
.minecraft-gallery-container .minecraft-featured-video {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.minecraft-gallery-container .minecraft-featured-video img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5px;
}
.minecraft-gallery-container .minecraft-featured-video .video-play:before {
    content: "";
    background: url(../image/ui/icn-play-video.png) no-repeat;
    height: 61px;
    width: 61px;
    position: absolute;
    margin: 0 0 -30px -30px;
    left: 51%;
    bottom: 50%;
}
.minecraft-gallery-container .minecraft-featured-video:hover {
    transform: scale(1.01);
}
.minecraft-gallery-container .preview-frame {
    width: 270px;
    height: 230px;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.minecraft-page {
    background: -moz-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#464c84),color-stop(100%,#293246));
    background: -webkit-linear-gradient(270deg,#464c84,#293246);
    background: -o-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: -ms-linear-gradient(270deg,#464c84 0,#293246 100%);
    background: linear-gradient(180deg,#464c84,#293246);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= "#464c84",endColorstr="#293246",GradientType=0))
    padding-bottom: 15px;
}
.minecraft-page .mc-assets {
    text-align: center;
}
.minecraft-page .mc-assets li {
    margin: 10px;
}
.minecraft-page h1,
.minecraft-page h2 {
    font-weight: 500;
}
.minecraft-page h1,
.minecraft-page h2,
.minecraft-page h3 {
    font-family: Montserrat,Open Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.minecraft-page h3 {
    font-weight: 600;
}
.minecraft-page p {
    font-size: 18px;
    line-height: 1.5;
    margin: 0 0 16px;
    padding: 0;
}
.minecraft-page .list li {
    padding-bottom: 10px;
}
.minecraft-page .list.list-ordered {
    list-style: decimal;
}
.minecraft-page .left {
    text-align: left;
}
.minecraft-page .right {
    text-align: right;
}
.minecraft-page .zf-row.full-row {
    max-width: none;
}
.minecraft-page ul.breadcrumbs {
    min-height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    margin-top: 0;
}
.minecraft-page ul.breadcrumbs li,
.minecraft-page ul.breadcrumbs li a {
    color: #d9cbef;
    font-size: 12px;
}
.minecraft-page ul.breadcrumbs li.current {
    font-weight: 400;
}
.minecraft-page .btn-round.purple {
    background-color: #7363b4;
    transition: all 0.2s ease-in-out;
}
.minecraft-page .btn-round.purple:hover {
    transform: scale(1.01);
}
.minecraft-page .minecraft-section {
    border-radius: 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 40px;
}
.minecraft-page .minecraft-section .btn-round {
    margin: 0 0 16px;
}
.minecraft-page .minecraft-section.minecraft-section-card {
    background-color: #fff;
}
.minecraft-page .minecraft-section.minecraft-section-breadcrumbs {
    padding: 0 0 0 15px;
    margin-bottom: 0;
}
.minecraft-page .minecraft-section.minecraft-section-header {
    padding: 0;
    margin-bottom: 0;
}
.minecraft-page .minecraft-section.minecraft-section-tabs,
.minecraft-page .minecraft-section.minecraft-section-what {
    padding: 0;
}
.minecraft-page .minecraft-section.minecraft-section-learn-skins .zf-column:first {
    margin-bottom: 30px;
    text-align: center;
}
.minecraft-page .minecraft-section.minecraft-section-activities {
    background-color: #f4f8f9;
    padding-bottom: 0;
}
.minecraft-page .minecraft-section.minecraft-section-connect,
.minecraft-page .minecraft-section.minecraft-section-courses,
.minecraft-page .minecraft-section.minecraft-section-subscription {
    padding: 0;
}
.minecraft-page .minecraft-rows {
    text-align: left;
}
.minecraft-page .minecraft-rows h2 {
    margin-top: 30px;
}
.minecraft-page .minecraft-rows .minecraft-row {
    padding: 40px;
}
.minecraft-page .minecraft-rows .minecraft-row .title.title-top {
    margin-top: 0;
}
.minecraft-page .minecraft-rows .minecraft-row.minecraft-row-small {
    padding-top: 20px;
    padding-bottom: 20px;
}
.minecraft-page .minecraft-rows .minecraft-row.even {
    background-color: #f3f7f7;
}
.minecraft-page .minecraft-rows.minecraft-rows-small .minecraft-row {
    padding-bottom: 20px;
}
.minecraft-page .minecraft-header {
    text-align: center;
}
.minecraft-page .minecraft-header .title {
    color: #fff;
    margin: 0 0 50px;
}
.minecraft-page .minecraft-header.minecraft-header-actionable {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.minecraft-page .minecraft-header.minecraft-header-actionable .title {
    margin-bottom: 20px;
}
.minecraft-page .minecraft-header.minecraft-header-actionable .btn-round {
    margin-bottom: 40px;
}
.minecraft-page .minecraft-tabs {
    padding: 0 60px;
    text-align: center;
}
.minecraft-page .minecraft-tabs .tab {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    background-size: 40px 35px;
    background: no-repeat left 15px center;
    padding: 10px 0;
    text-align: left;
}
.minecraft-page .minecraft-tabs .tab a {
    display: inline-block;
    width: 100%;
    color: #222;
    padding: 10px 0 18px;
    border-bottom: 3px solid #e3e7e8;
    text-transform: uppercase;
    text-align: center;
}
.minecraft-page .minecraft-tabs .tab a.focus,
.minecraft-page .minecraft-tabs .tab a:hover {
    color: #aa98f1;
    border-bottom-color: #aa98f1;
}
.minecraft-page .minecraft-tabs .tab.tab-active a {
    color: #7363b4;
    border-bottom-color: #7363b4;
}
.minecraft-page .minecraft-what {
    padding: 0;
    background: #000 url(../image/minecraft/mc-bg.jpg) no-repeat;
    background-size: cover;
}
.minecraft-page .minecraft-what .zf-column {
    height: 440px;
    position: relative;
    padding: 30px;
}
.minecraft-page .minecraft-what .zf-column .text-block {
    padding: 70px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.minecraft-page .minecraft-what .zf-column .text-block .title {
    color: #fff;
}
.minecraft-page .minecraft-what .zf-column .text-block .text {
    color: #fff;
    margin-bottom: 16px;
}
.minecraft-page .minecraft-what .zf-column .image {
    height: 440px;
}
.minecraft-page .minecraft-what .minecraft-featured-video {
    position: absolute;
    right: 0;
    bottom: 0;
}
.minecraft-page .minecraft-what.minecraft-what-small {
    padding: 40px;
}
.minecraft-page .minecraft-what.minecraft-what-small .zf-column {
    height: auto;
}
.minecraft-page .minecraft-what.minecraft-what-small .zf-column .text-block {
    padding: 0;
    top: inherit;
    left: inherit;
    transform: inherit;
}
.minecraft-page .minecraft-explore {
    background-color: #f4f8f9;
}
.minecraft-page .minecraft-explore .title {
    text-align: center;
    margin-bottom: 40px;
}
.minecraft-page .minecraft-explore .zf-column {
    margin-bottom: 42px;
}
.minecraft-page .minecraft-explore .image-button {
    border: 0;
    height: 222px;
}
.minecraft-page .minecraft-explore .image-button .image-container {
    width: 100%;
    height: 100%;
}
.minecraft-page .minecraft-explore .image-button .image-container .image {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.minecraft-page .minecraft-explore .image-button .labels-container .labels .label {
    font-weight: 700;
    font-size: 14px;
}
.minecraft-page .minecraft-subscription {
    text-align: center;
    background-color: #7361b4;
    margin: 0;
}
.minecraft-page .minecraft-subscription .zf-column {
    text-align: center;
}
.minecraft-page .minecraft-subscription .show-plans {
    margin-bottom: 30px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-titles {
    padding: 40px 20px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-titles .title {
    color: #fff;
    margin-bottom: 0;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-titles .subtitle {
    color: #fff;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables {
    padding: 0 40px 15px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table {
    border-collapse: separate;
    display: inline-block;
    width: 350px;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    vertical-align: top;
    margin: 0 20px 30px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page .minecraft-subscription .minecraft-subscription-tables .table {
        width: 100%;
        display: table;
        margin: 0 0 30px;
    }
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table thead {
    background-color: transparent;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table thead tr th {
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    background-color: #382d5f;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: 1px solid transparent;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table tbody {
    background-color: transparent;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table tbody tr {
    font-size: 16px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table tbody tr td {
    border: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #443871;
    width: 430px;
    background-color: #514482;
    text-align: left;
    color: #ccc;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table tbody tr:last-child td {
    border-radius: 0 0 5px 5px;
    border-bottom-color: transparent;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-small {
    width: 215px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-small {
        width: 100%;
    }
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-small tbody tr td {
    text-align: center;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-large tbody tr td {
    padding-left: 60px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-large tbody tr td {
        padding-left: 0;
        text-align: center;
    }
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-premium thead tr th {
    background-color: #1fbdd4;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-premium tbody tr td {
    background-color: #fff;
    color: #000;
    border-bottom-color: #e4e5e6;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-tables .table.table-premium tbody tr:last-child td {
    border-bottom-color: transparent;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer {
    min-height: 190px;
    background-color: #504681;
    padding: 40px 30px 30px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .label {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .sent-label {
    color: #fff;
    line-height: 110px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .text-field {
    border: none;
    margin-bottom: 15px;
    border-radius: 5px;
    font-weight: 100;
    width: 280px;
    vertical-align: top;
    margin-right: 10px;
    padding-left: 15px;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .button,
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .text-field {
    margin-top: 15px;
    height: 44px;
    display: inline-block;
    -user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .button {
    line-height: 20px;
    border-radius: 5px;
    background-color: #1fbdd4;
    color: #fff;
    width: 100px;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
}
.minecraft-page .minecraft-subscription .minecraft-subscription-footer .button:hover {
    background-color: #0eacc3;
    transform: scale(1.01);
}
.minecraft-page .minecraft-skins,
.minecraft-page .minecraft-texture-packs {
    background-color: #f5f6f7;
    text-align: center;
    padding: 40px 40px 20px;
}
.minecraft-page .minecraft-skins .title,
.minecraft-page .minecraft-texture-packs .title {
    margin-bottom: 20px;
}
.minecraft-page .minecraft-skins .tabs,
.minecraft-page .minecraft-texture-packs .tabs {
    margin-bottom: 20px;
    display: inline-block;
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    border: none;
    background-color: #f5f6f7;
    display: flex;
    justify-content: center;
}
.minecraft-page .minecraft-skins .tabs .tab,
.minecraft-page .minecraft-texture-packs .tabs .tab {
    float: left;
    padding: 0 16px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page .minecraft-skins .tabs .tab,
    .minecraft-page .minecraft-texture-packs .tabs .tab {
        width: 100%;
    }
}
.minecraft-page .minecraft-skins .tabs .tab > a,
.minecraft-page .minecraft-texture-packs .tabs .tab > a {
    line-height: 1;
    display: block;
    color: #282e33;
    font-size: 1rem;
    font-weight: 500;
    padding: 10px;
    border-bottom: 4px solid transparent;
}
.minecraft-page .minecraft-skins .tabs .tab > a:focus,
.minecraft-page .minecraft-skins .tabs .tab > a:hover,
.minecraft-page .minecraft-skins .tabs .tab > a[aria-selected=true],
.minecraft-page .minecraft-texture-packs .tabs .tab > a:focus,
.minecraft-page .minecraft-texture-packs .tabs .tab > a:hover,
.minecraft-page .minecraft-texture-packs .tabs .tab > a[aria-selected=true] {
    background-color: transparent;
    color: #00bcd4;
    border-bottom-color: #00bcd4;
}
.minecraft-page .minecraft-skins .tabs.tabs-large,
.minecraft-page .minecraft-texture-packs .tabs.tabs-large {
    margin-bottom: 10px;
}
.minecraft-page .minecraft-skins .tabs.tabs-large .tab > a,
.minecraft-page .minecraft-texture-packs .tabs.tabs-large .tab > a {
    font-size: 22px;
    text-transform: uppercase;
}
.minecraft-page .minecraft-skins .tabs.tabs-small .tab,
.minecraft-page .minecraft-texture-packs .tabs.tabs-small .tab {
    padding: 0 8px;
}
.minecraft-page .minecraft-skins .tabs-content,
.minecraft-page .minecraft-texture-packs .tabs-content {
    background-color: #f5f6f7;
    border: 0 solid transparent;
}
.minecraft-page .minecraft-skins .tabs-content .tabs-panel,
.minecraft-page .minecraft-texture-packs .tabs-content .tabs-panel {
    padding: 0;
}
.minecraft-page .minecraft-skins .gallery,
.minecraft-page .minecraft-texture-packs .gallery {
    text-align: center;
}
.minecraft-page .minecraft-skins .gallery .more-assets,
.minecraft-page .minecraft-texture-packs .gallery .more-assets {
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding: 10px;
    color: #d3d3d3;
}
.minecraft-page .minecraft-join-server {
    position: relative;
    height: 150px;
    text-align: center;
    background: #00bcd4 url(../image/minecraft/banner-bg-squares.png) repeat-x 50%;
    background-size: cover;
}
.minecraft-page .minecraft-join-server .labels {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.minecraft-page .minecraft-join-server .labels .title {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
}
.minecraft-page .minecraft-join-server .labels .subtitle {
    font-family: Roboto Slab,Open Sans,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}
.minecraft-page .minecraft-join-server .image {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.minecraft-page .minecraft-featured-video {
    display: block;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.minecraft-page .minecraft-featured-video img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 5px;
}
.minecraft-page .minecraft-featured-video .video-play:before {
    content: "";
    background: url(../image/ui/icn-play-video.png) no-repeat;
    height: 61px;
    width: 61px;
    position: absolute;
    margin: 0 0 -30px -30px;
    left: 51%;
    bottom: 50%;
}
.minecraft-page .minecraft-featured-video:hover {
    transform: scale(1.01);
}
.minecraft-page .minecraft-overview {
    padding: 40px 40px 10px;
}
.minecraft-page .minecraft-overview .title {
    text-align: left;
    margin-bottom: 40px;
}
.minecraft-page .minecraft-overview .zf-column {
    margin-bottom: 16px;
}
.minecraft-page .minecraft-overview .image-button {
    width: 100%;
    height: 100%;
    text-align: center;
}
.minecraft-page .minecraft-overview .image-button .image-container {
    height: 132px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.minecraft-page .minecraft-overview .image-button .image-container .image {
    width: 114px;
    height: 114px;
    image-rendering: pixelated;
}
.minecraft-page .minecraft-overview .image-button .labels-container .labels .label {
    text-align: left;
    font-weight: 400;
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
}
.minecraft-page .minecraft-overview .image-button.large {
    height: 375px;
}
.minecraft-page .minecraft-overview .image-button.large .image-container {
    width: 100%;
    height: 100%;
}
.minecraft-page .minecraft-overview .image-button.large .image-container .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.minecraft-page .minecraft-overview .image-button.large .labels-container .labels .label {
    width: 100%;
    height: 75px;
    line-height: 50px;
    height: 100%;
}
.minecraft-page .minecraft-overview .image-button.small {
    height: 177px;
}
.minecraft-page .minecraft-overview .image-button.full-image .image-container .image {
    width: 100%;
    height: 100%;
    image-rendering: auto;
    object-fit: cover;
}
.minecraft-page .minecraft-overview .image-button.blue {
    background-color: #41a8dd;
}
.minecraft-page .minecraft-overview .image-button.violet {
    background-color: #977dbb;
}
.minecraft-page .minecraft-overview .image-button.green {
    background-color: #83c972;
}
.minecraft-page.minecraft-page-courses h1 {
    font-size: 48px;
    line-height: 1.2;
}
.minecraft-page.minecraft-page-courses h2 {
    font-size: 30px;
    font-weight: 700;
}
.minecraft-page.minecraft-page-courses h3 {
    margin-top: 20px;
    text-transform: none;
    font-weight: 400;
}
.minecraft-page.minecraft-page-courses h4 {
    font-weight: 700;
    font-size: 18px;
    color: #596267;
}
.minecraft-page.minecraft-page-courses p {
    color: #596267;
}
.minecraft-page.minecraft-page-courses .separator {
    margin-top: 30px;
    margin-bottom: 30px;
}
.minecraft-page.minecraft-page-courses .minecraft-section {
    border-radius: 0;
}
@media screen and (min-width:75em) {
    .minecraft-page.minecraft-page-courses .minecraft-section.minecraft-section-subscription,
    .minecraft-page.minecraft-page-courses .minecraft-section.minecraft-section-what {
        border-radius: 5px;
    }
}
.minecraft-page.minecraft-page-courses .cards-margin {
    margin-top: 40px;
}
@media print,screen and (min-width:64em) {
    .minecraft-page.minecraft-page-courses .cards-margin {
        margin-top: 200px;
    }
}
.minecraft-page.minecraft-page-courses .minecraft-row {
    padding: 10px;
}
@media print,screen and (min-width:40em) {
    .minecraft-page.minecraft-page-courses .minecraft-row {
        padding: 25px;
    }
}
.minecraft-page.minecraft-page-courses .minecraft-section-card {
    border-radius: 0;
}
.minecraft-page.minecraft-page-courses .minecraft-section-header {
    background-color: #20bdf0;
    padding: 40px 10px 1340px;
}
@media print,screen and (min-width:40em) {
    .minecraft-page.minecraft-page-courses .minecraft-section-header {
        padding: 40px 40px 624px;
    }
}
@media print,screen and (min-width:64em) {
    .minecraft-page.minecraft-page-courses .minecraft-section-header {
        padding: 40px 40px 208px;
    }
}
.minecraft-page.minecraft-page-courses .minecraft-header {
    margin: 0;
    text-align: left;
}
.minecraft-page.minecraft-page-courses .minecraft-header .title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 48px;
}
.minecraft-page.minecraft-page-courses .minecraft-header .subtitle {
    font-size: 20px;
    text-transform: none;
    color: #fff;
    line-height: 36px;
}
.minecraft-page.minecraft-page-courses .lessons {
    position: absolute;
    margin-top: 44px;
    padding-left: 25px;
    padding-right: 25px;
    left: 0;
    top: 764px;
}
@media print,screen and (min-width:40em) {
    .minecraft-page.minecraft-page-courses .lessons {
        top: 380px;
    }
}
@media print,screen and (min-width:64em) {
    .minecraft-page.minecraft-page-courses .lessons {
        top: 358px;
    }
}
.minecraft-page.minecraft-page-courses .card-consumer-course {
    transition: all 0.2s ease-in-out;
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);
}
.minecraft-page.minecraft-page-courses .card-consumer-course h4 {
    font-size: 22px;
    margin-top: -25px;
    text-transform: capitalize;
    padding-bottom: 2px;
    font-weight: 400;
    color: #000;
}
.minecraft-page.minecraft-page-courses .card-consumer-course hr {
    margin: 10px 0;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .character-badge {
    position: absolute;
    margin-top: 12px;
    z-index: 2;
    height: 90px;
    left: 15%;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-beginner {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-beginner:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #22bdb6 #22bdb6 #22bdb6 transparent;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-free {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-free:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #f25954 #f25954 #f25954 transparent;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-intermediate {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-intermediate:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #3ca7de #3ca7de #3ca7de transparent;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-advanced {
    width: 90px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon-wrapper-advanced:before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 0;
    left: 0;
    top: 15px;
    border-width: 12px 8px;
    border-style: solid;
    border-color: #9078c6 #9078c6 #9078c6 transparent;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon {
    font: 12px Sans-Serif;
    color: #fff;
    text-align: center;
    text-shadow: hsla(0,0%,100%,.5) 0 1px 0;
    position: relative;
    padding: 5px 0;
    left: 15px;
    top: 15px;
    width: 72px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon.free {
    background-color: #f25954;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon.beginner {
    background-color: #22bdb6;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon.intermediate {
    background-color: #3ca7de;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .ribbon.advanced {
    background-color: #9078c6;
}
.minecraft-page.minecraft-page-courses .card-consumer-course:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    -moz-box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
    box-shadow: 3px 3px 23px -2px rgba(0,0,0,.5);
}
.minecraft-page.minecraft-page-courses .card-consumer-course:hover .play-button-hover {
    background-color: #7463ac;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course a.play-button-hover:hover {
    background-color: #9078c6;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .circle-progress {
    margin-top: -55px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .description {
    font-size: 12px;
    color: #222;
    height: 25px;
}
.minecraft-page.minecraft-page-courses .card-consumer-course a {
    color: #ccc;
}
.minecraft-page.minecraft-page-courses .card-consumer-course .status {
    font-size: 18px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page.minecraft-page-courses .card-consumer-course {
        margin-bottom: 20px;
    }
}
.minecraft-page.minecraft-page-skins .minecraft-create-skins {
    padding: 20px;
}
.minecraft-page.minecraft-page-skins .minecraft-create-skins .image-button {
    margin: 10px;
    width: 430px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page.minecraft-page-skins .minecraft-create-skins .image-button {
        width: 100%;
        max-height: 300px;
        margin: 0 0 30px;
        max-width: 300px;
    }
}
.minecraft-page.minecraft-page-skins .minecraft-learn-skins .image {
    width: 220px;
}
.minecraft-page.minecraft-page-texture-packs .minecraft-create-textures {
    padding: 20px;
}
.minecraft-page.minecraft-page-texture-packs .minecraft-create-textures .zf-column {
    text-align: center;
}
.minecraft-page.minecraft-page-texture-packs .minecraft-create-textures .image-button {
    display: inline-block;
    padding: 0;
    margin: 10px;
    width: 320px;
}
@media screen and (max-width:39.9375em) {
    .minecraft-page.minecraft-page-texture-packs .minecraft-create-textures .image-button {
        width: 100%;
        max-height: 300px;
        margin: 0 0 30px;
        max-width: 300px;
    }
}
.minecraft-page.minecraft-page-servers .minecraft-connect {
    padding: 40px;
}
.minecraft-page.minecraft-page-servers .minecraft-get-free-server .server-image-island {
    max-height: 300px;
}
.minecraft-page.minecraft-page-modding .minecraft-row.minecraft-row-small {
    padding-top: 0;
    padding-bottom: 0;
}
.minecraft-page.minecraft-page-modding .image-button {
    width: 100%;
    margin-bottom: 30px;
}
.minecraft-page.minecraft-page-modding .image-button .image-container,
.minecraft-page.minecraft-page-modding .image-button .image-container .image {
    width: 100%;
}