@import '//web-archive.nli.org.il/National_Library/cs_///fast.fonts.net/cssapi/adafb3b5-305d-474c-8272-477ff2ad2427.css';

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter: blur(3px);
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=3);
}

/* Default theme styles of the overlay */
.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
    padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */
.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
    color: #2b2e38;
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
    background: #66bb6a;
}

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pp-box input[type=text], .pp-box input[type=email], .pp-box input[type=phone], .pp-box .input-text, .pp-box input[type="password"], .pp-box textarea {
    background: #ebeff3;
    border: none;
    color: #4a4a4a;
    display: block;
    margin-top: 5px;
    font-family: 'Avenir Next W01';
    font-size: 16px;
    font-weight: 700;
    padding: 12px;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
}

.fancybox-slide > div {
    padding-top: 50px !important
}

.form-btns a {
    display: inline-block;
    color: #fff !important;
    cursor: pointer;
    background: #068a7b;
    border-radius: 8px;
    text-decoration: none !important;
    outline: 0 !important;
    outline: none !important;
    cursor: pointer;
    font-size: 14px;
    width: 48%;
    text-transform: uppercase;
    padding: 11px 10px;
    margin-right: 2%;
    box-sizing: border-box;
    line-height: 1;
    text-align: center;
}

.form-btns a:last-child {
    margin-right: 0
}

.testimonials-holder {
    background: #e7e7e8;
    padding: 15px;
    text-align: center;
}

.t-row {
    margin-left: -15px;
    margin-right: -15px;
}

.t-box {
    display: inline-block;
    width: 24.5%;
    margin: 0;
    padding: 15px;
    vertical-align: top;
}

.t-box .text-box p {
    font-size: 20px;
    line-height: 24px;
    min-height: 205px;
    margin-bottom: 0;
    position: relative;
    color: #6c6d6f;
}

.t-box .text-box p span {
    font-size: 38px;
    font-weight: bold;
    vertical-align: middle;
    color: #ffd501;
}

.t-box h4 {
    font-weight: 700;
    color: #6c6d6f;
    margin-top: 0;
    font-size: 17px;
}

.t_align_c {
    text-align: center;
    padding: 10px 0 0;
}

a.subscribe {
    border: 1px solid #feda09;
    font-size: 16px;
    padding: 5px 25px;
    text-align: center;
    color: black;
    text-decoration: none;
    border-radius: 0px;
    background: #fff;
    font-weight: bold;
}

a.subscribe:hover {
    background: #ffd501;
    color: black;
    text-decoration: none;
}

.subscribe-holder {
    background: #e7e7e8;
    padding: 20px 15px 30px;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 30px;
}

.page-id-13236 .t-box {
    width: 32%;
}

.t-box .text-box p {
    min-height: 150px;
}

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

.s-box .image-box {
    height: 100px;
    margin-bottom: 15px;
}

.s-box {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0 50px 0;
    border-right: 1px solid #646466;
    box-sizing: border-box;
    vertical-align: top;
    height: 280px;
}

.sections-holder * {
    box-sizing: border-box;
}

.sb-page-content * {
    box-sizing: border-box;
}

.s-row .s-box:last-child {
    border: none;
}

.s-box.last {
    border: none;
}

.s-box .text-box p {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    color: #6c6d6f;
    font-weight: 700;
    position: relative
}

.sections-holder {
    padding: 0;
}

.sections-holder .section-box {
    padding-bottom: 0;
    color: #646466;

}

.section-box {
    width: 100%;
    float: none;
}

.section-box .image-box {
    float: right;
    width: 50%;
    line-height: 0;
    position: relative;
}

.section-box.second .image-box {
    float: left;
}

/***********Christmas css start *************/

.pk-row {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.pk-row * {
    box-sizing: border-box;
}

.pk-box {
    width: 30%;
    padding: 15px;
    text-align: center;
    display: block;
    float: left;
    cursor: pointer;
}

.pk-box.pk-box-middle {
    width: 40%;
}

.pk-title {
    height: 56px;
}

.pk-box h2 {
    margin-top: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 4px solid #ffd501;
    display: inline;
}

.pk-holder:hover {
    border: 3px solid #ffd501;
    padding: 13px 13px 28px;
}

.pk-holder {
    border: 1px solid #646466;
    padding: 15px 15px 30px;
}

.pk-image {
    height: 280px;
    line-height: 278px;
    vertical-align: middle;
}

.pk-image img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}

.pk-text {
    padding: 15px 0;
    border-top: 1px solid #646466;
}

.pk-text p span {
    font-weight: bold;
    color: #d10303;
    font-size: 32px;
}

.pk-text p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
}

.pk-text img {
    max-width: 120px;
}

.pk-box .custom-button,
.text-box .custom-button {
    padding: 6px 15px;
    background: #fff;
    font-size: 20px;
    color: #000;
    text-decoration: none !important;
    border: 3px solid #ffd501;
    display: inline-block;
    text-decoration: none;
}

/***********Christmas css end *************/

.section-box .text-box {
    float: left;
    width: 49%;
    padding: 20px 4px 5px 0px;
    text-align: left;
    color: #646466;
}

.section-box .text-box ul {
    padding: 0px;
    margin: 0;
}

.section-box .text-box ul li {
    background: url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/list-boolet.png) top left no-repeat;
    padding: 11px 0 11px 60px;
    list-style: none !important;
    font-size: 23px;
    margin-bottom: 1px;
    font-weight: 700;
    color: #646466;
}

.grid-holder {
    padding: 10px 0;
    margin-left: -6px;
    margin-right: -6px;
}

.section-box.second .text-box {
    float: right;
    padding-left: 21px;
}

.section-box .text-box p {
    font-size: 12px;
    line-height: 18px;
    color: #646466;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 13px;
}

.page-id-13236 .section-box .text-box p {
    font-size: 14px;
    line-height: 20px
}

.page-id-13242 .text-box h3 {
    display: none;
}

.clear {
    clear: both;
}

.text-box h3 {
    border-bottom: 1px solid #646466;
    font-size: 25px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 18px;
    font-weight: 700;
}

.text-box h3 span {
    display: inline-block;
    position: relative;
    border-bottom: 4px solid #ffd501;
    margin-bottom: -4px
}

h2.page-t {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #646466;
}

h2.page-t span {
    border-bottom: 4px solid #ffd501;
}

.grid-holder .col-box {
    float: left;
    padding: 6px;
    width: 33.33%;
}

.grid-holder .col-box .image-box {
    line-height: 0;
}

.grid-holder .col-box .image-box img {
    width: 100%;
}

.grid-holder .col-box .text-box {
    background: url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/yellow.png) repeat;
    padding: 12px 12px 22px;
}

.grid-holder .col-box .text-box h3 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 1px;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.59);
}

.grid-holder .col-box .text-box .divider {
    height: 1px;
    background: #fff;
    margin: 13px 0 15px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.22);

}

.bottom-box {
    margin-bottom: 15px;
}

.bottom-box img {
    width: 100%;
}

.grid-holder .col-box .text-box p {
    color: #fff;
    margin: 0;
    font-size: 19px;
    line-height: 22px;
    border: none;
    font-weight: bold;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.59);
}

.subscribe-footer .col {
    width: 33.33%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
}

footer.subscribe-page-footer {
    border-top: none;
}

footer .subscribe-footer {
    border-bottom: 1px solid #979797;
    padding-bottom: 12px;
}

.f-center {
    text-align: center
}

.f-center img {
    max-width: 190px;
}

.f-right {
    text-align: right;
    padding-top: 102px !important;
}

.f-left span {
    display: inline-block;
    vertical-align: bottom;
}

.f-left .txt {
    font-size: 15px;
    font-weight: bold;
    color: #646466;
    line-height: 16px;
    max-width: 150px;
    text-align: left;
    margin-left: 1px;
}

.nav-bottom ul.nav-bottom-menu li:last-child {
    margin-right: 0px;
}

.subscribe-page-footer .nav-bottom-menu a {
    font-weight: bold;
    color: #646466
}

.subscribe-footer .copy {
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #646466;
}

.subscribe-footer .f-left {
    padding-top: 58px;
}

.form-log input[type="text"], .form-log input[type="email"], .form-log input[type="phone"], .input-text, .form-log input[type="password"], .form-log textarea {
    background: #fff;
    border: none;
    color: #4a4a4a;
    display: block;
    font-family: 'Avenir Next W01';
    font-size: 16px;
    font-weight: 700;
    padding: 12px;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
}

.form-log p {
    margin: 0px 0 15px
}

.form-log input[type=submit] {
    width: 100%;
}

.form-log h2 {
    margin-bottom: 15px;
}

.form-log .user-account-subtext-left {
    width: 53%;
    display: block;
    float: left
}

.form-log .user-account-subtext-right {
    display: block;
    width: 50%;
    float: right
}

.form-log .user-account-subtext-link {
    font-size: 14px;
}

.form-log {
    height: 526px !important;
    background: url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/animals.png);
    padding: 30px;
}

.sb-page-content {
    width: 100%
}

.page-body {
    width: 100%
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}

@media only screen and (min-width: 1439px) {
    .text-box h3 {
        font-size: 25px;
        line-height: 30px;
        margin-top: 30px;
    }

    .section-box .text-box ul li {
        font-size: 25px;
        margin-bottom: 4px;
    }

    .section-box .text-box p {
        font-size: 20px;
        line-height: 26px;
    }

    .t-box .text-box p {
        min-height: 190px;
    }

    .t-box h4 {
        font-size: 18px;
    }

    .section-box.second .text-box {
        font-size: 22px;
        line-height: 26px;
    }

    .t-box h4 {
        font-weight: 700;
        color: #6c6d6f;
        font-size: 22px;
    }

    .s-box .text-box p {
        font-size: 29px;
        line-height: 34px;
    }

    .t-box .text-box p {
        font-size: 22px;
        line-height: 28px;
    }

}

@media (min-width: 1100px) and (max-width: 1759px) {
    .has-pannels .section-box .text-box ul li {
        font-size: 19px;
        background-size: 31px;
        padding: 5px 0 6px 54px;
        margin-bottom: 0;
    }

    .has-pannels .nav-top li {
        margin-left: 0
    }

    .has-pannels .section-box .text-box p {
        padding-bottom: 8px;
    }

    .has-pannels .grid-holder .col-box .text-box h3 {
        font-size: 20px;
    }

    .has-pannels .t-box .text-box p {
        font-size: 17px;
        line-height: 22px;
    }

    .has-pannels .t-box h4 {
        font-size: 13px;
    }

    .has-pannels .s-box .text-box p {
        font-size: 20px;
        line-height: 30px;
    }

    .has-pannels .s-box {
        padding: 0 37px;
    }

    .has-pannels .section-box .text-box p {
        font-size: 12px;
        line-height: 19px;
    }

    .has-pannels .text-box h3 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1439px) {
    div.custom_subscriptions div.page-container {
        max-width: 1180px;
        width: 90% !important;
    }
}

@media only screen and (max-width: 1100px) {
    #whyChoose .custom-list {
        padding-left: 10px;
    }

    div#whyChoose {
        height: auto;
        padding-bottom: 15px;
        min-height: 360px;
    }

    #whyChoose h2.base-subtitle-custom {
        font-size: 18px;
    }

    #whyChoose .custom-list > li {
        font-size: 13px;
    }

    .section-box .text-box ul li {
        padding: 6px 0 10px 60px;
        font-size: 18px;
        background-size: 30px;
    }

    .grid-holder .col-box .text-box h3 {
        font-size: 20px;
    }

    .grid-holder .col-box .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .s-box {
        padding: 0 25px;
    }

    .s-box .text-box p {
        font-size: 24px;
        line-height: 28px;
    }

    .t-box .text-box p {
        font-size: 16px;
        line-height: 20px;
    }

    .t-box .image-box {
        margin-bottom: 15px;
    }

    .t-box h4 {
        font-size: 14px;
    }

    h2.page-t {
        font-size: 28px;
    }
}

@media only screen and (max-width: 900px) {

    .s-box .text-box p {
        font-size: 18px;
        line-height: 24px;
    }

    .subscribe-footer .col {
        width: 100%;
        float: none;
        padding: 15px 15px !important;
        text-align: center
    }

    box ul li {
        padding: 6px 0 7px 60px;
        font-size: 15px;
        background-size: 26px;
    }
}

