.gateway-content.popover {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    border-left: 1px solid #f2f5f7;
    min-height: 100%;
    overflow-y: auto;
    margin-right: -520%;
    transition: margin 700ms;
}
.gateway-content.popover.open {
    margin-right: 0%;
}
.gateway-content.popover .close_popover {
    position: absolute;
    top: 1rem;left: 1rem;
    z-index: 1000;
    color: #7a9199;
}
.close_popover a {
    color: #7a9199;
}
.gateway-content.popover form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    color: #718692;
}
.product-links .btn-link {
    position: relative
}
.btn-link.locked:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3Cstyle%3Esvg%7Bfill:%230c82b6%7D%3C/style%3E%3Cpath d='M144 144v48H304V144c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192V144C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64H80z'/%3E%3C/svg%3E");
    width: 15px;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
}
.btn-link.unlocked:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3Cstyle%3Esvg%7Bfill:%230c82b6%7D%3C/style%3E%3Cpath d='M352 144c0-44.2 35.8-80 80-80s80 35.8 80 80v48c0 17.7 14.3 32 32 32s32-14.3 32-32V144C576 64.5 511.5 0 432 0S288 64.5 288 144v48H64c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V256c0-35.3-28.7-64-64-64H352V144z'/%3E%3C/svg%3E");
    width: 15px;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
}
.abr_modal_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 200px;
    background: #fff;
    display: none;
    border-radius: 5px;
    border: 1px solid #05baca
}
.abr_modal {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 80%;
}
.abr_modal_wrap .close {
    text-align: right;
    color: #7a9199;
    margin: 5px;
}
.abr_modal_wrap .close a {
    color: #7a9199;
}
.btn-link.locked span {
    display: none;
    position: absolute;
    top: -108%;
    right: -2px;
    width: 164px;
    padding: 10px;
    border: 1px solid #0c82b6;
    background: #0c82b6;
    border-radius: 3px;
    color: #fff;
}
.btn-link.locked span::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: 72px;
    border-width: 5px;
    border-style: solid;
    border-color: #0c82b6 transparent transparent transparent;
}
#registerform .form-field-wrap-buttons .form-choice span {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    font-size: 0.9rem;
}
#registerform .conditional_field {
    display: none;
}
.gateway-content-inner {
    padding-left: 50px;
    padding-right: 50px;
}
.main-menu-trigger-input:checked ~ .main-menu-page-list-wrap .main-menu-page-list > .menu-item {
    max-height: 500px;
}
@media (min-width: 1700px) {
    .gateway-content.popover {
        margin-right: -30%;
    }
}
@media (max-width: 1023px) {
    .gateway-content.popover.open {
        width: 50%;
    }
    .gateway-content-inner {
        padding: 25px;
    }
}
@media (max-width: 883px) {
    #registerform .form-field-wrap-buttons .form-choice span {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
        font-size: 0.8rem;
    }
}
@media (max-width: 767px) {
    .gateway-content.popover.open {
        width: 100%;
    }
}
@media screen and (min-width: 680px) {
    .account-header .header-content {
        display: block;
    }
}
@media screen and (max-width: 476px) {
    #registerform .form-field-wrap-buttons .form-choice span {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
        font-size: 0.8rem;
    }
}


.js .nav-icon-items.asleep-familly {
    margin: auto;
}

/* tab links */
.tab-links-wrap {
    display: flex;
    max-width: 1060px;
    margin:40px auto -20px auto;
    /* padding-top: 80px; */
}
.tab-links-wrap .tab-link {
    font-size: 40px;
    font-weight: 100;
    font-family: "K2D", sans-serif;
    color: #0c82b6;
    background: #E5F2F8;
    padding: 15px 70px;
}
.tab-links-wrap .tab-link.current ,
.tab-links-wrap .tab-link:hover {
    background: #0C82B6;
    color: #fff;
}
.tab-links-wrap .tab-link sup {
    font-size: 30px;
}
@media (max-width: 767px) {
    .tab-links-wrap .tab-link {
        font-size: 1.5em;
        padding: 10px 40px;
    }
}

.main-menu-page-list a[target="_blank"]::after {
    margin-left: 3px;
}

.new-nav-icon .nav-icon-items.gettingup-familly {
    filter: none;
    justify-content: center;
}
.new-nav-icon  .nav-icon-item-link {
    box-shadow: none;
}
.new-nav-icon  .nav-icon-item:hover {
    box-shadow: 0 9px 35px rgba(133,177,204,0.25);
    z-index: 10;
}