@media only screen and (max-width: 780px) {
    .s-box .text-box p {
        font-size: 18px;
        line-height: 24px;
    }

}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
    background-color: rgba(76, 76, 76, 0.8);
    /*position: fixed;*/
    /*z-index: 9999;*/
    /*top: -5000px;*/
    /*right: -5000px;*/
    /*bottom: -5000px;*/
    /*left: -5000px;*/
    /*display: none;*/
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 0;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Disable Anti-FOUC */
.remodal-is-initialized {
    display: inline-block;
}

.unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
}

.unslider-wrap {
    position: relative;
}

.unslider-wrap.unslider-carousel > li {
    float: left;
}

.unslider-vertical > ul {
    height: 100%;
}

.unslider-vertical li {
    float: none;
    width: 100%;
}

.unslider-fade {
    position: relative;
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10;
}

.unslider li, .unslider ol, .unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.unslider-arrow {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    bottom: 96px;
    z-index: 10;
}

.unslider-arrow span {
    background: #323232;
    clear: both;
    color: #fff;
    display: block;
    font-size: 60px;
    font-weight: 400;
    height: 100px;
    line-height: 100px;
    margin-bottom: 10px;
    pointer-events: none;
    text-align: center;
    width: 100px;
}

.unslider-arrow.next {
    left: auto;
    right: 0;
    text-align: left;
}

.unslider-nav {
    margin-top: -60px;
    position: absolute;
    margin-left: 40px;
    width: 240px;
    z-index: 40;
    text-align: left;
    padding: 0 30px;
}

.unslider-nav ol {
    list-style: none;
    text-align: left;
}

.unslider-nav ol li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: #9c9c9c;
    border-radius: 5px;
    overflow: hidden;
    text-indent: -999em;
    border: none;
    cursor: pointer;
}

.unslider-nav ol li.unslider-active {
    background: #feda09;
    cursor: default;
}

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.lSSlideOuter .media.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lSSlideOuter .lSPager.lSGallery li.active {
    border: 2px solid #1b3168;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
    min-height: 48px;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

body {
    font-family: 'Avenir Next W01', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
}

.article-sheet ul {
    -webkit-padding-start: 0px;
}

.article-sheet li {
    list-style-type: none;
    line-height: 1.62em;
    margin: 12px 0 20px;
}

a {
    color: #ffa909;
    text-decoration: none;
}

a.link-action {
    color: #4a4a4a;
}

a.link-dyk {
    color: #feda09;
}

p {
    margin: 12px 0 20px;
}

p.base-paragraph {
    font-size: 16px;
    line-height: 1.62;
}

img {
    max-width: 100%;
}

.ad-bg .wppaszone img {
    max-height: 100vh !important;
}

hr {
    border-top: 1px solid #777777;
    margin: 10px 0;
}

blockquote {
    border-left: 1px solid #838c8f;
    color: #068a7b;
    font-family: 'Avenir Next W01', Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.31;
    margin: 12px 30px 20px;
    padding: 0 0 0 10px;
}

.base-title {
    color: #616263;
    display: block;
    font-size: 28px;
    font-family: 'Avenir Next W01', Helvetica, sans-serif;
    font-weight: 700;
    line-height: 30px;
    margin: 0;
    padding: 0 0 20px 0;
}

.base-title.-color-white {
    color: #fff;
    text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.base-title.-underline span {
    border-bottom: 4px solid #feda09;
    display: inline-block;
    padding: 0 0 2px 0;
}

.base-subtitle {
    color: #5d5e5f;
    line-height: 1.65;
    font-size: 21px;
}

.section-summary {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 0 30px 20px;
}

.section-title {
    border-bottom: 1px solid #777777;
    color: #5d5e5f;
    display: block;
    line-height: 1;
    font-size: 21px;
    text-transform: uppercase;
}

.section-title span {
    display: inline-block;
    padding: 0 0 10px 0;
    position: relative;
}

.section-title span:after {
    border-bottom: 4px solid #feda09;
    display: block;
    content: '';
    width: 300px;
    left: 0;
    bottom: -1px;
    position: absolute;
}

.article-title, .page-error-404 .page-error-404-text .page-404-title {
    color: #fff;
    font-size: 60px;
    font-family: 'Avenir Next W01', Helvetica, sans-serif;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 10px 17px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}

.article-subtitle, .page-error-404 .page-error-404-text .page-404-subtitle {
    color: #5d5e5f;
    font-weight: 500;
    line-height: 1.25;
    font-size: 28px;
}

.article-body p {
    font-size: 16px;
    line-height: 1.62;
}

.article-body a {
    font-weight: 600;
}

form {
    margin: 0;
    padding: 0;
}

input[type=text],
input[type=email],
input[type=phone],
.input-text,
.search-window .auto-suggest-form .auto-suggest-front,
textarea {
    background: #fff;
    border: none;
    color: #4a4a4a;
    display: block;
    font-family: 'Avenir Next W01';
    font-size: 16px;
    font-weight: 700;
    padding: 12px;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=phone]:focus,
.input-text:focus,
.search-window .auto-suggest-form .auto-suggest-front:focus,
textarea:focus {
    outline: none;
}

input[type=text] ::-webkit-input-placeholder,
input[type=text] ::-moz-placeholder,
input[type=text] :-ms-input-placeholder,
input[type=text] :-moz-placeholder,
input[type=email] ::-webkit-input-placeholder,
input[type=email] ::-moz-placeholder,
input[type=email] :-ms-input-placeholder,
input[type=email] :-moz-placeholder,
input[type=phone] ::-webkit-input-placeholder,
input[type=phone] ::-moz-placeholder,
input[type=phone] :-ms-input-placeholder,
input[type=phone] :-moz-placeholder,
.input-text ::-webkit-input-placeholder, .search-window .auto-suggest-form .auto-suggest-front ::-webkit-input-placeholder,
.input-text ::-moz-placeholder, .search-window .auto-suggest-form .auto-suggest-front ::-moz-placeholder,
.input-text :-ms-input-placeholder, .search-window .auto-suggest-form .auto-suggest-front :-ms-input-placeholder,
.input-text :-moz-placeholder, .search-window .auto-suggest-form .auto-suggest-front :-moz-placeholder,
textarea ::-webkit-input-placeholder,
textarea ::-moz-placeholder,
textarea :-ms-input-placeholder,
textarea :-moz-placeholder {
    /* Firefox 18- */
    color: #838c8f;
    font-size: 15px;
}

textarea {
    min-height: 190px;
}

.button, .search-window .auto-suggest-form .auto-suggest-submit,
button,
input[type=submit] {
    color: #fff;
    cursor: pointer;
    background: #068a7b;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    padding: 11px 20px;
    line-height: 1;
    min-width: 100px;
    text-align: center;
}

.button.transparent, .search-window .auto-suggest-form .transparent.auto-suggest-submit,
button.transparent {
    background: transparent;
    color: #5d5e5f;
    padding-left: 6px;
    padding-right: 6px;
}

.button.yellow, .search-window .auto-suggest-form .auto-suggest-submit,
button.yellow,
.search-window .auto-suggest-form button.auto-suggest-submit {
    background: #feda09;
    color: #4a4a4a;
    font-weight: bold;
}

.button.gray, .search-window .auto-suggest-form .gray.auto-suggest-submit,
button.gray {
    background: #4a4a4a;
    color: #feda09;
    font-weight: bold;
}

.button.small, .search-window .auto-suggest-form .small.auto-suggest-submit,
button.small {
    font-size: 13px;
    font-weight: 500;
    padding: 6px 10px;
}

.button.tiny, .search-window .auto-suggest-form .tiny.auto-suggest-submit,
button.tiny {
    font-size: 10px;
    font-weight: bold;
    padding: 6px 10px;
}

.form-inputs {
    box-sizing: border-box;
    margin: 10px 0 20px;
    width: 100%;
}

.competition-form input[type=text],
.competition-form input[type=email],
.competition-form input[type=phone],
.competition-form textarea {
    background: #ebeff3;
    font-weight: 500;
    padding: 8px 16px;
}

.competition-form .-flex-cell, .competition-form .search-window .auto-suggest-form .auto-suggest-front, .search-window .auto-suggest-form .competition-form .auto-suggest-front {
    padding-left: 8px;
}

.competition-form .-flex-cell:first-child, .competition-form .search-window .auto-suggest-form .auto-suggest-front:first-child, .search-window .auto-suggest-form .competition-form .auto-suggest-front:first-child {
    padding: 0;
}

.-flex-grid, .search-window .auto-suggest-form form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.-flex-grid .-flex-cell, .search-window .auto-suggest-form form .-flex-cell, .-flex-grid .search-window .auto-suggest-form .auto-suggest-front, .search-window .auto-suggest-form .-flex-grid .auto-suggest-front, .search-window .auto-suggest-form form .auto-suggest-front {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.grid-container {
    margin: 0 auto;
    max-width: 1440px;
    overflow-x: hidden;
    width: 100%;
    display: block;
}

.grid-container:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.grid-row {
    box-sizing: border-box;
    margin: 0 auto;
}

.banner-bottom-text {
    text-align: center;
    padding-bottom: 20px;
}

.grid-row:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.grid-row.grid-1col {
    width: 320px;
}

.grid-row.grid-2col {
    width: 640px;
}

.grid-row.grid-3col {
    width: 960px;
}

.grid-row.grid-4col {
    width: 1280px;
}

.grid-row .grid-row {
    margin-left: -10px;
    margin-right: -10px;
}

.grid-column {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 10px;
    width: 340px;
}

.grid-column.-columns-1of2 {
    width: 50%;
}

.grid-column.-columns-1of3 {
    width: 33.3333333333%;
}

.grid-column.-columns-2of3 {
    max-width: 740px;
    width: 66.6666666667%;
}

.grid-column.-columns-1of2, .grid-column.-columns-1of3, .grid-column.-columns-2of3 {
    min-width: auto;
}

.grid-column.-centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.grid-column.-columns-1 {
    width: 320px;
}

.grid-column.-columns-2 {
    width: 640px;
}

.grid-column.-columns-3 {
    width: 960px;
}

.grid-column.-columns-4 {
    width: 1280px;
}

@media (max-width: 679px) {
    .comments-wrapper {
        margin-top: 20px;
    }

    .grid-row {
        width: 320px;
    }

    .grid-row.grid-1col {
        width: 320px;
    }

    .grid-row.grid-2col {
        width: 320px;
    }

    .grid-row.grid-3col {
        width: 320px;
    }

    .grid-row.grid-4col {
        width: 320px;
    }

    .grid-column.-columns-1of2, .grid-column.-columns-1of3, .grid-column.-columns-2of3, .grid-column.-columns-1 {
        float: none;
        width: 100%;
    }

    .grid-column.-columns-1of2, .grid-column.-columns-1of3, .grid-column.-columns-2of3, .grid-column.-columns-2 {
        float: none;
        width: 100%;
    }

    .grid-column.-columns-1of2, .grid-column.-columns-1of3, .grid-column.-columns-2of3, .grid-column.-columns-3 {
        float: none;
        width: 100%;
    }

    .grid-column.-columns-1of2, .grid-column.-columns-1of3, .grid-column.-columns-2of3, .grid-column.-columns-4 {
        float: none;
        width: 100%;
    }
}

@media (min-width: 680px) and (max-width: 1023px) {
    .grid-row {
        width: 640px;
    }

    .grid-row.grid-1col {
        width: 320px;
    }

    .grid-row.grid-2col {
        width: 640px;
    }

    .grid-row.grid-3col {
        width: 640px;
    }

    .grid-row.grid-4col {
        width: 640px;
    }

    .-columns-1 {
        width: 320px;
        max-width: 640px;
    }

    .-columns-2 {
        width: 640px;
        max-width: 640px;
    }

    .-columns-3 {
        width: 640px;
        max-width: 640px;
    }

    .-columns-4 {
        width: 640px;
        max-width: 640px;
    }
}

@media (max-width: 1200px) {
    .ad-bg {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1759px) {

    .grid-row.grid-1col {
        width: 320px;
    }

    .grid-row.grid-2col {
        width: 640px;
    }

    .grid-row.grid-3col {
        width: 960px;
    }

    .grid-row.grid-4col {
        width: 960px;
    }
}

@media (min-width: 1760px) and (max-width: 1919px) {
    .grid-row {
        width: 1280px;
    }

    .grid-row.grid-1col {
        width: 320px;
    }

    .grid-row.grid-2col {
        width: 640px;
    }

    .grid-row.grid-3col {
        width: 960px;
    }

    .grid-row.grid-4col {
        width: 1280px;
    }

    .grid-column.-columns-1 {
        width: 320px;
    }

    .grid-column.-columns-2 {
        width: 640px;
    }

    .grid-column.-columns-3 {
        width: 960px;
    }

    .grid-column.-columns-4 {
        width: 1280px;
    }
}

@media (min-width: 1920px) {
    .grid-container {
        max-width: 1440px;
        width: 1440px;
    }

    .grid-row {
        width: 1440px;
    }

    .grid-row.grid-1col {
        width: 360px;
    }

    .grid-row.grid-2col {
        width: 720px;
    }

    .grid-row.grid-3col {
        width: 1080px;
    }

    .grid-row.grid-4col {
        width: 1440px;
    }

    .grid-column.-columns-1 {
        width: 360px;
    }

    .grid-column.-columns-2 {
        width: 720px;
    }

    .grid-column.-columns-3 {
        width: 1080px;
    }

    .grid-column.-columns-4 {
        width: 1440px;
    }
}

html, body {
    margin: 0;
    padding: 0;
}

.page-container, .page-landing {
    background: #fff;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 320px;
    max-width: 1480px;
    padding: 100px 20px 0;
    position: relative;
    z-index: 1;
}

.page-header,
.page-body,
.page-footer {
    clear: both;
    box-sizing: border-box;
}

.page-header {
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 104;
    margin-left: -20px;
}

.page-body {
    position: relative;
    z-index: 103;
}

.page-header-content,
.page-footer-content {
    box-sizing: border-box;
    margin: 0 auto;
}

.page-content {
    padding: 20px 0;
}

@media (max-width: 320px) {
    .page-container, .page-landing {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 321px) and (max-width: 480px) {
    .page-container, .page-landing {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-header {
        background: #fff;
        height: 75px;
    }

    .page-header.is-expanded {
        height: 100vh;
    }
}

@media (max-width: 1199px) {
    .mobile-display-submenu {
        display: block !important;
        opacity: 1 !important;
    }

    .nav-top ul.nav-top-menu li {
        margin-left: auto;
        margin-right: auto;
        #max-width: 300px !important;
    }

    .page-container, .page-landing {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-header {
        background: #fff;
        height: 75px;
    }

    .page-header.is-expanded {
        height: 100vh;
    }
}

@media (min-width: 1200px) and (max-width: 1759px) {
    .page-header {
        width: 1290px;
    }

    .page-container, .page-landing,
    .page-header {
        width: 1000px;
    }

    .ad-bg.ad-left {
        margin-left: -421px;
    }

    .ad-bg.ad-right {
        margin-left: 980px;
    }

    .page-footer {
        width: calc(100% - 10px);
    }
}

@media (min-width: 1760px) and (max-width: 1919px) {
    .page-container, .page-landing {
        width: 1290px;
    }

    .page-header {
        width: 1290px !important;
    }

    .ad-bg.ad-left {
        margin-left: -421px;
    }

    .ad-bg.ad-right {
        margin-left: 1270px;
    }

    .page-footer {
        width: calc(100% - 10px);
    }

    .page-footer-content {
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media (min-width: 1920px) {
    .page-container, .page-landing {
        width: 1480px;
    }

    .page-header-content {
        width: 1480px !important;
    }

    .ad-bg.ad-left {
        margin-left: -421px;
    }

    .ad-bg.ad-right {
        margin-left: 1460px;
    }

    .page-footer {
        width: 1440px;
    }

    .page-header-content,
    .page-footer-content {
    }
}

.ad-placeholder {
    background: none;
    text-align: center;
    margin-bottom: 20px;
}

.ad-placeholder img {
    display: block;
}

.ad-bg {
    height: auto;
    min-height: 100vh;
    position: fixed;
    top: 0;
    width: 400px;
    z-index: 0;
}

.ad-bg .ad-content {
    width: auto;
}

.ad-bg.ad-left {
    text-align: right;
}

.ad-bg.ad-left .ad-content {
    float: right;
}

.ad-bg.ad-right {
    text-align: left;
}

.ad-bg.ad-right .ad-content {
    float: left;
}

.paszone_container {
    margin-bottom: 20px !important;
}

.has-loading:before {
    background: #fff url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/loading.svg) no-repeat 50% 50%;
    box-sizing: border-box;
    content: ' ';
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: -100000;
    -webkit-transition: opacity 0.25s ease-in;
    transition: opacity 0.25s ease-in;
}

.has-loading.is-loading {
    position: relative;
    overflow: hidden;
}

.has-loading.is-loading:before {
    height: 100%;
    left: 0;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    pointer-events: all;
    top: 0;
    width: 100%;
    z-index: 300;
}

.content-sheet, .article-sheet {
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    padding: 30px 40px;
    margin-bottom: 20px;
}

.menu-prepend-item-home {
    display: block;
    margin-bottom: 30px;
}

@media (min-width: 1199px) {
    .menu-prepend-item-home {
        display: none;
    }
}

svg.icon-facebook, svg.icon-pinterest {
    overflow: hidden;
}

.nav-bottom-social img, .nav-bottom-social svg {
    overflow: hidden;
}

svg:hover.icon-pinterest g {
    fill: #cc2127;
}

svg:hover.icon-facebook g {
    fill: #304d8a;
}

.nav-top svg g,
.nav-bottom svg g {
    fill: #5d5e5f;
}

.page-header-content {
    background-color: #fff;
    height: 100%;
    padding-top: 20px;
}

.header-logo {
    float: left;
}

.nav-top {
    border-bottom: 1px solid #cccdcd;
    font-size: 0;
    margin-left: 170px;
    position: relative;
}

.nav-top ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-top ul.nav-top-menu, .nav-top ul.nav-top-social {
    box-sizing: border-box;
    height: 40px;
}

.nav-top ul.nav-top-social {
    float: right;
    padding: 8px 0;
    position: relative;
}

.nav-top li {
    display: inline-block;
    font-size: 13px;
    margin-left: 6px;
}

.nav-top li:first-child {
    margin-left: 0;
}

.nav-top .nav-top-menu > li > a,
.nav-top .nav-top-submenu > li > a {
    bottom: -1px;
    border-color: inherit;
    color: #5d5e5f;
    display: block;
    font-weight: 600;
    height: 15px;
    padding: 4px 12px 8px;
    position: relative;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    white-space: nowrap;
    text-align: center;
}

.nav-top .nav-top-menu > li > a:after,
.nav-top .nav-top-submenu > li > a:after {
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-color: inherit;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in;
    width: 0;
    overflow: hidden;
}

.nav-top .nav-top-menu:hover > li.current-post-ancestor > a, .nav-top .nav-top-menu:hover > li.current-menu-ancestor > a, .nav-top .nav-top-menu:hover > li.current-menu-item > a, .nav-top .nav-top-menu:hover > li > a,
.nav-top .nav-top-submenu:hover > li.current-post-ancestor > a,
.nav-top .nav-top-submenu:hover > li.current-menu-ancestor > a,
.nav-top .nav-top-submenu:hover > li.current-menu-item > a,
.nav-top .nav-top-submenu:hover > li > a {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.nav-top .nav-top-menu:hover > li.current-post-ancestor > a:after, .nav-top .nav-top-menu:hover > li.current-menu-ancestor > a:after, .nav-top .nav-top-menu:hover > li.current-menu-item > a:after, .nav-top .nav-top-menu:hover > li > a:after,
.nav-top .nav-top-submenu:hover > li.current-post-ancestor > a:after,
.nav-top .nav-top-submenu:hover > li.current-menu-ancestor > a:after,
.nav-top .nav-top-submenu:hover > li.current-menu-item > a:after,
.nav-top .nav-top-submenu:hover > li > a:after {
    width: 0;
}

.nav-top .nav-top-menu:hover > li.current-post-ancestor:hover > a, .nav-top .nav-top-menu:hover > li.current-menu-ancestor:hover > a, .nav-top .nav-top-menu:hover > li.current-menu-item:hover > a, .nav-top .nav-top-menu:hover > li:hover > a,
.nav-top .nav-top-submenu:hover > li.current-post-ancestor:hover > a,
.nav-top .nav-top-submenu:hover > li.current-menu-ancestor:hover > a,
.nav-top .nav-top-submenu:hover > li.current-menu-item:hover > a,
.nav-top .nav-top-submenu:hover > li:hover > a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.nav-top .nav-top-menu:hover > li.current-post-ancestor:hover > a:after, .nav-top .nav-top-menu:hover > li.current-menu-ancestor:hover > a:after, .nav-top .nav-top-menu:hover > li.current-menu-item:hover > a:after, .nav-top .nav-top-menu:hover > li:hover > a:after,
.nav-top .nav-top-submenu:hover > li.current-post-ancestor:hover > a:after,
.nav-top .nav-top-submenu:hover > li.current-menu-ancestor:hover > a:after,
.nav-top .nav-top-submenu:hover > li.current-menu-item:hover > a:after,
.nav-top .nav-top-submenu:hover > li:hover > a:after {
    width: 100%;
}

.nav-top .nav-top-menu:hover li.current-post-ancestor .nav-top-submenu, .nav-top .nav-top-menu:hover li.current-menu-ancestor .nav-top-submenu, .nav-top .nav-top-menu:hover li.current-menu-item .nav-top-submenu, .nav-top .nav-top-menu:hover li .nav-top-submenu,
.nav-top .nav-top-submenu:hover li.current-post-ancestor .nav-top-submenu,
.nav-top .nav-top-submenu:hover li.current-menu-ancestor .nav-top-submenu,
.nav-top .nav-top-submenu:hover li.current-menu-item .nav-top-submenu,
.nav-top .nav-top-submenu:hover li .nav-top-submenu {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.nav-top .nav-top-menu:hover li.current-post-ancestor:hover > .nav-top-submenu, .nav-top .nav-top-menu:hover li.current-menu-ancestor:hover > .nav-top-submenu, .nav-top .nav-top-menu:hover li.current-menu-item:hover > .nav-top-submenu, .nav-top .nav-top-menu:hover li:hover > .nav-top-submenu,
.nav-top .nav-top-submenu:hover li.current-post-ancestor:hover > .nav-top-submenu,
.nav-top .nav-top-submenu:hover li.current-menu-ancestor:hover > .nav-top-submenu,
.nav-top .nav-top-submenu:hover li.current-menu-item:hover > .nav-top-submenu,
.nav-top .nav-top-submenu:hover li:hover > .nav-top-submenu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.nav-top .nav-top-menu li,
.nav-top .nav-top-submenu li {
    padding-top: 13px;
    position: relative;
}

.nav-top .nav-top-menu li.current-post-ancestor > a,
.nav-top .nav-top-menu li.current-menu-ancestor > a,
.nav-top .nav-top-menu li.current-menu-item > a,
.nav-top .nav-top-menu li:hover > a,
.nav-top .nav-top-submenu li.current-post-ancestor > a,
.nav-top .nav-top-submenu li.current-menu-ancestor > a,
.nav-top .nav-top-submenu li.current-menu-item > a,
.nav-top .nav-top-submenu li:hover > a {
    font-weight: 800;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.nav-top .nav-top-submenu li.current-post-ancestor > a,
.nav-top .nav-top-submenu li.current-menu-ancestor > a,
.nav-top .nav-top-submenu li.current-menu-item > a,
.nav-top .nav-top-submenu li:hover > a {
    color: #3f4042;
    font-weight: 700;
}

.nav-top .nav-top-menu li.current-post-ancestor > a:after,
.nav-top .nav-top-menu li.current-menu-ancestor > a:after,
.nav-top .nav-top-menu li.current-menu-item > a:after,
.nav-top .nav-top-menu li:hover > a:after,
.nav-top .nav-top-submenu li.current-post-ancestor > a:after,
.nav-top .nav-top-submenu li.current-menu-ancestor > a:after,
.nav-top .nav-top-submenu li.current-menu-item > a:after,
.nav-top .nav-top-submenu li:hover > a:after {
    width: 100%;
}

.nav-top .nav-top-submenu li.-all-border.current-post-ancestor > a:after {
    width: 0;
}

.nav-top .nav-top-menu > li > a {
    text-transform: uppercase;
    padding-left: 11px;
    padding-right: 11px;
}

.nav-top .nav-top-menu > li:first-child > a {
    text-align: left;
    padding-left: 0;
}

.is-expanded .nav-top .nav-top-menu > li:first-child > a {
    text-align: center;
    padding-left: 12px;
}

.nav-top .nav-top-menu > li.menu-item-object-teacher-category {
    position: static;
}

.nav-top .nav-top-menu > li.menu-item-object-teacher-category > .nav-top-submenu > li:hover {
    margin-left: 0px;
    margin-right: -18px;
}

.nav-top .nav-top-menu > li.menu-item-object-teacher-category > .nav-top-submenu > li:hover > a {
    padding-left: 30px;
    padding-right: 30px;
}

.nav-top .nav-top-submenu {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    position: absolute;
    top: 36px;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    width: 800px;
    z-index: 20;
}

.nav-top-primary-resources .nav-top-submenu {
    left: 2px
}

.current-menu-item .nav-top-submenu {
    top: 38px;
    z-index: 1000;
}

.nav-top .nav-top-submenu:hover {
    z-index: 9999 !important;
    min-height: 50px;
}

.nav-top .nav-top-submenu:hover li {
    z-index: 9999 !important;
}

.nav-top-play-and-win .nav-top-submenu {
    left: 20px;
}

.nav-top-kids-club .nav-top-submenu {
    left: 8px;
}

.nav-top .nav-top-submenu > li {
    margin-left: 18px;
}

.nav-top li#menu-item-14172 a {
    padding-left: 20px;
    background: url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/icons/christmas-icon.jpg) left 5px no-repeat;
    background-size: 15px auto;
}

.nav-top .nav-top-submenu > li > a {
    bottom: 0;
    text-align: center;
}

.nav-top li.current-post-ancestor > .nav-top-submenu,
.nav-top li.current-menu-ancestor > .nav-top-submenu,
.nav-top li.current-menu-item > .nav-top-submenu,
.nav-top li:hover > .nav-top-submenu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: all;
    z-index: auto;
}

.nav-top li.current-menu-ancestor > .nav-top-submenu {
    /*pointer-events:none;*/
}

.nav-top li:hover.current-menu-ancestor > .nav-top-submenu {
    pointer-events: all;
}

.nav-top .nav-top-social li {
    margin-left: 10px;
    margin-right: 0;
}

.nav-top .nav-top-submenu li:hover .nav-dropdown,
.nav-top .nav-top-social:hover .nav-dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: all;
}

.nav-top-submenu > li > .nav-top-submenu,
.nav-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #cccdcd;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    right: 0;
    min-width: 100px;
    max-width: 160px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%;
}

.nav-top-submenu > li > .nav-top-submenu li,
.nav-dropdown li {
    border-top: 1px solid #cccdcd;
    display: block;
    line-height: 1;
    margin-left: 0 !important;
    padding: 8px 2px;
    text-align: center;
}

.nav-top-submenu > li > .nav-top-submenu li:first-child,
.nav-dropdown li:first-child {
    border-top: none;
}

.nav-top-submenu > li > .nav-top-submenu li a,
.nav-dropdown li a {
    color: #4a4a4a;
    display: block;
    height: auto;
    white-space: normal !important;
    padding: 0 6px;
}

.nav-top-submenu > li > .nav-top-submenu li.menu-content-long a {
    padding-left: 1px;
}

.nav-top-submenu > li > .nav-top-submenu li.menu-content-long:hover a {
    padding-left: 0;
}

.nav-top-submenu > li > .nav-top-submenu li a:after,
.nav-dropdown li a:after {
    display: none !important;
}

.nav-top-submenu > li > .nav-top-submenu li a:hover, .nav-top-submenu > li > .nav-top-submenu li a:active, .nav-top-submenu > li > .nav-top-submenu li a.active,
.nav-dropdown li a:hover,
.nav-dropdown li a:active,
.nav-dropdown li a.active {
    font-weight: 800;
}

.nav-top-social li.country-au, .nav-top-social li.country-nz, .nav-top-social li.country-sa, .nav-top-social li.country-uk {
    display: none;
}

.nav-top-social.country-au li.country-au {
    display: block;
}

.nav-top-social.country-nz li.country-nz {
    display: block;
}

.nav-top-social.country-sa li.country-sa {
    display: block;
}

.nav-top-social.country-uk li.country-uk {
    display: block;
}

.page-template-mpp-page-template .ad-placeholder, .page-template-mpp-page-template-sbt .ad-placeholder {
    display: none;
}

@media (max-width: 1199px) {
    .page-header {
        width: 100%;
        overflow-y: auto;
    }

    .page-header .nav-top {
        display: none;
    }

    .page-header.is-expanded .nav-top {
        display: block;
    }

    .nav-top {
        border-bottom: 0;
        clear: both;
        margin: 0;
        padding-bottom: 20px;
        text-align: center;
    }

    .nav-top:after {
        clear: both;
        content: ' ';
        display: table;
        font-size: 0;
        height: 0;
    }

    .nav-top .nav-top-menu > li > a,
    .nav-top .nav-top-submenu > li > a {
        display: inline-block;
        margin: 0 auto;
        height: 24px;
    }

    .nav-top .nav-top-menu li {
        display: block;
        font-size: 21px;
        padding: 20px 0;
    }

    .nav-top .nav-top-menu li a:hover, .nav-top .nav-top-menu li a:active, .nav-top .nav-top-menu li a.active {
        border-bottom: inherit;
    }

    .nav-top ul.nav-top-menu,
    .nav-top ul.nav-top-social {
        clear: both;
        display: block;
        float: none;
        height: auto;
    }

    .nav-top ul.nav-top-menu li,
    .nav-top ul.nav-top-social li {
        margin: 0 6px;
    }

    .nav-top .nav-top-submenu {
        position: static;
        width: 100%;
        display: none;
    }

    .nav-top li:hover > .nav-top-submenu {
        display: block;
    }

    .nav-top li:hover > .nav-top-submenu li, .nav-top li:hover > .nav-top-submenu li:first-child {
        padding: 10px 0;
    }

    .nav-top li:hover > .nav-top-submenu li a, .nav-top li:hover > .nav-top-submenu li:first-child a {
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .nav-top .nav-top-submenu li:hover > .nav-top-submenu,
    .nav-top .nav-top-submenu li:hover .nav-dropdown,
    .nav-top .nav-top-social:hover > .nav-top-submenu,
    .nav-top .nav-top-social:hover .nav-dropdown {
        display: none;
    }

    .nav-top .nav-top-social li.menu-item-social-links {
        display: none;
    }

    .nav-top-social .social-item-icon-search {
        display: none;
    }
}

/* Login menu items */

.logged-in .menu-append-item-login-icon {
    display: inline-block;
}

.logged-in li.nav-top-login {
    display: none;
}

.logged-out li.nav-top-login {
    display: inline-block;
}

.logged-out .menu-append-item-login-icon {
    display: none;
}

.menu-append-item-login {
    display: inline;
    margin-left: 25px;
    max-width: 200px;
    position: relative;
}

.menu-append-item-login-icon {
    cursor: pointer;
    overflow: hidden;
}

.nav-top-login-icon {
    height: 17px;
    width: 20px;
}

.submenu-login {
    background-color: #fff;
    border: 1px solid #cccdcd;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    overflow: visible;
    text-align: center;
    transition: opacity 0.5s;
}

.submenu-login .submenu-login-item {
    background-color: #fff;
    margin-left: 0;
    padding: 12px 0;
    width: 100px;
}

.submenu-login .submenu-login-item-top {
    border-bottom: 1px solid #cccdcd;
}

.submenu-login-container {
    display: none;
    height: 0;
    left: -42px;
    position: absolute;
    top: 5px;
    width: 0;
    z-index: 999;
}

.submenu-login-item a {
    color: #5d5e5f;
    font-size: 13px;
    font-weight: 600;
}

.submenu-login-item a:hover {
    font-weight: 800;
}

@media (max-width: 1199px) {
    .menu-append-item-login {
        display: block;
        margin: 30px auto 50px auto;
        text-align: center;
        width: 100%;
    }

    .submenu-login-container {
        display: none;
        height: auto;
        left: 0;
        margin: 0 auto;
        position: relative;
        width: 150px;
    }

    .submenu-login {
        border: none;
        box-shadow: none;
        opacity: 1;
    }

    .submenu-login .submenu-login-item {
        width: 150px;
    }

    .submenu-login .submenu-login-item a {
        color: #5d5e5f;
        font-size: 21px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .submenu-login .submenu-login-item-top {
        border-bottom: none;
    }

    .submenu-login .submenu-login-item a:after {
        background-color: #feda09;
        content: '';
        display: block;
        width: 0;
        height: 5px;
        transition: width .2s ease-in;
    }

    .submenu-login .submenu-login-item a:hover:after {
        width: 100%;
    }

    .menu-append-item-login-icon-container:after {
        background-color: #feda09;
        content: '';
        display: block;
        margin: 0 auto;
        width: 0;
        height: 5px;
        transition: width .2s ease-in;
    }

    .menu-append-item-login-icon-container:hover:after {
        width: 50px;
    }
}

.ch-text h1 {
    color: #5d5e5f;
    line-height: 1.65;
    font-size: 26px;
    font-weight: bold;
    font-family: inherit;
    text-align: center;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: block;
    position: relative;
}

.ch-text h1::before {
    height: 2px;
    background: #ffd501;
    width: 70px;
    position: absolute;
    content: '';
    bottom: -1px;
    display: block;
    left: 50%;
    margin-left: -35px;
}

.ch-text h1 span {
    font-size: 22px;
}

.ch-text p {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: center;
    font-style: italic;
}

.ch-text p a {
    font-style: normal;

}

.page-footer {
    border-top: 1px solid #979797;
}

.page-footer-content {
    padding-top: 10px;
    padding-bottom: 30px;
}

.nav-bottom ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 0;
}

.nav-bottom ul a {
    color: #777;
}

.nav-bottom ul.nav-bottom-menu li {
    margin-right: 36px;
}

.nav-bottom ul.nav-bottom-social {
    float: right;
}

.nav-bottom ul.nav-bottom-social li {
    margin-right: 0;
    margin-left: 10px;
}

.nav-bottom li {
    display: inline-block;
    font-size: 11px;
}

@media (max-width: 960px) {
    .nav-bottom {
        text-align: center;
    }

    .nav-bottom ul.nav-bottom-menu,
    .nav-bottom ul.nav-bottom-social {
        display: block;
        float: none;
    }

    .nav-bottom ul.nav-bottom-menu li {
        clear: both;
        display: block;
        margin: 0;
        padding: 9px 0;
    }

    .nav-bottom ul.nav-bottom-social li {
        margin: 0 6px;
    }
}

.card {
    background: #838c8f;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.card .card-image a, .card .card-image img, .card .card-image svg,
.card .card-icon a,
.card .card-icon img,
.card .card-icon svg {
    display: block;
}

.card .card-image {
    height: 210px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 0;
}

.card .card-image img, .card .card-image svg, .card .card-image a {
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 100%;
}

.card .card-image, .card .card-image a {
    background: transparent 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
}

.card .card-image a {
    height: 100%;
}

.card:hover .card-image a, .card:hover .card-image img, .card:hover .card-image svg,
.card .card-image:hover a,
.card .card-image:hover img,
.card .card-image:hover svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.card .card-icon {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 1;
}

.card .card-badge {
    background: #feda09;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.card .card-content {
    padding: 170px 30px 24px;
}

.card .card-content .card-title {
    display: block;
    font-size: 28px;
    line-height: 1;
    margin: 0;
    padding: 0 0 20px;
    position: relative;
    text-shadow: 1px 2px 7px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    z-index: 1;
}

.card .card-content .card-intro {
    border-top: 1px solid;
    padding-top: 12px;
}

.card .card-title, .card .card-title a {
    color: #fff;
    font-weight: 700;
}

.card.-mini .card-intro {
    display: none;
}

.mega-menu-overlay .card {
    height: 180px;
    width: 190px;
    margin: 0 auto;
    box-shadow: 0 0 10px #4a4a4a;
}

.mega-menu-overlay .card .card-image {
    height: 110px;
}

.mega-menu-overlay .card .card-icon {
    height: 50px;
    left: 10px;
    top: 10px;
    width: 50px;
}

.mega-menu-overlay .card .card-title {
    font-size: 20px;
}

.mega-menu-overlay .card .card-content {
    padding: 78px 15px 16px 20px;
}

.mega-menu-overlay .card .card-intro {
    display: none;
}

.unslider .card .card-image {
    height: 100%;
}

.card .audio-player-icon {
    bottom: 20px;
    position: absolute;
    right: 0;
}

.article-badge {
    background: #feda09;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    padding: 8px 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.article-content {
    margin: 0 auto;
    position: relative;
}

.article-image {
    height: 330px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background-position: 50% 50%;
    background-size: cover;
}

.article-image img {
    left: 0;
    position: absolute;
    top: -50%;
    width: 100%;
}

.article-icon {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.25);
    border-radius: 100%;
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 2;
}

.article-icon img, .article-icon svg {
    display: block;
}

.article-sheet {
    margin-bottom: 20px;
    padding: 50px 60px;
}

.article-sheet figure {
    margin-left: 0;
    max-width: 100%;
}

.article-sheet h5, .article-sheet h6 {
    color: #4c4c4c;
    font-size: 10px;
    line-height: 2.3;
}

.article-sheet iframe {
    max-width: 100%;
}

.article-sheet img, .entry-content img {
    height: auto;
    max-width: 100%;
    width: auto;
}

.article-sheet img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

.article-sheet img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

.article-sheet img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.article-sheet .kWidgetIframeContainer {
    max-width: 100%;
}

.article-header {
    background: #777777;
    margin-bottom: -60px;
    padding: 0 0 60px;
}

.article-header .article-titles {
    position: relative;
}

.article-header .base-title,
.article-header .article-title,
.article-header .page-error-404 .page-error-404-text .page-404-title, .page-error-404 .page-error-404-text
.article-header .page-404-title,
.article-header .article-subtitle,
.article-header .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.article-header .page-404-subtitle {
    margin-left: 30px;
    width: 500px;
}

.article-header .article-title, .article-header .page-error-404 .page-error-404-text .page-404-title, .page-error-404 .page-error-404-text .article-header .page-404-title {
    position: absolute;
    bottom: 100%;
    margin-bottom: 0;
}

.article-sheet .article-header {
    box-sizing: border-box;
    color: #fff;
    margin: -50px -60px 20px -60px;
    padding: 0 20px 10px 30px;
    position: relative;
}

.article-sheet .article-header .article-image {
    background: transparent 50% 50% no-repeat;
    background-size: cover;
    margin: 0 -20px 10px -30px;
    width: auto;
}

.article-sheet .article-header .article-image img {
    position: static;
}

.article-sheet .article-header .base-title,
.article-sheet .article-header .article-subtitle,
.article-sheet .article-header .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.article-sheet .article-header .page-404-subtitle {
    width: auto;
    color: #fff;
    margin: 0;
}

.article-sheet .article-header .article-header-content {
    min-height: 165px;
    position: relative;
}

.article-sheet .article-header .article-header-content .article-icon {
    height: 60px;
    left: auto;
    right: 20px;
    top: -55px;
    width: 60px;
}

.article-body {
    position: relative;
}

.article-likes {
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    font-weight: 600;
}

.article-likes .article-likes-icon {
    background: #068a7b;
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    margin-right: 4px;
    overflow: hidden;
    padding: 8px 10px 0;
    vertical-align: middle;
    width: 42px;
}

.article-likes .article-likes-icon g {
    fill: #fff;
}

.article-likes.disabled .article-likes-icon {
    cursor: default;
}

.article-likes.disabled .article-likes-icon g {
    fill: #feda09;
}

.wp-video .mejs-container .mejs-controls {
    display: none !important;
}

.ngk-video {
    width: 100%;
}

/* Competitions */
.-category-competitions .article-image {
    height: auto;
}

.-category-competitions h1.base-title {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.article-sheet .-category-competitions.article-header .article-header-content .article-icon.article-icon-competitions {
    float: right;
    margin-left: 37px;
    position: relative;
    right: 45px;
    top: 0;
}

.competition-expiration {
    bottom: 0;
    position: relative;
    right: 0;
}

.competition-form .form-inputs {
    margin-bottom: 40px;
}

.competition-form .wpcf7-radio .wpcf7-list-item {
    width: 100%;
}

.competition-interval-container {
    background-color: #feda09;
    border-radius: 50%;
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: 55px;
    width: 100px;
}

.competition-interval {
    color: #4a4a4a;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 30px;
    width: 60px;
}

/* Competitions - CF7 */

.file-upload-label-circle-container {
    border: 3px #feda09 dotted;
    border-radius: 50%;
    font-size: 10px;
    height: 100px;
    text-align: center;
    width: 100px;
}

.file-upload-label-circle {
    color: #4a4a4a;
    position: relative;
    margin: 0 auto;
    padding-top: 45px;
}

.file-upload-label-circle-text {
    background-color: #feda09;
    border-radius: 5%;
    padding: 5px;
}

.fileNameOutput {
    font-size: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100px;
}

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

.input-file {
    cursor: pointer;
}

.file-upload-label {
    cursor: pointer;
}

/* Account management (login, registration, etc.) */

.user-account-advisory {
    font-weight: 800;
}

input.user-account-field-age {
    width: 25%;
}

.reg_now {
    display: inline-block;
    font-size: 12px;
    padding: 10px 0px 2px 0;
}

#whyChoose .base-subtitle-custom {
    font-size: 24px;
}

#whyChoose .custom-list > li {
    font-size: 14px;
}

#whyChoose a.subscribe {
    margin-top: 8px;
}

.user-account #post-1626.content-sheet {
    box-shadow: none;
    width: 608px;
    padding: 20px 30px 30px;
    background: #e7e7e8;
    box-sizing: border-box;
    margin-bottom: 40px;
    margin: 0 auto;
    text-align: left;
}

.user-account #post-1626.content-sheet .entry-content {
    width: 100%;
}

.user-account #post-1626.content-sheet .base-title {
    text-align: left;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
    font-family: 'Avenir Next W01', Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
}

#loginform label {
    margin-bottom: 0;
    padding-top: 0px;
    font-family: 'Avenir Next W01', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase
}

#loginform p {
    margin-bottom: 15px;
}

.user-account #loginform input[type="text"], .user-account #loginform input[type="email"], .user-account #loginform input[type="phone"], .user-account #loginform .input-text, .user-account #loginform input[type="password"] {
    background: #fff;
    border: none;
    color: #4a4a4a;
    display: block;
    font-family: 'Avenir Next W01';
    font-size: 16px;
    font-weight: 700;
    padding: 5px 12px !important;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    margin-top: 1px;
}

.user-account #loginform #wppb-submit {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
    background-color: white;
    border: 1px solid #feda09;
    font-size: 16px;
    padding: 8px 25px 6px;
    text-align: center;
    color: black;
    border-radius: 0px;
    font-weight: bold;
    width: auto;
}

.user-account #loginform .login-submit {
    text-align: center;
}

#post-1626 .user-account-subtext-link {
    color: #23527c;
    text-transform: uppercase !important;
    background-color: transparent;
    text-decoration: none;
}

#post-1626 .user-account-subtext-link:hover {
    text-decoration: underline;

}

.user-account .loginform #wppb-submit:hover {
    background-color: #feda09 !important;
}

.sign_in_form_teacher input[type="password"], .user-account input[type="password"] {
    display: block;
}

.sign_up_form_teacher .wpcf7-text, .sign_in_form_teacher input[type="password"], .sign_in_form_teacher input[type="text"], #group-parent .wpcf7-text, .user-account input[type="email"], .user-account input[type="password"], .user-account input[type="text"] {
    background-color: #ebeff3;
    margin-top: 5px;
}

.sign_up_form_teacher .first {
    margin-left: 0;
}

.sign_up_form_teacher .wpcf7-list-item {
    margin-right: 10px;
}

.sign_in_form_teacher #wppb-submit, .sign_up_form_teacher .wpcf7-submit, .competition-form .wpcf7-submit {
    background-color: #ffdf37;
    color: #4a4a4a;
    font-weight: 800;
    padding: 15px 50px;
}

.child-password1-primary input, .parent-password1-primary input, .teacher-password1-primary input {
    margin-bottom: 12px;
}

.child-password1-primary input, .child-password2-primary input, .parent-password1-primary input, .parent-password2-primary input, .teacher-password1-primary input, .teacher-password2-primary input, .sign_in_form_teacher input[type="password"], .user-account input[type="password"] {
    border: none;
    padding: 12px 0 12px 12px;
    width: calc(100% - 12px);
}

.user-account #wppb-recover-password p:first-child {
    font-size: 13px;
}

.user-account #wppb-recover-password ul {
    list-style-type: none;
    padding-left: 0;
}

.user-account .base-title {
    padding-bottom: 0;
    text-align: center;
}

.user-account .base-title.-underline span {
    border-bottom: none;
}

.user-account .content-sheet {
    box-shadow: none;
}

.user-account .entry-content {
    margin: 0 auto;
    width: 300px;
}

.user-account #wppb-submit, .user-account #wppb-recover-password-button, .user-account .wpcf7-submit {
    background-color: #feda09;
    color: #4a4a4a;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
}

.user-account span.wpcf7-list-item {
    margin-left: 0;
    width: 100%;
}

.user-account .wpcf7-radio .wpcf7-list-item {
    margin-bottom: 5px;
}

.user-account-subtext {
    display: block;
    font-size: 13px;
    width: 100%;
}

.user-account-subtext-left, .user-account-subtext-right {
    display: inline-block;
    width: 49%;
}

.user-account-subtext-left {
    text-align: left;
}

.user-account-subtext-right {
    text-align: right;
}

.user-account-subtext-link {
    color: #4a4a4a;
    text-decoration: underline;
}

@media (max-width: 679px) {
    .sign_up_form_teacher .wpcf7-radio .wpcf7-list-item {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .article-sheet {
        padding: 20px;
    }

    .article-title, .page-error-404 .page-error-404-text .page-404-title {
        font-size: 40px;
    }

    .article-subtitle, .page-error-404 .page-error-404-text .page-404-subtitle {
        font-size: 21px;
    }

    .article-sheet .-category-competitions.article-header .article-header-content .article-icon.article-icon-competitions {
        margin-left: 0;
        right: -10px;
    }

    .article-sheet .article-header {
        margin: -20px -20px 20px -20px;
    }

    .article-sheet .article-header .base-title,
    .article-sheet .article-header .grid-column,
    .article-sheet .article-header .grid-row {
        width: 100%;
    }

    .article-sheet .article-header .grid-column {
        float: none;
    }

    .article-sheet .article-header .competition-expiration {
        position: static;
        text-align: left;
    }

    .article-header .article-image {
        margin-bottom: 20px;
    }

    .article-header .article-image img {
        min-height: 100%;
        min-width: 100%;
        max-width: auto;
    }

    .-category-competitions .article-image img {
        min-height: initial;
    }

    .article-header .article-title, .article-header .page-error-404 .page-error-404-text .page-404-title, .page-error-404 .page-error-404-text .article-header .page-404-title,
    .article-header .article-subtitle,
    .article-header .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
    .article-header .page-404-subtitle {
        margin: 0;
        width: 100%;
    }

    .article-header .article-subtitle, .article-header .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .article-header .page-404-subtitle {
        padding: 20px 0 0;
    }
}

.asset-scroller {
    height: 100px;
    margin: 10px auto;
    position: relative;
    text-align: center;
    width: 140px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.asset-scroller .builder-image,
.asset-scroller .builder-left,
.asset-scroller .builder-right {
    cursor: pointer;
    height: 100%;
}

.asset-scroller .builder-image {
    height: 100px;
    left: 35px;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100px;
}

.asset-scroller .builder-image .side-left,
.asset-scroller .builder-image .side-right,
.asset-scroller .builder-image .side-front {
    display: block;
    position: absolute;
}

.asset-scroller .builder-image .side-left {
    -webkit-transform: rotateY(-90deg) translateZ(50px);
    transform: rotateY(-90deg) translateZ(50px);
}

.asset-scroller .builder-image .side-front {
    -webkit-transform: rotateY(0deg) translateZ(50px);
    transform: rotateY(0deg) translateZ(50px);
}

.asset-scroller .builder-image .side-right {
    -webkit-transform: rotateY(90deg) translateZ(50px);
    transform: rotateY(90deg) translateZ(50px);
}

.asset-scroller .builder-image.-anim-rotate-cube-left {
    -webkit-animation: rotate-cube-left .2s 1;
    animation: rotate-cube-left .2s 1;
}

.asset-scroller .builder-image.-anim-rotate-cube-right {
    -webkit-animation: rotate-cube-right .2s 1;
    animation: rotate-cube-right .2s 1;
}

.asset-scroller .builder-left,
.asset-scroller .builder-right {
    font-size: 30px;
    line-height: 100px;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
}

.asset-scroller .builder-left {
    left: 0;
}

.asset-scroller .builder-right {
    right: 0;
}

.asset-scroller .builder-image-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    display: none;
    height: 100px;
    position: absolute;
    width: 100px;
}

.asset-scroller .builder-image-item.prev, .asset-scroller .builder-image-item.active {
    display: block;
}

@-webkit-keyframes rotate-cube-left {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    5% {
        -webkit-transform: rotateY(-93deg);
        transform: rotateY(-93deg);
    }
    95% {
        -webkit-transform: rotateY(3deg);
        transform: rotateY(3deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes rotate-cube-left {
    0% {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    5% {
        -webkit-transform: rotateY(-93deg);
        transform: rotateY(-93deg);
    }
    95% {
        -webkit-transform: rotateY(3deg);
        transform: rotateY(3deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes rotate-cube-right {
    0% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    5% {
        -webkit-transform: rotateY(93deg);
        transform: rotateY(93deg);
    }
    95% {
        -webkit-transform: rotateY(-3deg);
        transform: rotateY(-3deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes rotate-cube-right {
    0% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
    }
    5% {
        -webkit-transform: rotateY(93deg);
        transform: rotateY(93deg);
    }
    95% {
        -webkit-transform: rotateY(-3deg);
        transform: rotateY(-3deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

.comments {
    margin-bottom: 20px;
    position: relative;
}

.comments:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.comments .link-customize {
    color: #4a4a4a;
    display: inline-block;
    width: 120px;
}

.avatar-builder,
.comment-form,
.comments-wrapper {
    background: url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/animals.png);
    padding: 30px;
    height: 470px;
}

.avatar-image {
    float: left;
    height: 50px;
    margin-right: 8px;
    position: relative;
    width: 50px;
}

.avatar-image img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.comment-badges .base-title {
    padding-bottom: 0;
}

.comment-badges p {
    height: 75px;
    line-height: 1.2;
}

.comment-success {
    margin: 0 -12px;
}

.comment-success .base-title {
    padding-top: 150px;
}

.badges-list,
.comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-y: auto;
    padding: 0 10px;
}

.badges-list li,
.comments-list li {
    border-top: 1px solid #5d5e5f;
    clear: both;
    padding: 10px 0;
}

.badges-list li:after,
.comments-list li:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.badges-list li:first-child,
.comments-list li:first-child {
    border: none;
}

.badges-list li .comment-user,
.comments-list li .comment-user {
    font-weight: 700;
}

.badges-list li img,
.comments-list li img {
    max-width: 160px;
}

.badges-list li p,
.comments-list li p {
    line-height: 1.4;
    margin: 0;
}

.badges-list li .comment-user,
.badges-list li p,
.comments-list li .comment-user,
.comments-list li p {
    box-sizing: border-box;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    width: 100%;
}

div.ad-bg {
    z-index: 101 !important;
}

.comments-list {
    height: 420px;
}

.badges-list {
    height: 220px;
}

.badges-list li.active {
    outline: 2px solid #068a7b;
}

.avatar-builder {
    clear: both;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
}

.avatar-builder .avatar-builder-sheet {
    background: #fff;
    margin-bottom: 20px;
    padding: 30px 30px 0;
}

.avatar-builder .avatar-builder-sheet:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.avatar-builder .close {
    position: absolute;
    top: 30px;
    right: 30px;
}

.avatar-builder .builder-image {
    left: 20px;
}

.avatar-builder .asset-scroller .builder-left img, .avatar-builder .asset-scroller .builder-left svg,
.avatar-builder .asset-scroller .builder-right img,
.avatar-builder .asset-scroller .builder-right svg {
    width: 8px;
}

.avatar-image-built {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    float: none;
}

.comment-user-avatar {
    margin-bottom: 20px;
}

.comment-user-avatar:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.carousel-wrapper {
    overflow: hidden;
    padding: 0 0 20px;
    width: 100%;
    position: relative;
}

.carousel-shadow {
    box-shadow: 0 0px 20px #777;
    margin: 0 -10px 0;
    visibility: hidden;
}

ul.unslider-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

ul.unslider-wrap li {
    height: 100%;
}

.home-carousel .card,
.category-carousel .card,
.fact-carousel .card {
    height: 100%;
    padding: 0;
    width: 100%;
}

.category-carousel .card,
.home-carousel .card {
    position: relative;
}

.category-carousel .card .card-image a,
.home-carousel .card .card-image a {
    display: block;
    height: 100%;
    width: 100%;
}

.category-carousel .card .card-image img,
.home-carousel .card .card-image img {
    margin-top: -25%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    width: auto;
}

.category-carousel .card .card-content,
.home-carousel .card .card-content {
    background: #fff;
    border-top: 4px solid #feda09;
    bottom: 0;
    left: 40px;
    padding-bottom: 70px;
    padding-top: 30px;
    position: absolute;
    width: 240px;
    z-index: 20;
}

.category-carousel .card .card-content .card-title,
.home-carousel .card .card-content .card-title {
    color: #4a4a4a;
    text-shadow: none;
}

.home-carousel {
    height: 490px;
}

.list-page-carousel .home-carousel {
    height: 370px;
}

.home-carousel .card .card-icon {
    top: 40px;
    right: auto;
    left: 40px;
}

.home-carousel .-category-competitions .card-icon, .home-carousel .-category-games .card-icon {
    left: auto;
    right: 40px;
}

.category-carousel {
    height: 370px;
}

.category-carousel .card .card-icon {
    top: 40px;
    left: auto;
    right: 40px;
}

.fact-carousel {
    height: 550px;
}

.fact-carousel .card .card-icon {
    top: 46px;
    right: 64px;
    left: auto;
}

.fact-carousel .card .card-image,
.fact-carousel .card .card-content {
    position: relative;
    width: 100%;
}

.fact-carousel .card .card-image {
    background: transparent no-repeat 50% 50%;
    background-size: cover;
    height: 390px;
    overflow: hidden;
}

.fact-carousel .card .card-image img {
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
}

.fact-carousel .card .card-content {
    margin: 0 auto;
    padding: 30px 0;
    width: 650px;
}

.fact-carousel .card .card-content .card-title,
.fact-carousel .card .card-content .card-intro {
    text-align: center;
    max-width: 606px;
    margin: 0 auto;
}

.fact-carousel .card .card-content .card-title {
    bottom: 100%;
    font-size: 60px;
    margin-bottom: -30px;
    padding: 0;
    position: absolute;
    text-shadow: 0 10px 17px rgba(0, 0, 0, 0.5);
    width: 100%;
}

.fact-carousel .card .card-content .card-intro {
    border: none;
    font-size: 16px;
    line-height: 1.5;
    min-height: 96px;
}

@media (min-width: 800px) {
    .fact-carousel-wrapper .unslider-arrow.prev {
        display: none;
    }

    .fact-carousel-wrapper.fact-carousel-other-slide .unslider-arrow.prev {
        display: block;
    }

    .fact-carousel-first-slide .unslider-arrow.prev {
        display: none;
    }

    .fact-carousel .unslider-wrap li:first-child .card .card-content {
        margin: 0 0 0 70px;
    }

    .fact-carousel .unslider-wrap li:first-child .card .card-content .card-intro {
        margin-left: 0;
    }

    .fact-carousel .unslider-wrap li:first-child .card .card-content .card-intro, .fact-carousel .unslider-wrap li:first-child .card .card-content .card-title {
        text-align: left;
    }
}

@media (min-width: 320px) and (max-width: 800px) {
    .carousel-shadow {
        box-shadow: none;
    }

    .home-carousel .card .card-icon img, .home-carousel .card .card-icon svg,
    .fact-carousel .card .card-icon img,
    .fact-carousel .card .card-icon svg {
        width: 60px;
        height: 60px;
    }

    .home-carousel .card .card-content {
        box-sizing: border-box;
        left: 50%;
        margin-left: -150px;
        width: 300px;
    }

    .fact-carousel {
        height: 600px;
    }

    .fact-carousel .card .card-icon {
        top: 40px;
        left: 40px;
        right: auto;
    }

    .fact-carousel .card .card-content {
        width: 100%;
    }

    .fact-carousel .card .card-content .card-title,
    .fact-carousel .card .card-content .card-intro {
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
    }

    .fact-carousel .card .card-content .card-title {
        font-size: 40px;
    }

    .fact-carousel .card .card-content .card-intro {
        padding: 30px;
    }

    .unslider-nav {
        left: 50%;
        margin-left: -150px;
        margin-top: -40px;
        width: 300px;
    }

    .unslider-arrow {
        color: transparent;
        top: 160px;
        bottom: auto;
    }

    .unslider-arrow span {
        background: transparent;
        font-size: 32px;
        width: 30px;
    }
}

.fact-page-social-share {
    padding-bottom: 10px;
    width: 50%;
}

.fact-page-social-share .addthis_inline_share_toolbox {
    padding-right: 10px;
}

@media (max-width: 680px) {
    .fact-page-social-share {
        width: 100%;
    }

    .fact-page-social-share .addthis_inline_share_toolbox {
        padding-right: 0;
    }
}

@media (min-width: 1600px) {
    .home-carousel .card .card-content {
        left: 82px;
    }

    .unslider-nav {
        left: 30px;
        margin-top: -40px;
    }
}

.totem-modal.thankyou-modal {
    height: 75%;
}

.totem-modal {
    border-top: 8px solid #feda09;
    box-sizing: border-box;
    height: 520px;
    padding: 30px 60px;
    text-align: left;
    width: 750px;
}

.totem-modal .base-title {
    padding-bottom: 6px;
}

.totem-modal .grid-row {
    max-width: 100%;
}

.totem-modal .grid-column {
    padding: 0;
    min-width: auto;
}

.totem-modal .-column-titles {
    padding-top: 30px;
    width: 250px;
}

.totem-modal .-column-srollers {
    width: 200px;
}

.totem-modal .-column-buttons {
    width: 120px;
    padding-top: 400px;
}

.totem-modal .asset-scroller {
    height: 90px;
    margin: 0 auto 3px;
    width: 160px;
}

.totem-modal .asset-scroller .builder-left,
.totem-modal .asset-scroller .builder-right {
    color: #616263;
    font-size: 60px;
    line-height: 90px;
    width: 30px;
}

.totem-modal .asset-scroller .builder-image {
    box-sizing: border-box;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    width: 90px;
}

.totem-modal .asset-scroller .builder-image .builder-image-item {
    height: 90px;
    padding: 10px;
    width: 90px;
}

.totem-modal .asset-scroller .builder-image .builder-image-item.side-left {
    -webkit-transform: rotateY(-90deg) translateZ(45px);
    transform: rotateY(-90deg) translateZ(45px);
}

.totem-modal .asset-scroller .builder-image .builder-image-item.side-front {
    -webkit-transform: rotateY(0deg) translateZ(45px);
    transform: rotateY(0deg) translateZ(45px);
}

.totem-modal .asset-scroller .builder-image .builder-image-item.side-right {
    -webkit-transform: rotateY(90deg) translateZ(45px);
    transform: rotateY(90deg) translateZ(45px);
}

.totem-modal .asset-scroller .builder-image img,
.totem-modal .asset-scroller .builder-image span {
    display: block;
}

.totem-modal .asset-scroller .builder-image img {
    height: 42px;
    margin: 0 auto 4px;
}

.remodal-close {
    left: auto;
    right: 22px;
    top: 24px;
}

.remodal-close:before {
    font-size: 46px;
}

.totem-settings {
    position: absolute;
    right: 20px;
    top: 280px;
    z-index: 12;
}

.totem-settings .totem-settings-icon {
    background-color: #616263;
    box-shadow: 0 0 3px #4a4a4a;
    box-sizing: border-box;
    clear: both;
    display: block;
    float: right;
    height: 50px;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 10px 0;
    width: 50px;
}

.totem-settings .totem-settings-icon span {
    color: #fff;
    display: block;
    height: 50px;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    right: 50px;
    text-align: right;
    white-space: nowrap;
    width: 0;
}

.totem-settings .totem-settings-icon img, .totem-settings .totem-settings-icon svg {
    display: inline-block;
    max-height: 34px;
    position: absolute;
    right: 10px;
}

.totem-settings .totem-settings-icon, .totem-settings .totem-settings-icon span {
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}

.totem-settings .totem-settings-icon:hover {
    width: 150px;
}

.totem-settings .totem-settings-icon:hover span {
    width: 80px;
}

@media (max-width: 640px) {
    .totem-modal.thankyou-modal {
        height: 100%;
    }

    .totem-modal {
        position: relative;
        border-top: none;
        box-shadow: none;
        height: auto;
        padding: 30px 40px;
        text-align: left;
        width: 100%;
    }

    .totem-modal .-column-srollers {
        width: 100%;
    }

    .totem-modal .-column-buttons {
        padding-top: 20px;
        text-align: right;
        width: 100%;
    }

    .totem-settings {
        right: 0px;
    }
}

.menu-item-object-page, .-category-color-animals, .-category-color-general-animals, .-category-color-birds, .-category-color-insects, .-category-color-prehistoric-animals, .-category-color-reptiles, .-category-color-sea-life {
    color: #feda09 !important;
}

.menu-item-object-page, .-category-border-animals, .-category-border-general-animals, .-category-border-birds, .-category-border-insects, .-category-border-prehistoric-animals, .-category-border-reptiles, .-category-border-sea-life, .-default-border {
    border-color: #feda09 !important;
}

.-category-bg-animals, .-category-bg-general-animals, .-category-bg-birds, .-category-bg-insects, .-category-bg-prehistoric-animals, .-category-bg-reptiles, .-category-bg-sea-life {
    background-color: #feda09 !important;
}

.-category-color-history {
    color: #068a7b !important;
}

.-category-border-history {
    border-color: #068a7b !important;
}

.-category-bg-history {
    background-color: #068a7b !important;
}

.-category-color-geography {
    color: #7eb1df !important;
}

.-category-border-geography {
    border-color: #7eb1df !important;
}

.-category-bg-geography {
    background-color: #7eb1df !important;
}

.-category-color-science {
    color: #ffa909 !important;
}

.-category-border-science {
    border-color: #ffa909 !important;
}

.-category-bg-science {
    background-color: #ffa909 !important;
}

.-category-color-entertainment {
    color: #561c53 !important;
}

.-category-border-entertainment {
    border-color: #561c53 !important;
}

.-category-bg-entertainment {
    background-color: #561c53 !important;
}

.-category-color-club {
    color: #a33398 !important;
}

.-category-border-club {
    border-color: #a33398 !important;
}

.-category-bg-club {
    background-color: #a33398 !important;
}

.-category-color-competitions {
    color: #c80e0e !important;
}

.-category-border-competitions {
    border-color: #c80e0e !important;
}

.-category-bg-competitions {
    background-color: #c80e0e !important;
}

.-category-color-games {
    color: #1b3068 !important;
}

.-category-border-games {
    border-color: #1b3068 !important;
}

.-category-bg-games {
    background-color: #1b3068 !important;
}

.-category-color-resources {
    color: #00a5c8 !important;
}

.-category-border-resources {
    border-color: #00a5c8 !important;
}

.-category-bg-resources {
    background-color: #00a5c8 !important;
}

.-category-animals, .-category-general-animals, .-category-birds, .-category-insects, .-category-prehistoric-animals, .-category-reptiles, .-category-sea-life {
    background: #feda09 url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/animals.png);
}

.-category-history, .-category-general-history,
.-category-egypt,
.-category-monarchy,
.-category-greece,
.-category-romans {
    background: #068a7b url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/history.png);
}

.-category-history .article-subtitle, .-category-general-history .article-subtitle,
.-category-egypt .article-subtitle,
.-category-monarchy .article-subtitle,
.-category-greece .article-subtitle,
.-category-romans .article-subtitle, .-category-history .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-history .page-404-subtitle, .-category-general-history .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-general-history .page-404-subtitle,
.-category-egypt .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-egypt .page-404-subtitle,
.-category-monarchy .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-monarchy .page-404-subtitle,
.-category-greece .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-greece .page-404-subtitle,
.-category-romans .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-romans .page-404-subtitle,
.-category-history .card-intro, .-category-general-history .card-intro,
.-category-egypt .card-intro,
.-category-monarchy .card-intro,
.-category-greece .card-intro,
.-category-romans .card-intro {
    color: #fff;
}

.-category-geography, .-category-countries,
.-category-general-geography,
.-category-physical-geography {
    background: #7eb1df url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/geography.png);
}

.-category-science, .-category-general-science,
.-category-nature,
.-category-space {
    background: #ffa909 url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/science.png);
}

.-category-entertainment, .-category-general-entertainment,
.-category-books,
.-category-movies {
    background: #561c53 url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/entertainment.png);
}

.-category-entertainment .article-subtitle, .-category-general-entertainment .article-subtitle,
.-category-books .article-subtitle,
.-category-movies .article-subtitle, .-category-entertainment .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-entertainment .page-404-subtitle, .-category-general-entertainment .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-general-entertainment .page-404-subtitle,
.-category-books .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-books .page-404-subtitle,
.-category-movies .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-movies .page-404-subtitle,
.-category-entertainment .card-intro, .-category-general-entertainment .card-intro,
.-category-books .card-intro,
.-category-movies .card-intro {
    color: #fff;
}

.-category-kids-club, .-category-general-kids-club,
.-category-cool-kids,
.-category-book-club,
.-category-from-you {
    background: #a33398 url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/club.png);
}

.-category-kids-club .article-subtitle, .-category-general-kids-club .article-subtitle,
.-category-cool-kids .article-subtitle,
.-category-book-club .article-subtitle,
.-category-from-you .article-subtitle, .-category-kids-club .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-kids-club .page-404-subtitle, .-category-general-kids-club .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-general-kids-club .page-404-subtitle,
.-category-cool-kids .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-cool-kids .page-404-subtitle,
.-category-book-club .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-book-club .page-404-subtitle,
.-category-from-you .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-from-you .page-404-subtitle,
.-category-kids-club .card-intro, .-category-general-kids-club .card-intro,
.-category-cool-kids .card-intro,
.-category-book-club .card-intro,
.-category-from-you .card-intro {
    color: #fff;
}

.-category-competitions {
    background: #c80e0e url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/competition.png);
}

.-category-competitions .card-icon {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.-category-games {
    background: #1b3068 url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/games.png);
}

.-category-games .article-icon,
.-category-games .card-icon {
    background: #1b3068;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.article-sheet .-category-games.article-header img {
    min-height: auto;
}

.article-sheet .-category-games.article-header .article-header-content {
    word-break: normal;
}

.article-sheet .-category-games.article-header .article-header-content .article-icon {
    right: -16px;
    top: 0;
}

.article-sheet .-category-games.article-header .article-header-content .base-title {
    padding-right: 40px;
}

.article-sheet .-category-games.article-header .article-header-content .article-icon.article-icon-game {
    float: right;
    position: relative;
    right: 45px;
}

.article-sheet.article-sheet-game {
    padding-bottom: 15px;
}

.article-sheet.article-sheet-game .game-subtitle-divider {
    border-top: 1px solid #fff;
    padding-top: 12px;
    width: 240px;
}

.-category-games .article-image {
    height: 100%;
}

.game-container {
    height: 100%;
    overflow: hidden;
}

.game-container.new-game iframe, .game-container.new-game object, .game-container.new-game embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card.-category-games .card-title, .card.-category-competitions .card-title {
    max-width: 220px;
}

@media (max-width: 680px) {
    .article-sheet .-category-games.article-header .article-header-content .article-icon.article-icon-game {
        right: -25px;
    }
}

.-category-competitions .article-subtitle, .-category-competitions .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-competitions .page-404-subtitle,
.-category-competitions .card-content,
.-category-games .article-subtitle,
.-category-games .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text
.-category-games .page-404-subtitle,
.-category-games .card-content {
    color: #fff;
}

.-category-competitions .card-content,
.-category-games .card-content {
    padding-bottom: 30px;
    padding-top: 230px;
}

.-category-competitions .card-icon,
.-category-games .card-icon {
    left: auto;
    right: 10px;
    top: 180px;
    overflow: hidden;
}

.-category-dyk, .-category-did-you-know,
.-category-quiz {
    background: #89c34b url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/dyk.jpg) no-repeat 50% 0%;
}

.-category-dyk .button, .-category-did-you-know .button,
.-category-quiz .button, .-category-dyk .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .-category-dyk .auto-suggest-submit, .-category-did-you-know .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .-category-did-you-know .auto-suggest-submit,
.-category-quiz .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form
.-category-quiz .auto-suggest-submit {
    display: inline-block;
}

.-category-dyk .card-icon, .-category-did-you-know .card-icon,
.-category-quiz .card-icon {
    background: #8ac34c;
    left: auto;
    right: 15px;
}

.-category-dyk .card-content, .-category-did-you-know .card-content,
.-category-quiz .card-content {
    padding-top: 20px;
}

.-category-dyk .card-content .card-title, .-category-did-you-know .card-content .card-title,
.-category-quiz .card-content .card-title {
    margin-right: 50px;
}

.-category-dyk .card-content .card-title, .-category-did-you-know .card-content .card-title,
.-category-quiz .card-content .card-title,
.-category-dyk .card-content .card-title a, .-category-did-you-know .card-content .card-title a,
.-category-quiz .card-content .card-title a {
    color: #feda09;
}

.-category-dyk .card-content .card-intro, .-category-did-you-know .card-content .card-intro,
.-category-quiz .card-content .card-intro {
    border: 0px none;
    color: #fff;
    padding-right: 30px;
    padding-top: 0;
}

.-category-dyk .card-content .card-intro p, .-category-did-you-know .card-content .card-intro p,
.-category-quiz .card-content .card-intro p {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.05;
}

.card.-category-quiz {
    min-height: 500px;
}

.-category-video .card-icon {
    left: 50%;
    top: 50px;
    margin-left: -30px;
}

.-category-resources {
    background: #00a5c8;
}

.-category-resources .article-subtitle, .-category-resources .page-error-404 .page-error-404-text .page-404-subtitle, .page-error-404 .page-error-404-text .-category-resources .page-404-subtitle,
.-category-resources .card-intro {
    color: #fff;
}

.-category-resources .card-icon,
.-category-resources .article-icon {
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.-category-resources .card-icon svg,
.-category-resources .article-icon svg {
    fill: #fff;
}

.category-filter {
    margin: 0 0 20px 0;
}

.category-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-filter ul li {
    display: inline-block;
    padding-right: 20px;
}

.category-filter a {
    color: #777777;
}

.category-filter a.active {
    color: #5d5e5f;
    font-weight: 700;
}

@media (max-width: 600px) {
    .category-filter ul li {
        padding-right: 12px;
    }

    .category-filter ul li:first-child {
        display: block;
    }
}

.search-bar {
    border: 5px solid #feda09;
    margin: 0 0 20px;
    position: relative;
}

.search-bar input[type=text] {
    background: transparent;
    box-sizing: border-box;
    color: #838c8f;
    display: block;
    font-size: 21px;
    font-weight: 700;
    height: 60px;
    line-height: 40px;
    margin: 0;
    padding: 10px 19px;
    width: 100%;
}

.search-bar button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 14px;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 0;
}

.search-bar button svg g {
    fill: #838c8f;
}

.search-window {
    background: rgba(255, 255, 255, 0.94);
    height: 100%;
    margin: -10px -10px 0;
    max-width: 100%;
    text-align: left;
    width: 100%;
}

.search-window .remodal-close::before {
    top: -5px;
}

.search-window .text-intro {
    color: #838c8f;
    padding-left: 30px;
    font-size: 14px;
}

.search-window .search-section {
    position: relative;
    width: 100%;
}

.search-window .auto-suggest-form {
    max-width: 700px;
}

.search-window .auto-suggest-form .auto-suggest-front {
    background: transparent;
    border: 0;
    border-bottom: 5px solid #feda09;
    box-sizing: border-box;
    font-size: 52px;
    height: 72px;
    line-height: 72px;
    margin: 0;
    padding: 0 30px 10px;
    width: auto;
}

.search-window .auto-suggest-form .auto-suggest-submit {
    position: absolute;
    margin: 22px -120px 0 0;
    box-sizing: border-box;
    width: 100px;
    right: 0;
    top: 0;
}

.search-window .asr-container {
    border: none;
    width: auto;
}

.search-window .asr-container .more-res {
    display: none !important;
}

.search-window .result-section {
    max-width: 700px;
}

.search-window .result-section .post-details {
    background: transparent;
    border-bottom: 1px solid #bfbfbf;
    padding: 0;
    margin: 0;
}

.search-window .result-section .post-details .col-right,
.search-window .result-section .post-details .post-title, .search-window .result-section .post-details.img-active .col-right,
.search-window .result-section .post-details.img-active .post-title {
    padding: 0;
    margin: 0;
    width: 100%;
}

.search-window .result-section .post-details .col-right .post-title a {
    color: #bfbfbf;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 12px 10px 12px 30px;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.search-window .result-section .post-details .col-right .post-title a:hover {
    box-shadow: none;
    color: #4a4a4a;
    font-weight: 700;
    text-decoration: none;
}

.search-window .search-section,
.search-window .asr-container,
.search-window .result-section {
    max-width: 700px;
}

.search-window .asr-container.no-result {
    visibility: hidden;
}

@media (max-width: 959px) {
    .search-window .auto-suggest-form .auto-suggest-submit {
        clear: both;
        position: static;
        margin: 22px 0 0 0;
    }
}

@media (max-width: 679px) {
    .search-bar input[type="text"] {
        font-size: 18px;
    }
}

.quiz-button {
    margin-top: 5px;
}

.quiz-content .quiz-description {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.quiz-content .quiz-options {
    padding: 30px 0;
}

.quiz-content .quiz-options .quiz-options-item input[type="radio"] {
    display: none;
}

.quiz-content .quiz-options .quiz-options-item input[type="radio"] + label {
    background: #fff;
    cursor: pointer;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-collapse: collapse;
    border: 4px solid #feda09;
    margin-bottom: -4px;
}

.quiz-content .quiz-options .quiz-options-item input[type="radio"] + label:hover,
.quiz-content .quiz-options .quiz-options-item input[type="radio"]:checked + label {
    border-color: #068a7b;
    color: #068a7b;
    font-weight: 700;
    position: relative;
}

.quiz-content .quiz-image {
    border: 5px solid #feda09;
    margin: 10px -10px;
}

.quiz-content .quiz-image img {
    display: block;
    height: auto;
    width: 100%;
}

.quiz-title {
    color: #feda09;
    font-size: 21px;
    font-weight: 700;
}

.load-more {
    cursor: pointer;
    clear: both;
}

.load-more .load-more-dots-static,
.load-more .load-more-dots-anim {
    height: 25px;
}

.load-more .load-more-dots-anim {
    display: none;
}

.load-more .load-more-dots-static {
    display: inline-block;
    padding: 0 7px;
}

.load-more .load-more-dots-anim img,
.load-more .load-more-dot,
.load-more .load-more-text {
    display: inline-block;
    vertical-align: middle;
}

.load-more .load-more-dot {
    background: #feda09;
    border-radius: 100%;
    height: 6px;
    width: 6px;
}

.load-more .load-more-text {
    font-size: 13px;
    font-weight: 600;
}

.load-more.is-loading .load-more-dots-static {
    display: none;
}

.load-more.is-loading .load-more-dots-anim {
    display: inline-block;
}

.resource-download-items {
    margin: 0 -15px 30px;
}

.resource-download-items .resource-download-item {
    float: left;
    margin: 15px;
}

.resource-download-item {
    border: dashed 3px #4a4a4a;
    border-radius: 8px;
    display: block;
    height: 108px;
    padding: 10px 12px;
    text-align: center;
    width: 108px;
}

.resource-download-item, .resource-download-item .button, .resource-download-item .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .resource-download-item .auto-suggest-submit {
    box-sizing: border-box;
}

.resource-download-item .icon {
    padding: 10px 0;
}

.resource-download-item .icon svg, .resource-download-item .icon img {
    display: block;
    margin: 0 auto;
    width: 40px;
}

.resource-download-item .icon svg g {
    fill: #4a4a4a;
}

.resource-download-item .button, .resource-download-item .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .resource-download-item .auto-suggest-submit {
    display: inline-block;
    min-width: 80px;
    white-space: nowrap;
    width: 80px;
}

.resource-download-item:hover {
    border-color: #feda09;
}

.resource-download-item:hover .icon svg g {
    fill: #feda09;
}

.resource-download-item:hover .button, .resource-download-item:hover .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .resource-download-item:hover .auto-suggest-submit {
    background: #feda09;
    color: #4a4a4a;
}

.page-error-404 {
    background: #feda09 url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/patterns/animals.png);
    min-height: 100vh;
}

.page-error-404 .page-error-404-image {
    background: 50% 50% no-repeat;
    background-image: url(/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/404.png);
    background-size: cover;
    height: -webkit-calc(100vh - 260px);
    height: calc(100vh - 260px);
}

.page-error-404 .page-error-404-text {
    height: 260px;
    margin: 0 auto;
    max-width: 460px;
    text-align: center;
}

.page-error-404 .page-error-404-text .page-404-title {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    line-height: 120px;
    padding: 0;
    margin: -58px 0 0 0;
    font-size: 120px;
}

.page-error-404 .page-error-404-text .page-404-subtitle {
    font-weight: 700;
}

.page-error-404 .page-error-404-text .button, .page-error-404 .page-error-404-text .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .page-error-404 .page-error-404-text .auto-suggest-submit {
    display: inline-block;
    font-weight: 700;
}

.page-landing {
    margin: 0 auto;
}

.page-landing .page-landing-header {
    margin: -90px 0 30px;
}

.page-landing .page-landing-title,
.page-landing .page-landing-subtitle {
    font-size: 21px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.page-landing .page-landing-title {
    font-weight: 700;
    margin-top: 30px;
}

.page-landing .page-landing-subtitle {
    font-weight: 600;
}

.page-landing .page-landing-body {
    padding-bottom: 60px;
}

.page-landing .card .button, .page-landing .card .search-window .auto-suggest-form .auto-suggest-submit, .search-window .auto-suggest-form .page-landing .card .auto-suggest-submit {
    display: inline-block;
}

.page-landing .card .card-content {
    position: relative;
    padding-top: 0;
    margin-top: 246px;
}

.page-landing .card .card-title {
    vertical-align: text-bottom;
    position: absolute;
    margin: 0;
    bottom: 100%;
}

.page-landing .card .card-intro {
    border: none;
}

.-clearfix:after {
    clear: both;
    content: ' ';
    display: table;
    font-size: 0;
    height: 0;
}

.-hide {
    display: none;
}

.-pull-left {
    float: left;
}

.-pull-right {
    float: right;
}

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

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

.-inline-list li {
    display: inline-block;
}

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

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

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

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

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

.-color-yellow {
    color: #feda09;
}

.-bg-yellow {
    background-color: #feda09;
}

.-color-green-dark {
    color: #068a7b;
}

.-bg-green-dark {
    background-color: #068a7b;
}

.-color-blue {
    color: #7eb1df;
}

.-bg-blue {
    background-color: #7eb1df;
}

.-color-orange {
    color: #ffa909;
}

.-bg-orange {
    background-color: #ffa909;
}

.-color-purple-dark {
    color: #561c53;
}

.-bg-purple-dark {
    background-color: #561c53;
}

.-color-purple {
    color: #a33398;
}

.-bg-purple {
    background-color: #a33398;
}

.-color-red {
    color: #c80e0e;
}

.-bg-red {
    background-color: #c80e0e;
}

.-color-blue-dark {
    color: #1b3068;
}

.-bg-blue-dark {
    background-color: #1b3068;
}

.-pos-relative {
    position: relative;
}

.-pos-absolute {
    position: absolute;
}

/* Responsive util classes */
@media (max-width: 679px) {
    .-hide-phone {
        display: none;
    }

    .-show-phone {
        display: initial;
    }

    .-show-mobile {
        display: auto;
    }

    .-hide-mobile {
        display: none;
    }

    .-show-desktop {
        display: none;
    }

    .-hide-desktop {
        display: auto;
    }
}

@media (min-width: 680px) and (max-width: 1199px) {
    .-show-phone {
        display: none;
    }

    .-show-mobile {
        display: auto;
    }

    .-hide-mobile {
        display: none;
    }

    .-show-desktop {
        display: none;
    }

    .-hide-desktop {
        display: auto;
    }
}

@media (min-width: 1200px) {
    .-show-phone {
        display: none;
    }

    .-show-mobile {
        display: none;
    }

    .-hide-mobile {
        display: auto;
    }

    .-show-desktop {
        display: auto;
    }

    .-hide-desktop {
        display: none;
    }
}

body {
    background-color: #fff;
    color: #4a4a4a;
    font-weight: normal;
    overflow-x: hidden;
}

.mega-menu-overlay {
    background: #ecebeb;
    left: 0;
    position: absolute !important;
    display: none !important;
    width: 100%;
    z-index: 20;
}

.mega-menu-overlay h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.mega-menu-overlay h2, .mega-menu-overlay .link-action {
    display: block;
    margin: 14px 0 7px;
}

.mega-menu-overlay .grid-row {
    max-width: 880px;
}

.mega-menu-overlay .grid-row .-columns-1 {
    min-width: 190px;
    max-width: 220px;
}

.mega-menu-overlay .mega-menu-content {
    position: relative;
}

.current-menu-item .current-menu-item .nav-top-submenu {
    display: none;
}

.current-menu-item .current-menu-item:hover .nav-top-submenu {
    display: inline-block;
}

@media (max-width: 770px) {
    .section-box .image-box, .section-box.second .image-box {
        float: none;
        width: 100%;
    }

    .section-box .text-box, .section-box.second .text-box {
        float: none;
        width: 100%;
        padding: 10px 0;
        text-align: left;
    }

    h2.page-t {
        font-size: 20px;
    }

    .sections-holder {
        padding: 0 15px;
    }

    .grid-holder {
        padding: 10px 15px;
    }

    .bottom-box {
        padding: 0 15px;
    }

    .grid-holder .col-box .text-box h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .sections-holder .section-box {
        padding-bottom: 15px;
    }

    .grid-holder .col-box .text-box p {
        font-size: 16px;
    }

    .section-box .text-box ul li {
        background-size: 22px;
        padding: 4px 0 6px 30px;
        font-size: 14px;
        margin-bottom: 4px;
        font-weight: 700;
    }

    .text-box h3 {
        font-size: 20px;
    }

    .grid-holder .col-box {
        float: none;
        padding: 6px;
        width: 100%;
    }

    .t-box {
        display: block;
        width: 100%;
        margin: 0;
        padding: 15px;
        vertical-align: top;
    }

    .t-box .text-box p {
        height: auto;
        min-height: 10px;
        line-height: 25px;
        margin-bottom: 12px;
    }

    .s-box {
        float: none;
        width: 100%;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        border: none;
        margin-bottom: 30px;
    }

    .grid-holder .col-box .image-box {
        height: auto;
        line-height: 0;
        min-height: inherit;
    }
}

@media (max-width: 479px) {
    .pk-box, .pk-box.pk-box-middle {
        float: none;
        width: 100%;
    }
}

@media (min-width: 479px) and (max-width: 749px) {
    .pk-title {
        font-size: 11px;
    }

    .pk-box, .pk-box.pk-box-middle {
        width: 33%;
    }

    .pk-title {
        height: 30px;
    }

    .pk-text img {
        max-width: 90px;
    }
}

.voucher-input table {
    margin-left: auto;
    margin-right: auto;
}

.voucher-input input[type=text] {
    border: 3px solid #ffd501;
    float: left;
    display: block;
    padding: 5px;
}

.voucher-input label {
    float: left;
    display: block;
}

.voucher-input button {
    float: left;
    display: block;
    margin-top: 0 !important;
    padding: 5px 25px !important;
    font-size: 19px !important;
}

.voucher-wrapper {
    float: left;
}

.goToTop {
    cursor: pointer;
}

.no-border {
    border: none;
}

.cookiePolicy {
    padding: 10px;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    border: 4px solid #feda09;
    background-color: #fff;
    margin: 10px;
    box-shadow: 0px 4px 11px -2px rgba(0, 0, 0, 0.4);
    text-align: center;
    display: flex;
}

.cookiePolicy .cookiePolicyContainer {
    font-size: 14px;
    margin-right: auto;
    padding-right: 10px;
}

.cookiePolicyButton {
    margin-left: auto;
}

@media (max-width: 767px) {
    .cookiePolicy {
        display: block;
    }

    .cookiePolicy .cookiePolicyContainer {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .cookiePolicyButton {
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

.cookiePolicy.hidePolicy {
    display: none;
}

.cookiePolicyButton button {
    color: #fff;
    cursor: pointer;
    background: #068a7b;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    padding: 11px 20px;
    line-height: 1;
    min-width: 100px;
    text-align: center;
}

.cookiePolicy a {
    color: #ffa909;
    text-decoration: none;
}

.ad-container-alt {
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: none;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 0;
}

.ad-container-alt .paszone_container {
    margin: 0 !important;
}

.ad-wrapper-alt {
    display: flex;
}

.ad-wrapper-alt .wppaszone {
    padding: 0;
    margin: 0;
}

.ad-left-alt {
    text-align: right;
    flex: 1;
}

.ad-middle-alt {
    text-align: center;
    flex: none;
}

.ad-right-alt {
    overflow: hidden;
    text-align: left;
    flex: 1;
}

.ad-alt-bg {
    background-image: url('/National_Library/oe_/https://www.natgeokids.com/wp-content/themes/natgeokids/images/bg_club.jpg');
    background-color: #ffd800;
    width: 100%;
    background-repeat: repeat-x;
    height: inherit;
}

.home .ssvpvideo {
    margin-bottom: 20px;
}