* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html,
body {
    width: 100%;
    height: 100%
}

body {
    font-family: "Fredoka", sans-serif;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    background-color: #404451;
}

body.mobile_mask {
    overflow-y: hidden
}

a {
    text-decoration: none
}

ul,
ol {
    list-style: none
}


button {
    border: none;
    outline: none
}

.container {
    width: 1430px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (max-width: 1430px) {
    .container {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

img {
    display: block
}

header .mask_b {
    display: none
}

header .container {
    display: flex;
    align-items: stretch;
    height: 70px
}

header .container .menu_branch_search {
    display: flex;
    align-items: center;
    justify-content: center
}

header .container .menu_branch_search .menu_trigger,
header .container .menu_branch_search .search_trigger {
    display: none
}

header .container .menu_branch_search .branch {
    width: 160px;
    height: 60px;
    background: #404451;
    box-shadow: 0 1px 2px #000;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -10px;
    padding: 0 8px;
}

header .container .menu_branch_search .branch img {
    height: 50px
}

@media screen and (max-width: 900px) {
    header .container .menu_branch_search .menu_trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background: #ffa500;
        color: #000;
        box-shadow: 0 1px 2px #000;
        border-radius: 20px;
        margin-right: 20px
    }

    header .container .menu_branch_search .menu_trigger .iconfont {
        font-size: 14px;
        color: #333
    }
}

header .container .category_search {
    display: flex;
    align-items: center;
    padding-left: 150px;
    margin-left: auto;
}

@media screen and (max-width: 1200px) {
    header .container .category_search {
        padding-left: 40px
    }
}

header .container .category_search nav {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    flex: 1;
    height: 100%;
    flex-wrap: wrap;
    overflow-y: hidden
}

header .container .category_search nav a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

header .container .category_search nav a + a {
    margin-left: 10px
}

header .container .category_search nav a span {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 20px;
    transition: all .3s;
}

header .container .category_search nav a span img {
    height: 28px;
    margin-right: 5px
}

header .container .category_search nav a:hover span {
    color: #ffa500;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2)
}

header .container .category_search nav a small {
    display: none
}

header .container .category_search .more {
    width: 40px;
    height: 40px;
    background: #ffa500;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

header .container .category_search .more .svg-icon {
    width: 16px;
    height: 16px;
}

header .container .category_search .search_form {
    position: relative;
    margin-left: 10px;
    padding-right: 32px;
    border: 1px solid #737373;
    border-radius: 20px;
}

header .container .category_search .search_form input {
    width: 250px;
    height: 40px;
    background: 0 0;
    border: 0;
    color: #fff;
    outline: none;
    text-indent: 1em;
    font-family: inherit;
}

header .container .category_search .search_form button {
    width: 32px;
    height: 32px;
    background: 0 0;
    color: #fff;
    border-radius: 17px;
    border: none;
    outline: none;
    position: absolute;
    top: 3px;
    right: 3px
}

header .container .category_search .search_form button .iconfont {
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

@media screen and (max-width: 900px) {
    header .container .category_search nav,
    header .container .category_search .more {
        display: none
    }
}

header .container .category_search.index .search_form {
    display: none
}

@media screen and (max-width: 900px) {
    header .container .category_search.index .search_form {
        display: block
    }
}

@media screen and (max-width: 900px) {
    header .container {
        justify-content: space-between
    }
}

@media screen and (max-width: 700px) {
    header .container .menu_branch_search {
        width: 100%;
        justify-content: space-between
    }

    header .container .menu_branch_search .menu_trigger {
        margin-right: 0
    }

    header .container .menu_branch_search .search_trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background: #ffa500;
        color: #000;
        box-shadow: 0 1px 2px #000;
        border-radius: 20px
    }

    header .container .menu_branch_search .search_trigger::before {

        color: #333
    }

    header .container .menu_branch_search .search_trigger.active::before {

    }

    header .container .category_search {
        display: none
    }

    header.mobile_active {
        position: relative
    }

    header.mobile_active .mask_b {
        display: block;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        z-index: 99
    }

    header.mobile_active .container {
        position: relative;
        z-index: 100;
        background-color: #21242C;
        padding-bottom: 30px;
        height: auto;
        flex-wrap: wrap
    }

    header.mobile_active .container .menu_branch_search {
        justify-content: space-between;
        width: 100%;
        padding-top: 15px
    }

    header.mobile_active .container .menu_branch_search .search_trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background: #ffa500;
        box-shadow: 0 1px 2px #000;
        border-radius: 20px
    }

    header.mobile_active .container .menu_branch_search .search_trigger .iconfont {
        font-size: 14px;
        color: #333
    }

    header.mobile_active .container .category_search {
        width: 100%;
        padding-left: 0;
        display: block
    }

    header.mobile_active .container .category_search .search_form {
        margin-top: 20px;
        margin-left: 0;
        width: 100%
    }

    header.mobile_active .container .category_search .search_form input {
        width: 100%
    }
}

.mask_category {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999;
    display: none;
    transition: all .3s
}

.mask_category .mask_main {
    position: absolute;
    width: 260px;
    height: 100%;
    background-color:#21242C;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px
}

.mask_category .mask_main h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 18px
}

.mask_category .mask_main nav {
    width: 100%;
    overflow-y: scroll
}

.mask_category .mask_main nav::-webkit-scrollbar {
    display: none
}

.mask_category .mask_main nav a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #404451;
    box-shadow: 0 1px 2px #000;
    border-radius: 25px;
    height: 50px;
    padding: 0 20px;
    border: 2px solid #fff;
}

.mask_category .mask_main nav a + a {
    margin-top: 10px
}

.mask_category .mask_main nav a span {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    transition: all .3s
}

.mask_category .mask_main nav a span img {
    height: 18px;
    margin-right: 5px
}

.mask_category .mask_main nav a small {
    font-size: 14px;
    color: #999
}

.mask_category .mask_main nav a:hover span {
    color: #ffa500
}

.mask_category .mask_main .close {
    position: absolute;
    left: 100%;
    top: 12px;
    width: 36px;
    height: 36px;
    background-color: #21242C;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px
}

.mask_category .mask_main .close .svg-icon {
    color: #fff;
    width: 16px;
    height: 16px;
}

.mask_category.active {
    display: block
}

.banner_top {
    background: #0b2268;
    position: relative;
    /*box-shadow: inset 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, .5), -0.125rem -0.125rem 0.1875rem rgba(0, 0, 0, .4) inset, 0.125rem 0.125rem 0.1875rem rgba(255, 255, 255, .4) inset;*/
}

.banner_top::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner_top .container {
    position: relative;
    z-index: 2;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.banner_top .container .search_box {
    width: 300px
}

.banner_top .container .search_box .search_form {
    position: relative;
    margin-bottom: 15px
}

.banner_top .container .search_box .search_form input {
    width: 300px;
    height: 40px;
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    border: none;
    outline: none;
    text-indent: 1em;
    font-family: inherit;
}

.banner_top .container .search_box .search_form button {
    width: 40px;
    height: 34px;
    background: #ffa500;
    border-radius: 17px;
    border: none;
    outline: none;
    position: absolute;
    color: #000;
    top: 3px;
    right: 3px;
    cursor: pointer;
}

.banner_top .container .search_box .search_form button .iconfont {
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.banner_top .container .search_box .search_recommend {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.banner_top .container .search_box .search_recommend li {
    margin-right: 6px;
    margin-bottom: 6px
}

.banner_top .container .search_box .search_recommend li a {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    font-weight: 500;
    background: rgba(255, 255, 255, .2);
    border-radius: 12px
}

.banner_top .container .search_box .search_recommend li a:hover {
    text-decoration: underline
}

.banner_top .container .index_top_swiper {
    width: calc(100% - 340px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.banner_top .container .index_top_swiper > button {
    width: 30px;
    height: 30px;
    background: #ffa500;
    box-shadow: 0 1px 2px #000;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    outline: 0;
    border: 0
}

.banner_top .container .index_top_swiper > button:hover {
    opacity: .8
}

.banner_top .container .index_top_swiper > button .svg-icon {
    width: 16px;
    height: 16px;
}

.banner_top .container .index_top_swiper .swiper_box {
    width: calc(100% - 120px);
    overflow-x: hidden
}

.banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
    width: calc((100% - 160px) / 9);
    display: flex;
    align-items: center;
    flex-direction: column
}

@media screen and (max-width: 1360px) {
    .banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
        width: calc((100% - 140px) / 8)
    }
}

@media screen and (max-width: 1260px) {
    .banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
        width: calc((100% - 120px) / 7)
    }
}

@media screen and (max-width: 1160px) {
    .banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
        width: calc((100% - 100px) / 6)
    }
}

@media screen and (max-width: 960px) {
    .banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
        width: calc((100% - 80px) / 5)
    }
}

@media screen and (max-width: 900px) {
    .banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
        width: calc((100% - 120px) / 7)
    }
}

@media screen and (max-width: 800px) {
    .banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide {
        width: calc((100% - 100px) / 6)
    }
}

.banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide .thum {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    box-shadow: rgb(0 0 0 / 33%) 3px 3px 7px 1px;
}

.banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide .thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
    object-position: center
}

.banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide:hover .thum img {
    transform: scale(1.1)
}

.banner_top .container .index_top_swiper .swiper_box .swiper-wrapper .swiper-slide p {
    width: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 900px) {
    .banner_top .container {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .banner_top .container .search_box {
        display: none
    }

    .banner_top .container .index_top_swiper {
        width: 100%
    }
}

@media screen and (max-width: 700px) {
    .banner_top .container {
        display: none
    }
}

.featured_games {
    margin-top: 20px
}

.featured_games .container .featured_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.featured_games .container .featured_title h2 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff
}

.featured_games .container .featured_title .actions {
    display: flex;
    align-items: center
}

.featured_games .container .featured_title .actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffa500;
    box-shadow: 0 1px 2px #000;
    border-radius: 25px;
    transition: all .3s;
    outline: 0;
    border: 0;
}

.featured_games .container .featured_title .actions button + button {
    margin-left: 10px
}

.featured_games .container .featured_title .actions button:hover {
    opacity: .8
}

.featured_games .container .featured_title .actions button .s {
    font-size: 14px;
    color: #333
}

.featured_games .container .featured_banner {
    overflow-x: hidden
}

.featured_games .container .featured_banner .swiper-wrapper {
    padding-bottom: 10px
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide {
    width: calc((100% - 30px) / 4);
    background: #22252d;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 10px;
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .thum {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 4px solid #fff;
    margin: 0 0 12px;
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info dl {
    width: calc(100% - 90px)
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info dl dt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info dl dd {
    font-size: 14px;
    color: #ccc;
    display: flex;
    align-items: center
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info dl dd .iconfont {
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
    margin-right: 4px
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info > span {
    width: 80px;
    height: 30px;
    background: #ffa500;
    border-radius: 15px;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all .1s;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, .5), -0.1875rem -0.1875rem 0.125rem rgba(0, 0, 0, .3) inset, 0.1875rem 0.1875rem 0.125rem rgba(255, 255, 255, .3) inset;
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide .item_info > span:hover {
    transform: translateY(-3px);
    box-shadow: inset 1px 1px 10px 3px rgba(189, 189, 183, 0.35);
    color: #fff;
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2)
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide:hover .thum img {
    transform: scale(1.1)
}

.featured_games .container .featured_banner .swiper-wrapper .swiper-slide:hover .item_info dl dt {
    color: #ffa500
}

@media screen and (max-width: 1080px) {
    .featured_games .container .featured_banner .swiper-wrapper .swiper-slide {
        width: calc((100% - 20px) / 3)
    }
}

@media screen and (max-width: 840px) {
    .featured_games .container .featured_banner .swiper-wrapper .swiper-slide {
        width: calc(50% - 5px)
    }
}

@media screen and (max-width: 600px) {
    .featured_games .container .featured_banner .swiper-wrapper .swiper-slide {
        width: 340px
    }
}

@media screen and (max-width: 700px) {
    .featured_games {
        position: relative;
        margin-top: 0
    }

    .featured_games::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 140px;
        z-index: 1;
        background-image: url(../images/img-index_top_bg.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: center
    }

    .featured_games .container {
        padding-top: 15px
    }

    .featured_games .container .featured_title {
        display: none
    }
}

.ad_box {
    background-color: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 20px 0 10px
}

.ad_box .test_ad {
    width: calc(100% - 40px);
    height: 250px;
    background-color: #d8d8d8
}

.ad_box p {
    font-size: 14px;
    color: #ccc;
    margin-top: 5px
}

@media screen and (max-width: 700px) {
    .ad_box {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        margin-top: 5px
    }

    .ad_box .test_ad {
        width: 100%;
        height: 250px;
        background-color: #d8d8d8
    }

    .ad_box.ad_box_bg {
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 1px 2px #000
    }

    .ad_box.ad_box_bg .test_ad {
        width: 100%;
        height: 250px;
        background-color: #d8d8d8
    }
}

.popular_games {
    margin-top: 20px
}

@media screen and (max-width: 600px) {
    .popular_games {
        margin-top: 10px
    }
}

.popular_games .container .popular_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

.popular_games .container .popular_title h2 {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.popular_games .container .popular_title .actions {
    display: flex;
    align-items: center
}

.popular_games .container .popular_title .actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffa500;
    box-shadow: 0 1px 2px #000;
    border-radius: 25px;
    transition: all .3s;
    border: 0;
    outline: 0;
}

.popular_games .container .popular_title .actions button + button {
    margin-left: 10px
}

.popular_games .container .popular_title .actions button:hover {
    opacity: .8
}

.popular_games .container .popular_title .actions button .svg-icon {
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 600px) {
    .popular_games .container .popular_title {
        margin-bottom: 10px
    }

    .popular_games .container .popular_title h2 {
        font-size: 20px
    }

    .popular_games .container .popular_title .actions {
        display: none
    }
}

.popular_games .container .popular_swiper {
    overflow-x: hidden
}

.popular_games .container .popular_swiper .swiper-wrapper {
    padding-bottom: 10px
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide {
    width: calc((100% - 70px) / 8)
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a {
    background: #22252d;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a + a {
    margin-top: 10px
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a .thum {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a .thum img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dt {
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dd:nth-child(2) {
    font-size: 14px;
    color: #ccc;
    display: flex;
    align-items: center;
    font-weight: 600;
    margin: 6px 0 0;
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dd:nth-child(2) .iconfont {
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
    margin-right: 4px
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dd:nth-child(3) {
    display: flex;
    align-items: center
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dd:nth-child(3) .iconfont {
    width: 30px;
    height: 30px;
    background-color: #f5f5f5;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ccc;
    transition: all .3s
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dd:nth-child(3) .iconfont:hover {
    background-color: #ffa500;
    color: #fff
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a dl dd:nth-child(3) .iconfont + .iconfont {
    margin-left: 10px
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2)
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a:hover .thum img {
    transform: scale(1.1)
}

.popular_games .container .popular_swiper .swiper-wrapper .swiper-slide > a:hover dl dt {
    color: #ffa500
}

@media screen and (max-width: 1080px) {
    .popular_games .container .popular_swiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 50px) / 6)
    }
}

@media screen and (max-width: 840px) {
    .popular_games .container .popular_swiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 30px) / 4)
    }
}

@media screen and (max-width: 600px) {
    .popular_games .container .popular_swiper .swiper-wrapper .swiper-slide {
        width: 165px
    }
}

.hot_games {
    margin-top: 15px
}

.hot_games .container .hot_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hot_games .container .hot_title h2 {
    font-size: 24px;
    font-weight: 600;
    color: #fff
}

.hot_games .container .hot_title .actions {
    display: flex;
    align-items: center
}

.hot_games .container .hot_title .actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffa500;
    box-shadow: 0 1px 2px #000;
    border-radius: 25px;
    transition: all .3s;
    border: 0;
    outline: 0;
}

.hot_games .container .hot_title .actions button + button {
    margin-left: 10px
}

.hot_games .container .hot_title .actions button:hover {
    opacity: .8
}

.hot_games .container .hot_title .actions button .svg-icon {
    width: 16px;
    height: 16px;
}

.hot_games .container .hot_swiper {
    overflow-x: hidden
}

.hot_games .container .hot_swiper .swiper-wrapper {
    padding-bottom: 10px
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide {
    width: calc((100% - 30px) / 4)
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a {
    background: #22252d;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    padding: 10px;
    max-height: 90px;
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a + a {
    margin-top: 10px
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .thum {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    overflow: hidden;
    border: 4px solid #fff;
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .thum img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .item_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 70px)
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .item_info dl {
    width: calc(100% - 90px)
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .item_info dl dt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .item_info dl dd {
    font-size: 14px;
    color: #ccc;
    display: flex;
    align-items: center
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .item_info dl dd .iconfont {
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
    margin-right: 4px
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a .item_info .icon_play {
    width: 40px;
    height: 40px;
    background: #ffa500;
    border-radius: 15px;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all .1s;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, .5), -0.1875rem -0.1875rem 0.125rem rgba(0, 0, 0, .3) inset, 0.1875rem 0.1875rem 0.125rem rgba(255, 255, 255, .3) inset
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a:hover .item_info .icon_play {
    box-shadow: rgb(0 0 0/24%) 0 6px 12px 0;
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2)
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a:hover .thum img {
    transform: scale(1.1)
}

.hot_games .container .hot_swiper .swiper-wrapper .swiper-slide a:hover .item_info dl dt {
    color: #ffa500
}

@media screen and (max-width: 1080px) {
    .hot_games .container .hot_swiper .swiper-wrapper .swiper-slide {
        width: calc((100% - 20px) / 3)
    }
}

@media screen and (max-width: 840px) {
    .hot_games .container .hot_swiper .swiper-wrapper .swiper-slide {
        width: calc(50% - 5px)
    }
}

@media screen and (max-width: 600px) {
    .hot_games .container .hot_swiper .swiper-wrapper .swiper-slide {
        width: 340px
    }
}

@media screen and (max-width: 600px) {
    .hot_games {
        position: relative;
        margin-top: 0
    }

    .hot_games .container {
        padding-top: 5px
    }

    .hot_games .container .hot_title .actions {
        display: none
    }
}

.category_games {
    padding-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
}

.category_games .games_box {
    width: 100%;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.category_games .games_box h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 28px;
    color: #fff;
    font-weight: 600
}

.category_games .games_box h1 img {
    height: 18px;
    margin-right: 4px
}

.category_games .games_box ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 24px;
}

.category_games .games_box ul li {
    width: calc((100% - ((7 - 1) * 12px)) / 7);
    margin-right: 12px
}

.category_games .games_box ul li:nth-child(7n) {
    margin-right: 0
}

.category_games .games_box ul li:nth-child(n+8) {
    margin-top: 12px
}

.category_games .games_box ul li a .thum {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 7px 0 rgb(0 0 0 / 36%);
}

.category_games .games_box ul li a .thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s
}

.category_games .games_box ul li a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 600
}

.category_games .games_box ul li a:hover .thum img {
    transform: translateY(-3px);
}

.category_games .games_box ul li a:hover p {
    color: #ffa500
}

.category_games .aside_ad {
    width: 340px;
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: sticky;
    top: 20px
}

.category_games .aside_ad .test_ad {
    width: 300px;
    height: 600px;
    background-color: #00f7de
}

.category_games .aside_ad p {
    font-size: 14px;
    color: #999;
    margin-top: 5px
}

@media screen and (max-width: 1080px) {
    .category_games .aside_ad {
        display: none
    }

    .category_games .games_box {
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .category_games .games_box ul {

    }

    .category_games .games_box ul li {
        width: calc((100% - 60px) / 6);
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(7n) {
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(6n) {
        margin-right: 0
    }

    .category_games .games_box ul li:nth-child(n+7) {
        margin-top: 10px
    }
}

@media screen and (max-width: 840px) {
    .category_games .games_box ul {

    }

    .category_games .games_box ul li {
        width: calc((100% - 48px) / 5);
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(6n) {
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(5n) {
        margin-right: 0
    }

    .category_games .games_box ul li:nth-child(n+6) {
        margin-top: 10px
    }
}

@media screen and (max-width: 768px) {

    .category_games .games_box ul li {
        width: calc((100% - 36px) / 4);
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(5n) {
        margin-right: 12px
    }
    .category_games .games_box ul li:nth-child(4n)
    {
        margin-right: 0
    }
    /*.category_games .games_box ul li:nth-child(4n) {
        margin-right: 0
    }*/

    .category_games .games_box ul li:nth-child(n+4) {
        margin-top: 10px
    }
}

@media screen and (max-width: 600px) {

    .category_games .games_box ul {
        padding: 0
    }

    .category_games .games_box ul li {
        width: calc((100% - 24px) / 3);
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(7n) {
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(4n) {
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(3n) {
        margin-right: 0
    }

    .category_games .games_box ul li:nth-child(n+4) {
        margin-top: 12px
    }
}

@media screen and (max-width: 500px) {

    .category_games .games_box ul {
        padding: 0
    }

    .category_games .games_box ul li {
        width: calc((100% - 12px) / 2);
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(7n) {
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(3n) {
        margin-right: 12px
    }

    .category_games .games_box ul li:nth-child(2n) {
        margin-right: 0
    }

    .category_games .games_box ul li:nth-child(n+3) {
        margin-top: 12px
    }
}

.search_games_box {
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px
}

.search_games_box h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    font-weight: 600
}

.search_games_box .games_list {
    width: 100%;
    padding: 0 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.search_games_box .games_list li {
    width: calc((100% - 210px) / 7);
    margin-right: 35px
}

.search_games_box .games_list li:nth-child(7n) {
    margin-right: 0
}

.search_games_box .games_list li:nth-child(n+8) {
    margin-top: 20px
}

.search_games_box .games_list li a .thum {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    margin-bottom: 10px
}

.search_games_box .games_list li a .thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s
}

.search_games_box .games_list li a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #666;
    text-align: center;
    font-weight: 600
}

.search_games_box .games_list li a:hover .thum img {
    transform: scale(1.1)
}

.search_games_box .games_list li a:hover p {
    color: #ffa500
}

.search_games_box .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.search_games_box .pagination li a,
.search_games_box .pagination li span {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666
}

.search_games_box .pagination li a {
    transition: all .3s
}

.search_games_box .pagination li a:hover {
    background: #ffa500;
    box-shadow: 0 2px 10px 0 #ff4f00;
    color: #fff
}

.search_games_box .pagination li.disabled {
    cursor: not-allowed
}

.search_games_box .pagination li.active span {
    background: #ffa500;
    box-shadow: 0 2px 10px 0 #ff4f00;
    color: #fff;
    cursor: pointer
}

.search_games_box .pagination li + li {
    margin-left: 10px
}

@media screen and (max-width: 840px) {
    .search_games_box .games_list {
        padding: 0 15px
    }

    .search_games_box .games_list li {
        width: calc((100% - 120px) / 5);
        margin-right: 30px
    }

    .search_games_box .games_list li:nth-child(7n) {
        margin-right: 30px
    }

    .search_games_box .games_list li:nth-child(5n) {
        margin-right: 0
    }

    .search_games_box .games_list li:nth-child(n+6) {
        margin-top: 10px
    }
}

@media screen and (max-width: 600px) {
    .search_games_box {
        padding: 15px
    }

    .search_games_box .games_list {
        padding: 0
    }

    .search_games_box .games_list li {
        width: calc((100% - 30px) / 3);
        margin-right: 15px
    }

    .search_games_box .games_list li:nth-child(7n) {
        margin-right: 15px
    }

    .search_games_box .games_list li:nth-child(5n) {
        margin-right: 15px
    }

    .search_games_box .games_list li:nth-child(3n) {
        margin-right: 0
    }

    .search_games_box .games_list li:nth-child(n+4) {
        margin-top: 15px
    }
}

.no_res {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px
}

.no_res h3 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin: 20px 0
}

.no_res p {
    font-size: 14px;
    color: #666
}

.no_res .back {
    margin-top: 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999
}

.no_res .back a {
    width: 100px;
    height: 40px;
    margin-left: 10px;
    background: #ffa500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    transition: all .3s;
    border-radius: 20px
}

.no_res .back a:hover {
    opacity: .8
}

.primary_main {
    min-height: calc(100vh - 150px);
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px
}

.primary_main h1 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.primary_main h2 {
    font-size: 16px;
    color: #333;
    font-weight: 800;
    margin-bottom: 10px
}

.primary_main p {
    font-size: 14px;
    color: #666
}

.primary_main .layui-form .layui-form-item {
    margin-bottom: 20px
}

.primary_main .layui-form .layui-form-item input {
    border: none;
    outline: none;
    height: 40px;
    border-radius: 21px;
    background-color: #f2f2f2;
    text-indent: 1em
}

.primary_main .layui-form .layui-form-item textarea {
    border: none;
    outline: none;
    background-color: #f2f2f2;
    text-indent: 1em;
    resize: none;
    border-radius: 20px
}

.primary_main .layui-form .layui-form-item.flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.primary_main .layui-form .layui-form-item.flex input {
    width: calc(50% - 10px)
}

.primary_main .layui-form input[type=submit] {
    width: 90px;
    height: 40px;
    background: #ffa500;
    border-radius: 20px;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s
}

.primary_main .layui-form input[type=submit]:hover {
    opacity: .8
}

@media screen and (max-width: 600px) {
    .primary_main .layui-form .layui-form-item.flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column
    }

    .primary_main .layui-form .layui-form-item.flex input {
        width: 100%
    }

    .primary_main .layui-form .layui-form-item.flex input + input {
        margin-top: 20px
    }
}

.extension_box {
    display: grid;
    grid-template-columns: repeat(auto-fill, calc((100% - 160px) / 9));
    gap: 20px 20px;
    justify-content: center;
    grid-auto-flow: row dense
}

.extension_box li:nth-child(1) {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3
}

.extension_box li:nth-child(2) {
    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 2;
    grid-row-end: 4
}

.extension_box li:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 6
}

.extension_box li a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

.extension_box li a .thum {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.extension_box li a .thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s
}

.extension_box li a p {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    z-index: 3;
    transform: translateY(100%);
    transition: all .3s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 48%, rgba(0, 0, 0, 0.9) 100%)
}

.extension_box li a::after {
    content: "";
    display: block;
    width: 142%;
    height: 142%;
    position: absolute;
    left: -21%;
    top: -21%;
    transition: all 1s;
    z-index: 2;
    transform: rotateZ(45deg) translateY(100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 30%, white 31%, rgba(255, 255, 255, 0) 100%)
}

.extension_box li a:hover .thum img {
    transform: scale(1.1)
}

.extension_box li a:hover p {
    transform: translateY(0)
}

.extension_box li a:hover::after {
    transform: rotateZ(45deg) translateY(-100%)
}

@media screen and (max-width: 1250px) {
    .extension_box {
        grid-template-columns: repeat(auto-fill, calc((100% - 140px) / 8))
    }
}

@media screen and (max-width: 1100px) {
    .extension_box {
        grid-template-columns: repeat(auto-fill, calc((100% - 120px) / 7))
    }

    .extension_box li:nth-child(1) {
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 3
    }
}

@media screen and (max-width: 950px) {
    .extension_box {
        grid-template-columns: repeat(auto-fill, calc((100% - 100px) / 6))
    }

    .extension_box li:nth-child(2) {
        grid-column-start: 5;
        grid-column-end: 7;
        grid-row-start: 2;
        grid-row-end: 4
    }

    .extension_box li:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 4;
        grid-row-end: 6
    }
}

@media screen and (max-width: 800px) {
    .extension_box {
        gap: 15px 15px;
        grid-template-columns: repeat(auto-fill, calc((100% - 75px) / 6))
    }
}

@media screen and (max-width: 700px) {
    .extension_box {
        grid-template-columns: repeat(auto-fill, calc((100% - 60px) / 5))
    }

    .extension_box li:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3
    }

    .extension_box li:nth-child(2) {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 4
    }
}

@media screen and (max-width: 600px) {
    .extension_box {
        gap: 10px 10px;
        grid-template-columns: repeat(auto-fill, calc((100% - 20px) / 3))
    }

    .extension_box li:nth-child(1),
    .extension_box li:nth-child(2),
    .extension_box li:nth-child(3) {
        grid-column-start: initial;
        grid-column-end: initial;
        grid-row-start: initial;
        grid-row-end: initial
    }

    .extension_box li a {
        border-radius: 15px
    }
}

.top_game_info {
    border-radius: 20px;
    background-color: #21242c;
    box-shadow: 0 1px 2px #000;
    color: #fff;
    margin: 0 0 24px;
    position: relative;
}

.top_game_info:after {
    /*content: "";*/
    background-image: url(../images/images-mario-games.png);
    position: absolute;
    top: -33px;
    left: 50%;
    width: 45px;
    height: 52px;
    background-size: contain;
}

.top_game_info .crumbs {
    display: flex;
    align-items: center;
    background: 0 0;
    border-radius: 7px 7px 0 0;
    padding: 12px 20px;
    border-bottom: 1px solid #404040;
}

.top_game_info .crumbs a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    font-weight: 600
}

.top_game_info .crumbs a:hover {
    color: #ffa500
}

.top_game_info .crumbs a .svg-icon {
    width: 12px;
    height: 12px;
    margin-right: 2px
}

.top_game_info .crumbs a::after {
    content: "/";
    padding: 0 10px
}

.top_game_info .crumbs p {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8)
}

.top_game_info .info_detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.top_game_info .info_detail .left {
    width: 100%;
    display: flex;
    align-items: center
}

.top_game_info .info_detail .left .thum {
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 20px;
    overflow: hidden
}

.top_game_info .info_detail .left .thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.top_game_info .info_detail .left dl {
    flex: 1;
    margin-left: 10px
}

.top_game_info .info_detail .left dl dt {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.top_game_info .info_detail .left dl dt::after {
    content: "" !important;
    width: 18px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAMAAAChHKjRAAAAz1BMVEUAAAAa0pFh4LMr1pqE7MM+2aKG7cWO/8Yl1JYy15xw5Lt25r4h05Q72KFC2qRF26ZS3axf4LJ+6MGI7so32J5K26hO3KpV3q5X369l4bV05Lx15bx45b6S/9tb37Bq4rdu5Lpx47t95sN96cMJzoj///8Mz4oP0IwV0Y7W9+yU6syx8Npv47pA2qPv/Pjo+/Tg+fDL9ebA8+GJ6MeB5sI22J4r1Zkq1Zj1/frn+/TQ9unO9ujK9ea+8uCz8dul7dSk7dOj7dOE58Rg4LJP3Kr2durnAAAAJHRSTlMA/q74G+wTCfr0elv+7ujk0rc9DvDe2MvHo2xkUge+lYJ1My8FQTxtAAABXElEQVQ4y83T53qCMBiG4ZewwW3d2hmCe2v37vkfU4MpGJTxt/cP/ZTnyhUw4kSvqJT6yHblU0r9DjJoTSqU75DC6BRoaEg0xJjmQKs5pDmksmGDODVtYJrgbnVGs7BiDdBpniLAciMG0Hz/J/oZPe3yom/P88Zh5Cc3U948zA6jDyiJzZY3c9FQBbDCRyYtyca8WeyoYAGqmGaL+TRqPnmz3Icf1ei32/Dvt2L0J3weHY+NDlTEdP8Y3A0LzsiaTytpqxWA0L9qya+9M6qs+PtaPlsEcMK5MOJX3/bB6yT2XBxAi86K8uIJH0xumAbAPp7Y1yAJdiazwbWCSbqvLxrXBufKS2+ep/SEi4BKs6g4qGZGRESGktEoBvKXItH/20rfUR2hblrDejhqp0SXkJUSmzJiDD2hKdURVy+fNQ0TZ6oslvgESVxbai76SHFth8kNMnQrFlNbLuJ+AVX3lq2lOcDrAAAAAElFTkSuQmCC) no-repeat !important;
    background-size: cover !important;
    margin-left: 5px;
    margin-top: 1px
}

.top_game_info .info_detail .left dl dt.free::after {
    content: "Free";
    background: 0 0
}

.top_game_info .info_detail .left dl dt.paid::after {
    content: "Paid";
    background: 0 0
}

.top_game_info .info_detail .left dl dd {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.top_game_info .info_detail .left dl dd:last-child {
    margin: 8px 0 0;
}

.top_game_info .info_detail .left dl dd > * {
    /* height: 20px;
     margin-bottom: 5px*/
}

.top_game_info .info_detail .left dl dd span {
    /*display: flex;
    align-items: center;
    font-size: 14px;
    color: rgba(102, 102, 102, .6)*/
}

/*.top_game_info .info_detail .left dl dd span .iconfont {
    font-size: 14px;
    margin-right: 4px;
    color: #ffa500
}*/

.top_game_info .info_detail .left dl dd span::after {
    /* content: "";
     width: 4px;
     height: 4px;
     background-color: rgba(255, 255, 255, .6);
     border-radius: 3px;
     margin: 3px 8px 0*/
}

.top_game_info .info_detail .left dl dd a {
    display: flex;
    align-items: center;
    transition: all .3s;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #404451;
    color: #ffffff;
    box-shadow: 0 2px 4px #00000080
}

.top_game_info .info_detail .left dl dd a:hover {
    background-color: #ffa500;
}

/*.top_game_info .info_detail .left dl dd a + a::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: rgba(102, 102, 102, .6);
    border-radius: 3px;
    margin: 3px 8px 0
}*/

.top_game_info .info_detail .right {
    display: flex;
    align-items: center
}

.top_game_info .info_detail .right a {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.top_game_info .info_detail .right a::before {
    width: 50px;
    height: 50px;
    background: #ff6d24;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-family: iconfont;
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px
}

.top_game_info .info_detail .right a.ok::before {
    content: ""
}

.top_game_info .info_detail .right a.ok.active::before {
    content: ""
}

.top_game_info .info_detail .right a.fail::before {
    content: ""
}

.top_game_info .info_detail .right a.fail.active::before {
    content: ""
}

.top_game_info .info_detail .right a + a {
    margin-left: 20px
}

@media screen and (max-width: 600px) {
    .top_game_info {
        /*padding: 15px*/
    }

    .top_game_info .info_detail .left {
        width: 100%
    }

    .top_game_info .info_detail .left .thum {
        width: 90px;
        height: 90px
    }

    .top_game_info .info_detail .left dl {
        width: calc(100% - 70px)
    }

    .top_game_info .info_detail .left dl dt {
        font-size: 20px;
        margin-bottom: 5px
    }

    .top_game_info .info_detail .left dl dd span {
        /*display: none*/
    }

    .top_game_info .info_detail .right {
        display: none
    }
}

.mobile_ad {
    display: none
}

@media screen and (max-width: 600px) {
    .mobile_ad {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 10px
    }

    .mobile_ad > p {
        transform: translateY(0);
        font-size: 14px;
        color: #ccc;
        margin-top: 4px
    }
}

.detail_between {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    position: relative
}

.detail_between .detail_main {
    width: calc(100% - 364px)
}

.detail_between .detail_main .desc_ad {
    background: #21242c;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    margin-bottom: 20px;
}

.detail_between .detail_main .desc_ad::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    border-radius: 10px;
    background-color: #f5f5f5
}

.detail_between .detail_main .desc_ad::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

.detail_between .detail_main .desc_ad::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .05)
}


.detail_between .detail_main .desc_ad .desc .desc_box {
    margin-bottom: 10px;
    padding-right: 10px
}

.detail_between .detail_main .desc_ad .desc .desc_box p {
    font-family: "Fredoka", sans-serif;
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 10px !important;
    line-height: 1.4em !important
}

.detail_between .detail_main .desc_ad .desc > a {
    display: none
}

.detail_between .detail_main .desc_ad .apk_down {
    width: calc(100% - 350px);
    background-color: #f2f2f2;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px 0
}

.detail_between .detail_main .desc_ad .apk_down .thum {
    width: 90px;
    height: 90px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px
}

.detail_between .detail_main .desc_ad .apk_down .thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.detail_between .detail_main .desc_ad .apk_down h1 {
    width: calc(100% - 20px);
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.detail_between .detail_main .desc_ad .apk_down h1 span {
    max-width: calc(100% - 168px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px
}

.detail_between .detail_main .desc_ad .apk_down .info {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.detail_between .detail_main .desc_ad .apk_down .info p {
    font-size: 14px;
    color: #999
}

.detail_between .detail_main .desc_ad .apk_down .info p + p {
    margin-left: 40px
}

.detail_between .detail_main .desc_ad .apk_down .info p span {
    color: #333;
    font-weight: 500;
    margin-left: 4px
}

.detail_between .detail_main .desc_ad .apk_down a {
    background-color: #ffa500;
    height: 40px;
    line-height: 40px;
    width: 260px;
    text-align: center;
    border-radius: 21px;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.detail_between .detail_main .desc_ad .apk_down a:hover {
    opacity: .8
}

.detail_between .detail_main .desc_ad .apk_down a .iconfont {
    font-weight: 400;
    margin-right: 6px;
    font-size: 14px
}

.detail_between .detail_main .desc_ad .ad {
    display: flex;
    align-items: center;
    flex-direction: column;
    float: left;
    width: 336px;
    margin-right: 15px
}

.detail_between .detail_main .desc_ad .ad .test_ad {
    width: 336px;
    height: 280px;
    background-color: #333;
    margin-bottom: 5px
}

.detail_between .detail_main .desc_ad .ad p {
    font-size: 14px;
    color: #ccc;
    margin-top: 4px
}

.detail_between .detail_main .version_history {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px
}

.detail_between .detail_main .version_history h2 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.detail_between .detail_main .version_history .item_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.detail_between .detail_main .version_history .item_list li {
    width: calc(50% - 5px);
    background-color: #f2f2f2;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px
}

.detail_between .detail_main .version_history .item_list li:nth-child(n+3) {
    margin-top: 10px
}

.detail_between .detail_main .version_history .item_list li dl dt {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px
}

.detail_between .detail_main .version_history .item_list li dl dd {
    font-size: 14px;
    color: #999
}

.detail_between .detail_main .version_history .item_list li a {
    color: #ffa500;
    background-color: #fff;
    height: 34px;
    border-radius: 21px;
    font-size: 14px;
    padding: 0 20px;
    font-weight: 600;
    line-height: 34px;
    transition: all .3s
}

.detail_between .detail_main .version_history .item_list li a:hover {
    background: #ffa500;
    box-shadow: 0 2px 10px 0 #ff4f00;
    color: #fff
}

.detail_between .detail_main .game_base_info {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 30px 20px;
    margin-bottom: 10px
}

.detail_between .detail_main .game_base_info nav {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 30px;
    padding-bottom: 20px
}

.detail_between .detail_main .game_base_info nav a {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: 1px solid #e5e5e5;
    padding: 0 15px;
    font-size: 14px;
    color: #999;
    font-weight: 500
}

.detail_between .detail_main .game_base_info nav a .iconfont {
    margin-right: 4px;
    font-size: 14px;
    font-weight: 400
}

.detail_between .detail_main .game_base_info nav a + a {
    margin-left: 10px
}

.detail_between .detail_main .game_base_info nav a.active {
    color: #ffa500;
    border: 1px solid #ffa500
}

.detail_between .detail_main .game_base_info .nav_content > li {
    display: none
}

.detail_between .detail_main .game_base_info .nav_content > li ul {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.detail_between .detail_main .game_base_info .nav_content > li ul li {
    display: flex;
    align-items: center
}

.detail_between .detail_main .game_base_info .nav_content > li ul li .iconfont {
    color: #ffa500;
    font-size: 24px;
    margin-right: 10px
}

.detail_between .detail_main .game_base_info .nav_content > li ul li dl dt {
    font-size: 14px;
    color: #222;
    font-weight: 600;
    margin-bottom: 2px
}

.detail_between .detail_main .game_base_info .nav_content > li ul li dl dd {
    font-size: 14px;
    color: #999
}

.detail_between .detail_main .game_base_info .nav_content > li.active {
    display: block
}

.detail_between .detail_main .walkthrough {
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px
}

.detail_between .detail_main .walkthrough .walkthrough_box {
    position: relative
}

.detail_between .detail_main .walkthrough .walkthrough_box .swiper-wrapper .swiper-slide {
    width: auto;
    height: 225px;
    border-radius: 20px;
    overflow: hidden
}

.detail_between .detail_main .walkthrough .walkthrough_box .swiper-wrapper .swiper-slide img {
    height: 100%
}

.detail_between .detail_main .walkthrough .walkthrough_box .swiper-scrollbar {
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #f5f5f5;
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .2);
    bottom: -15px;
    left: 0
}

.detail_between .detail_main .walkthrough .walkthrough_box .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #7a7a7a;
    cursor: pointer
}

.detail_between .detail_main .walkthrough > a {
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
    position: absolute;
    top: calc(50% - 25px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99
}

.detail_between .detail_main .walkthrough > a.whlk_prev {
    left: 10px
}

.detail_between .detail_main .walkthrough > a.whlk_next {
    right: 10px
}

.detail_between .detail_main .walkthrough > a .iconfont {
    font-size: 30px;
    color: #fff
}

.detail_between .detail_main .how_to_play {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px
}

.detail_between .detail_main .how_to_play h2 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.detail_between .detail_main .how_to_play .desc_box p {
    font-family: "Fredoka", sans-serif;;
    font-size: 14px !important;
    color: #666 !important;
    margin-bottom: 10px !important;
    line-height: 1.4em !important
}

.detail_between .detail_main .verified {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.detail_between .detail_main .verified .l_info {
    width: calc(100% - 325px)
}

.detail_between .detail_main .verified .l_info > dl dt {
    font-size: 14px;
    color: #16b193;
    font-weight: 600;
    margin-bottom: 5px
}

.detail_between .detail_main .verified .l_info > dl dt .iconfont {
    font-weight: 400;
    margin-right: 4px;
    margin-bottom: 8px
}

.detail_between .detail_main .verified .l_info > dl dd {
    font-size: 14px;
    color: #999
}

.detail_between .detail_main .verified .l_info nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px
}

.detail_between .detail_main .verified .l_info nav > a {
    width: calc(50% - 7.5px);
    height: 60px;
    border-radius: 22px;
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.detail_between .detail_main .verified .l_info nav > a:nth-child(n+3) {
    margin-top: 15px
}

.detail_between .detail_main .verified .l_info nav > a:hover {
    background-color: #000
}

.detail_between .detail_main .verified .l_info nav > a:hover dl dt {
    color: #fff
}

.detail_between .detail_main .verified .l_info nav > a:hover dl dd {
    color: #fff
}

.detail_between .detail_main .verified .l_info nav > a dl {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.detail_between .detail_main .verified .l_info nav > a dl dt {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.detail_between .detail_main .verified .l_info nav > a dl dt .iconfont {
    font-size: 18px;
    margin-right: 4px;
    font-weight: 400
}

.detail_between .detail_main .verified .l_info nav > a dl dd {
    font-size: 14px;
    color: #999
}

.detail_between .detail_main .verified .r_info {
    display: flex;
    align-items: center;
    border-left: 1px solid #f5f5f5;
    padding-left: 50px
}

.detail_between .detail_main .verified .r_info > img {
    height: 130px
}

.detail_between .detail_main .verified .r_info .scan {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 4px
}

.detail_between .detail_main .verified .r_info .scan .thum {
    padding: 15px;
    border: 3px solid #161616;
    border-radius: 20px
}

.detail_between .detail_main .verified .r_info .scan .thum img {
    width: 75px
}

.detail_between .detail_main .verified .r_info .scan p {
    font-size: 14px;
    color: #999;
    line-height: 1.2em;
    margin-top: 8px
}

.detail_between .detail_main .down_box {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.detail_between .detail_main .down_box a {
    display: flex;
    align-items: center;
    border: 2px solid #16b193;
    border-radius: 10px;
    overflow: hidden;
    font-size: 16px;
    color: #16b193;
    padding-left: 30px;
    transition: all .3s;
    font-weight: 500
}

.detail_between .detail_main .down_box a:hover {
    background-color: #16b193;
    color: #fff
}

.detail_between .detail_main .down_box a .icon-android {
    margin-right: 10px
}

.detail_between .detail_main .down_box a .icon-xiazai {
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #16b193;
    color: #fff;
    font-size: 18px;
    margin-left: 30px
}

@media screen and (max-width: 767px) {
    .detail_between .detail_main .down_box {
        padding: 15px
    }

    .detail_between .detail_main .down_box a {
        font-size: 14px;
        padding-left: 20px
    }

    .detail_between .detail_main .down_box a .icon-android {
        margin-right: 6px
    }

    .detail_between .detail_main .down_box a .icon-xiazai {
        width: 40px;
        font-size: 16px;
        margin-left: 20px
    }
}

.detail_between .detail_main .reviews {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 15px
}

.detail_between .detail_main .reviews .layui-rate {
    display: flex;
    align-items: center
}

.detail_between .detail_main .reviews .layui-rate > li {
    margin-right: 0;
    margin-bottom: 0
}

.detail_between .detail_main .reviews .layui-rate > li i.layui-icon {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden
}

.detail_between .detail_main .reviews .layui-rate > li i.layui-icon::before {
    content: "";
    font-family: iconfont;
    font-size: 14px;
    color: #fff
}

.detail_between .detail_main .reviews .layui-rate > li i.layui-icon.layui-icon-rate-solid {
    background-color: #ffa500
}

.detail_between .detail_main .reviews .layui-rate > li i.layui-icon.layui-icon-rate {
    background-color: #ddd
}

.detail_between .detail_main .reviews h2 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.detail_between .detail_main .reviews .layui-form {
    margin-bottom: 20px
}

.detail_between .detail_main .reviews .layui-form .layui-form-item input {
    height: 40px;
    border-radius: 21px;
    border: none;
    outline: none;
    background-color: #f2f2f2;
    text-indent: 1em
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between textarea {
    width: calc(100% - 286px);
    border-radius: 20px;
    border: none;
    outline: none;
    height: 80px;
    padding: 10px;
    background-color: #f2f2f2;
    text-indent: 1em;
    margin-right: 10px;
    resize: none
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 276px;
    background: #f2f2f2;
    border-radius: 20px;
    font-size: 14px;
    color: #333;
    font-weight: 500
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate .rate_box .layui-rate {
    padding: 0;
    margin-left: 5px
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate .rate_box .layui-rate > li .layui-icon {
    width: 30px;
    height: 30px
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate .rate_box .layui-rate > li .layui-icon::before {
    font-size: 16px
}

.detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate .rate_box .layui-rate > li + li {
    margin-left: 10px
}

.detail_between .detail_main .reviews .layui-form button[type=submit] {
    width: 110px;
    height: 40px;
    background: #ffa500;
    border-radius: 20px;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    transition: all .3s
}

.detail_between .detail_main .reviews .layui-form button[type=submit]:hover {
    opacity: .8
}

.detail_between .detail_main .reviews .comm_list {
    border-top: 1px solid #f5f5f5;
    margin-bottom: 20px
}

.detail_between .detail_main .reviews .comm_list > li {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 0
}

.detail_between .detail_main .reviews .comm_list > li p {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px
}

.detail_between .detail_main .reviews .comm_list > li .item_info {
    display: flex;
    align-items: center
}

.detail_between .detail_main .reviews .comm_list > li .item_info h4 {
    font-size: 14px;
    color: #999;
    font-weight: 600;
    margin-right: 20px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_between .detail_main .reviews .comm_list > li .item_info time {
    font-size: 14px;
    color: #999;
    margin-right: 20px
}

.detail_between .detail_main .reviews .comm_list > li .item_info .rat .layui-rate li + li {
    margin-left: 5px
}

.detail_between .detail_main .reviews .comm_list > li .item_info .rat .layui-rate li i.layui-icon {
    width: 16px;
    height: 16px
}

.detail_between .detail_main .reviews .comm_list > li .item_info .rat .layui-rate li i.layui-icon::before {
    font-size: 8px;
    transform: scale(.7)
}

@media screen and (max-width: 1024px) {
    .detail_between .detail_main .reviews .comm_list > li .item_info .rat .layui-rate li i.layui-icon::before {
        transform: scale(1)
    }
}

.detail_between .detail_main .popular_games_apk {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px
}

.detail_between .detail_main .popular_games_apk h2 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.detail_between .detail_main .popular_games_apk ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.detail_between .detail_main .popular_games_apk ul li {
    width: calc((100% - 50px) / 6);
    margin-right: 10px
}

.detail_between .detail_main .popular_games_apk ul li:nth-child(6n) {
    margin-right: 0
}

.detail_between .detail_main .popular_games_apk ul li:nth-child(n+7) {
    margin-top: 10px
}

.detail_between .detail_main .popular_games_apk ul li a {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 20px 25px;
    background-color: #f2f2f2;
    border-radius: 10px
}

.detail_between .detail_main .popular_games_apk ul li a .thum {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px
}

.detail_between .detail_main .popular_games_apk ul li a .thum img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s
}

.detail_between .detail_main .popular_games_apk ul li a h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin-bottom: 4px
}

.detail_between .detail_main .popular_games_apk ul li a p {
    font-size: 14px;
    color: #999;
    text-align: center
}

.detail_between .detail_main .popular_games_apk ul li a:hover .thum img {
    transform: scale(1.1)
}

.detail_between .detail_main .popular_games_apk ul li a:hover h3 {
    color: #ffa500
}

.detail_between .detail_aside {
    width: 340px
}

.detail_between .detail_aside .rat_top {
    width: 340px;
    background: #22252d;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px
}

.detail_between .detail_aside .rat_top .rating_this {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    border: 5px solid #3a62b9;
    padding: 30px 0;
    border-radius: 20px
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate {
    font-size: 14px
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li + li {
    margin-left: 10px
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li i.layui-icon {
    margin-right: 0
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li i.layui-icon::before {
    content: "";
    font-family: iconfont;
    color: #ddd
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li i.layui-icon.layui-icon-rate-solid::before {
    color: #ffa500
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li i.layui-icon.layui-icon-rate-half {
    position: relative;
    margin-top: 1px
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li i.layui-icon.layui-icon-rate-half::before {
    content: "";
    color: #ffa500;
    position: absolute;
    z-index: 2;
    top: 1px
}

.detail_between .detail_aside .rat_top .rating .rat .layui-rate li i.layui-icon.layui-icon-rate-half::after {
    content: "";
    font-family: iconfont;
    color: #ddd;
    position: relative;
    z-index: 1
}

.detail_between .detail_aside .rat_top .rating_this .aggregate-text {
    font-size: 56px;
    color: #fff;
    font-weight: 600;
    order: 1;
}

.detail_between .detail_aside .rat_top .rating_this {
    flex-direction: column;
}

.detail_between .detail_aside .rat_top .rating_this .rating-game {
    order: 2;
}

.detail_between .detail_aside .rat_top .rating p {
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.detail_between .detail_aside .rat_top h2 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 15px 0 5px
}

.detail_between .detail_aside .rat_top nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.detail_between .detail_aside .rat_top nav a {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    transition: all .3s;
    text-transform: lowercase;
    background-color: #38a114;
    color: #a8fb8b;
    box-shadow: 0 0 .1875rem .0625rem rgb(0 0 0/20%), -.0625rem -.0625rem .125rem rgb(0 0 0/40%) inset, .0625rem .0625rem .125rem rgb(255 255 255/40%) inset
}

.detail_between .detail_aside .rat_top nav a:hover {
    background-color: #28740e;
}

.detail_between .detail_aside .featured_games {
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px
}

.detail_between .detail_aside .featured_games h2 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px
}

.detail_between .detail_aside .featured_games ul li + li {
    margin-top: 15px
}

.detail_between .detail_aside .featured_games ul li a {
    display: flex;
    align-items: stretch;
    flex-direction: column
}

.detail_between .detail_aside .featured_games ul li a .thum {
    width: 100%;
    height: 168px;
    border-radius: 20px;
    overflow: hidden
}

.detail_between .detail_aside .featured_games ul li a .thum img {
    transition: all .3s;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.detail_between .detail_aside .featured_games ul li a dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px
}

.detail_between .detail_aside .featured_games ul li a dl dt {
    max-width: calc(100% - 100px);
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
    padding-right: 20px
}

.detail_between .detail_aside .featured_games ul li a dl dd {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center
}

.detail_between .detail_aside .featured_games ul li a dl dd .iconfont {
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
    margin-right: 4px
}

.detail_between .detail_aside .featured_games ul li a:hover .thum img {
    transform: scale(1.1)
}

.detail_between .detail_aside .featured_games ul li a:hover dl dt {
    color: #ffa500
}

.detail_between .detail_aside .aside_ads {
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 20px;
    position: sticky;
    top: 20px
}

.detail_between .detail_aside .aside_ads .test_ad {
    width: 300px;
    height: 600px;
    background-color: #00f7de
}

.detail_between .detail_aside .aside_ads p {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 5px
}

@media screen and (max-width: 1330px) {
    .detail_between .detail_main .verified {
        padding: 18px
    }

    .detail_between .detail_main .verified .l_info {
        width: calc(100% - 296px)
    }

    .detail_between .detail_main .verified .r_info {
        padding-left: 30px
    }
}

@media screen and (max-width: 1200px) {
    .detail_between .detail_main {
        width: 100%
    }

    .detail_between .detail_aside {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .detail_between .detail_main .verified .l_info {
        width: 100%
    }

    .detail_between .detail_main .verified .r_info {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .detail_between .detail_main .game_base_info .nav_content > li ul {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-left: 30px
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul li {
        width: 33%
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul li:nth-child(n+4) {
        margin-top: 15px
    }

    .detail_between .detail_main .popular_games_apk ul li a {
        padding: 15px
    }
}

@media screen and (max-width: 700px) {
    .detail_between .detail_main {
        display: flex;
        flex-direction: column
    }

    .detail_between .detail_main .desc_ad {

    }

    .detail_between .detail_main .desc_ad .desc {
        width: 100%;
    }

    .detail_between .detail_main .desc_ad .desc .desc_box {
        margin-bottom: 0;
        max-height: 410px;
        overflow-y: hidden;
        padding-right: 0
    }

    .detail_between .detail_main .desc_ad .desc .desc_box.active {
        max-height: initial
    }

    .detail_between .detail_main .desc_ad .desc > a {
        display: block;
        text-align: center;
        color: #ffa500;
        margin-top: 15px
    }

    .detail_between .detail_main .desc_ad .desc > a::before {
        content: "Show More"
    }

    .detail_between .detail_main .desc_ad .desc > a.active::before {
        content: "Show Less"
    }

    .detail_between .detail_main .desc_ad .apk_down {
        width: 100%;
        background-color: #fff;
        margin-top: 15px
    }

    .detail_between .detail_main .desc_ad .apk_down .thum {
        width: 90px;
        height: 90px;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 20px
    }

    .detail_between .detail_main .desc_ad .apk_down .thum img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

    .detail_between .detail_main .desc_ad .apk_down h1 {
        font-size: 18px;
        margin-bottom: 8px
    }

    .detail_between .detail_main .desc_ad .ad {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 20px;
        margin-right: 0
    }

    .detail_between .detail_main .version_history {
        border-radius: 15px;
        padding: 15px
    }

    .detail_between .detail_main .version_history .item_list li {
        width: 100%;
        padding: 10px
    }

    .detail_between .detail_main .version_history .item_list li:nth-child(n+2) {
        margin-top: 10px
    }

    .detail_between .detail_main .version_history .item_list li a {
        height: 30px;
        font-size: 14px;
        padding: 0 10px;
        line-height: 30px
    }

    .detail_between .detail_main .game_base_info {
        order: 1;
        padding: 20px
    }

    .detail_between .detail_main .game_base_info nav {
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul {
        flex-direction: column;
        padding-left: 0
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul li {
        width: 100%
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul li + li {
        margin-top: 14px !important
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul li .iconfont {
        margin-right: 5px
    }

    .detail_between .detail_main .game_base_info .nav_content > li ul li dl {
        width: calc(100% - 30px);
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .detail_between .detail_main .ad_box {
        order: 5
    }

    .detail_between .detail_main .ad_box:nth-child(8) {
        order: 8
    }

    .detail_between .detail_main .walkthrough {
        order: 6
    }

    .detail_between .detail_main .how_to_play {
        order: 7
    }

    .detail_between .detail_main .reviews {
        order: 9
    }

    .detail_between .detail_main .verified {
        order: 3
    }

    .detail_between .detail_main .verified .l_info nav a {
        width: 100%
    }

    .detail_between .detail_main .verified .l_info nav a + a {
        margin-top: 10px
    }

    .detail_between .detail_main .down_box {
        order: 4
    }

    .detail_between .detail_main .reviews {
        padding: 15px
    }

    .detail_between .detail_main .reviews .layui-form .layui-form-item.between {
        flex-direction: column
    }

    .detail_between .detail_main .reviews .layui-form .layui-form-item.between textarea {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate {
        width: 100%;
        padding: 20px 0
    }

    .detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate .rate_box {
        margin-bottom: 0 !important
    }

    .detail_between .detail_main .reviews .layui-form .layui-form-item.between .rate .rate_box .layui-rate {
        padding: 0
    }

    .detail_between .detail_main .reviews .comm_list > li .item_info h4 {
        max-width: calc(100% - 226px)
    }

    .detail_between .detail_main .reviews .pagination li a,
    .detail_between .detail_main .reviews .pagination li span {
        width: 32px;
        height: 32px
    }

    .detail_between .detail_main .reviews .pagination li + li {
        margin-left: 5px
    }

    .detail_between .detail_main .popular_games_apk {
        padding: 15px
    }

    .detail_between .detail_main .popular_games_apk h2 {
        font-size: 18px;
        color: #333;
        font-weight: 600;
        margin-bottom: 10px
    }

    .detail_between .detail_main .popular_games_apk ul li {
        width: calc((100% - 20px) / 3)
    }

    .detail_between .detail_main .popular_games_apk ul li:nth-child(3n) {
        margin-right: 0
    }

    .detail_between .detail_main .popular_games_apk ul li:nth-child(n+4) {
        margin-top: 10px
    }

    .detail_between .detail_main .popular_games_apk ul li a {
        padding: 15px 10px
    }
}

#notice {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 30px 0;
    display: none
}

#notice.active {
    display: block
}

footer {
    margin-top: 40px
}

footer .container {
    border-top: 1px solid #e5e5e5;
}

footer .container p {
    font-size: 14px;
    color: #666
}

footer .container nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    flex-flow: row wrap;
    gap: 16px;
}

footer .container nav a {
    font-size: 14px;
    color: #fff
}

footer .container nav a:hover {
    color: #ffa500
}

footer .container nav a + a {
    margin-left: 20px
}

@media screen and (max-width: 600px) {
    footer .container {
        height: auto;
        flex-direction: column;
        padding: 15px 0
    }

    footer .container p {
        margin-bottom: 10px
    }

    footer .container nav {
        width: 100%;
    }

    footer .container nav a + a {
        margin-left: 0
    }
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination div a,
.pagination div span {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.pagination div a {
    transition: all .3s
}

.pagination div a:hover {
    background: #ffa500;
    box-shadow: 0 2px 10px 0 #ff4f00;
    color: #fff
}

.pagination div.disabled {
    cursor: not-allowed
}

.pagination div.active span {
    background: #ffa500;
    box-shadow: 0 2px 10px 0 #ff4f00;
    color: #000;
    cursor: pointer
}

.pagination div + div {
    margin-left: 10px
}

#is_down_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5)
}

#is_down_mask.active {
    display: flex
}

#is_down_mask .con {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    width: 480px;
    padding: 40px 0;
    border-radius: 20px
}

#is_down_mask .con h2 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 84px
}

#is_down_mask .con .actions {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

#is_down_mask .con .actions a {
    width: 160px;
    height: 40px;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all .3s
}

#is_down_mask .con .actions a + a {
    margin-left: 20px
}

#is_down_mask .con .actions a:nth-child(1) {
    color: #ffa500;
    border: 1px solid #ffa500
}

#is_down_mask .con .actions a:nth-child(1):hover {
    color: #fff;
    background-color: #ffa500
}

#is_down_mask .con .actions a:nth-child(2) {
    color: #fff;
    background-color: #ffa500
}

#is_down_mask .con .actions a:nth-child(2):hover {
    opacity: .8
}

@media screen and (max-width: 700px) {
    #is_down_mask .con {
        width: calc(100% - 30px);
        padding: 30px 0
    }

    #is_down_mask .con h2 {
        font-size: 18px;
        padding: 0 25px
    }

    #is_down_mask .con .actions a {
        width: 120px;
        height: 40px;
        font-size: 14px
    }

    #is_down_mask .con .actions a + a {
        margin-left: 10px
    }
}

.main-svg-sprite {
    display: none
}

.svg-icon {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    fill: currentColor;
    font-size: 0
}

.svg-icon__link {
    vertical-align: top;
    fill: inherit;
    width: inherit;
    height: inherit
}

.flying_objects .planet {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTAwLjM3cHgiIHZpZXdCb3g9IjAgMCAxMDAuMzY4IDEwMC4zNjgiIHdp\aZHRoPSIxMDAuMzdweCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3Jn\aLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMC4zNjggMTAwLjM2OCI+Cgk8cGF0aCBkPSJtNTAuMTgz\aIDBjMjcuNzIgMCA1MC4xODUgMjIuNDY0IDUwLjE4NSA1MC4xODQgMCAyNy43MjEtMjIuNDY1IDUwLjE4NC01MC4xODUgNTAuMTg0\a cy01MC4xODUtMjIuNDY2LTUwLjE4NS01MC4xODZjMC0yNy43MjEgMjIuNDYzLTUwLjE4NCA1MC4xODMtNTAuMTg0eiIgZmlsbD0i\aIzAyNDg5QSIvPgoJPHBhdGggZD0ibTUwLjE4MyAxLjM2OGMxMC4wMDkgMCAxOS4yOTYgMy4wMjQgMjcgOC4xMzYtMTAuMjk2IDMu\aNTI4LTIxLjMxMiAyLjY2NC0zMS4xMDQtNy45OTIgMS4zNjgtMC4xNDQgMi43MzYtMC4xNDQgNC4xMDQtMC4xNDR6bTM1LjcxMiAx\aNS40OGM0LjM5MyA0LjY4IDcuOTIgMTAuMjk2IDEwLjE1MiAxNi40MTYtMTMuODk2IDE1LjY5NS0yNi4xMzYgMTIuODE2LTM5LjE2\aOCA2LjA0OC0xMy41MzYtNy4wNTYtMjguMDgtMTguMjg4LTQ2LjQ0LTE3LjQ5NiA3LjA1Ni05Ljc5MiAxNy42NC0xNi45MiAyOS44\aOC0xOS40NCA3LjcwNCAxMy44OTYgMjMuNzYgMjAuMTYgNDUuNTc2IDE0LjQ3MnptMTIuMDI0IDIyLjYwOGMwLjc5MiAzLjQ1NiAx\aLjIyNCA3LjEyOCAxLjIyNCAxMC44NzMgMCAxMC44NzEtMy42IDIwLjk1MS05LjU3NiAyOS4wODgtMjUuMjcxIDExLjA4OC01My43\aODQtNS4xMTEtNzEuMTM2IDguMDY0LTguNzEyLTcuNDg4LTE0Ljc2LTE3LjkyOC0xNi41Ni0yOS44MDkgMTEuMzc2LTYuNjk2IDI4\aLjk0NC0xMi43NDQgNDQuMjA4LTYuODQgMjEuODg4IDguNDk2IDQwLjAzMyA0LjQ2MyA1MS45MTItMTEuMzA0bC0wLjA3Mi0wLjA3\aMnptLTIxLjMxMSA1Mi4wNTZjLTcuNjMzIDQuODk2LTE2LjYzMyA3LjcwNS0yNi4zNTMgNy43MDUtNS42ODggMC0xMS4xNi0xLjAx\aLTE2LjI3Mi0yLjczNiAyLjgwOC01Ljc2IDE1LjMzNi03LjYzMyAyMS4xNjctNy4yNzMgNC4xMDQgMC4yMTcgMTIuNDU3IDEuNDQx\aIDIxLjM4NSAyLjMwNWgwLjA3M3oiIGZpbGw9IiMwMjRCQTEiLz4KCTxwYXRoIGQ9Im01MC4xODMgMS4zNjhjMTAuMDA5IDAgMTku\aMjk2IDMuMDI0IDI3IDguMTM2LTEwLjI5NiAzLjUyOC0yMS4zMTIgMi42NjQtMzEuMTA0LTcuOTkyIDEuMzY4LTAuMTQ0IDIuNzM2\aLTAuMTQ0IDQuMTA0LTAuMTQ0em0zNS43MTIgMTUuNDhjMC42NDggMC43MiAxLjI5NyAxLjM2OCAxLjg3MiAyLjA4OCAyLjA4OSA1\aLjQ3MiAzLjI0IDExLjM3NiAzLjI0IDE3LjU2OHYxLjcyOWMtMTEuODggOS45MzYtMjIuNjA4IDYuOTg0LTM0LjEyOCAxLjAwOC0x\aMy41MzYtNy4wNTYtMjguMDgtMTguMjg4LTQ2LjQ0LTE3LjQ5NiA3LjA1Ni05Ljc5MiAxNy42NC0xNi45MiAyOS44OC0xOS40NCA3\aLjcwNCAxMy44OTYgMjMuNzU5IDIwLjE2IDQ1LjU3NiAxNC40NzJ2MC4wNzF6bTMuODE2IDMwLjg4OGMtMy45NiAxNi43MDQtMTYu\aNDE2IDMwLjE2OC0zMi42ODggMzUuMzUyLTEwLjgtMC43OTMtMjEuMDIzLTIuMjMzLTI5LjczNiAwLjA3Mi05LTIuODgxLTE2Ljky\aLTguMjA5LTIyLjgyNC0xNS4zMzYtMS4yMjQtMy4yNC0yLjE2LTYuNjk3LTIuNzM2LTEwLjI5NyAxMS4zNzYtNi42OTUgMjguOTQ0\aLTEyLjc0NCA0NC4yMDgtNi44NCAxNy4zNTMgNi42OTYgMzIuMzI4IDUuNjE2IDQzLjcwNC0zLjAyNGwwLjA3MiAwLjA3M3oiIGZp\a bGw9IiMwMjVCQkUiLz4KPC9zdmc+);
    height: 0;
    padding-top: 3%
}

.no-svg .flying_objects .planet {
    background-image: url(../images/images-planet.png)
}

.flying_objects .mars {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjQ3Ljk1cHgiIHZpZXdCb3g9IjAgMCAzNDMuOTM3IDI0Ny45NDgiIHdp\aZHRoPSIzNDMuOTRweCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3Jn\aLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM0My45MzcgMjQ3Ljk0OCI+CgkJCTxsaW5lYXJHcmFkaWVu\a dCBpZD0iU1ZHSURfMV8iIHkyPSIzNzcuNTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4Mj0iLTkuNzcyNCIgZ3Jh\aZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyMzQuMTQgMCAwIC0yMzQuMTQgMjM3MC45IDg4NTA0KSIgeTE9IjM3Ny40NCIgeDE9Ii04\aLjk5NjEiPgoJCQk8c3RvcCBzdG9wLWNvbG9yPSIjMDM0REFBIiBvZmZzZXQ9IjAiLz4KCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzAz\aNUZDQSIgb2Zmc2V0PSIxIi8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBkPSJtMTczLjY5IDBjNjQuNjU2IDAgMTE3LjA3\aIDUyLjQxNiAxMTcuMDcgMTE3LjA3IDAgNjQuNjU2LTUyLjQxNSAxMTcuMDctMTE3LjA3IDExNy4wNy02NC42NTYgMC0xMTcuMDct\aNTIuNDE2LTExNy4wNy0xMTcuMDcgMC4wMDMtNjQuNjU0IDUyLjQyLTExNy4wNyAxMTcuMDctMTE3LjA3eiIgZmlsbD0idXJsKCNT\aVkdJRF8xXykiLz4KCQkJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgeTI9IjM3Ny4wNCIgZ3JhZGllbnRVbml0cz0idXNl\a clNwYWNlT25Vc2UiIHgyPSItOC45MjQxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDIyNi43MyAwIDAgLTIyOC4xIDIyOTMu\aNiA4NjE4OCkiIHkxPSIzNzcuMjQiIHgxPSItOS4xOTY4Ij4KCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzAzNERBQSIgb2Zmc2V0PSIw\aIi8+CgkJCTxzdG9wIHN0b3AtY29sb3I9IiMwMzcxRUMiIG9mZnNldD0iMSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGgg\aZD0ibTE3My42OSAzLjAyM2MyMy4yNTYgMCA0NC45MjkgNi45ODQgNjIuOTI5IDE4LjkzNi0yMy45NzcgOC4xMzYtNDkuNjgxIDYu\aMTkyLTcyLjUwNS0xOC41NzYgMy4xNjgtMC4yODggNi4zMzctMC40MzIgOS41NzYtMC40MzJ2MC4wNzJ6bTgzLjI0IDM2LjA3MmMx\aMC4yOTcgMTAuOTQ0IDE4LjM2IDIzLjk3NyAyMy42ODggMzguMzA0LTMyLjQ3MiAzNi41NzYtNjAuODQgMjkuODgtOTEuMzY4IDE0\aLjA0LTMxLjU0LTE2LjQxNi02NS4zOC00Mi42MjQtMTA4LjIyLTQwLjgyMyAxNi40MTYtMjIuODk2IDQxLjA0LTM5LjM4NCA2OS42\aMjQtNDUuMjg4IDE3Ljg2IDMyLjQ3MSA1NS40NCA0Ny4wMTUgMTA2LjI4IDMzLjc2N3ptMjcuOTMgNTIuNjMzYzEuODcyIDguMTM2\aIDIuODA4IDE2LjU2IDIuODA4IDI1LjI3MiAwIDI1LjQxNi04LjM1MiA0OC44ODctMjIuMzkyIDY3Ljg5Ni01OC45NjggMjUuODQ5\aLTEyNS4yOC0xMi4wMjQtMTY1Ljc0IDE4LjcyLTIwLjMwNC0xNy40MjQtMzQuNDE2LTQxLjgzMi0zOC41OTItNjkuNTUyIDI2LjU2\aOC0xNS42OTYgNjcuNTM2LTI5LjY2NCAxMDIuOTYtMTUuOTEyIDUwLjk3IDE5Ljc5IDkzLjMxIDEwLjQzIDEyMC45NS0yNi40MzJ6\a bS00OS43NSAxMjEuMzJjLTE3LjcxMiAxMS4zNzctMzguODA4IDE4LTYxLjQ4NyAxOC0xMy4yNDkgMC0yNS45OTMtMi4zMDMtMzcu\aODczLTYuNDc5IDYuNDgtMTMuNDY0IDM1Ljc4NC0xNy43ODQgNDkuMzkyLTE2Ljk5MSA5LjUwNCAwLjU3NSAyOS4wMTYgMy4zMTEg\aNDkuODk2IDUuNDcxaDAuMDd6IiBmaWxsPSJ1cmwoI1NWR0lEXzJfKSIvPgoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNf\aIiB5Mj0iMzc2LjE2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9Ii05LjA0NDciIGdyYWRpZW50VHJhbnNmb3Jt\aPSJtYXRyaXgoMjA3Ljk0IDAgMCAtMTkwLjczIDIwODYuMSA3MTg1OSkiIHkxPSIzNzYuMyIgeDE9Ii05LjQ0MzgiPgoJCQk8c3Rv\a cCBzdG9wLWNvbG9yPSIjMDM3MUVDIiBvZmZzZXQ9IjAiLz4KCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzAzNUZDQSIgb2Zmc2V0PSIx\aIi8+CgkJPC9saW5lYXJHcmFkaWVudD4KCQk8cGF0aCBkPSJtMTczLjY5IDMuMDIzYzIzLjI1NiAwIDQ0LjkyOSA2Ljk4NCA2Mi45\aMjkgMTguOTM2LTIzLjk3NyA4LjEzNi00OS42ODEgNi4xOTItNzIuNTA1LTE4LjU3NiAzLjE2OC0wLjI4OCA2LjMzNy0wLjQzMiA5\aLjU3Ni0wLjQzMnYwLjA3MnptODMuMjQgMzYuMDcyYzEuNTEzIDEuNTg0IDIuOTUzIDMuMjQgNC4zOTMgNC44OTYgNC44OTYgMTIu\aNzQ0IDcuNTYxIDI2LjQ5NiA3LjU2MSA0MC45NjggMCAxLjM2OCAwIDIuNzM2LTAuMDcyIDQuMDMyLTI3LjY0OCAyMy4xMTItNTIu\aNzc2IDE2LjI3MS03OS40ODggMi4zNzYtMzEuNTM2LTE2LjQxNi02NS4zNzYtNDIuNjI0LTEwOC4yMi00MC44MjQgMTYuNDE2LTIy\aLjg5NiA0MS4wNC0zOS4zODQgNjkuNjI0LTQ1LjI4OCAxNy44NTYgMzIuNDcyIDU1LjQzOSA0Ny4wMTYgMTA2LjI3IDMzLjc2OGwt\aMC4wNiAwLjA3MnptOC45MiA3Mi4wMDVjLTkuMTQ0IDM5LjAyNS0zOC4zNzYgNzAuMzQ0LTc2LjE3NyA4Mi40NC0yNS4xMjctMS44\aLTQ5LjAzMS01LjExMS02OS4yNjMgMC4xNDUtMjEuMDI0LTYuNjI1LTM5LjM4NC0xOS4yMjUtNTMuMTM2LTM1LjcxMy0yLjk1Mi03\aLjYzMi01LjA0LTE1LjYyNC02LjMzNi0yMy45MDMgMjYuNTY4LTE1LjY5NiA2Ny41MzYtMjkuNjY0IDEwMi45Ni0xNS45MTIgNDAu\aMzkzIDE1LjY5NiA3NS4zODQgMTMuMDMyIDEwMS44OC03LjA1NmgwLjA3eiIgZmlsbD0idXJsKCNTVkdJRF8zXykiLz4KCQk8bGlu\aZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiB5Mj0iMzc3LjEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9Ii05\aLjUxMDEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMzQzLjk0IDAgMCAtMjMzLjQ3IDM1MjUuMSA4ODI2MCkiIHkxPSIzNzcu\aODMiIHgxPSItOS45ODk3Ij4KCQk8c3RvcCBzdG9wLWNvbG9yPSIjMDM1RkNBIiBvZmZzZXQ9IjAiLz4KCQk8c3RvcCBzdG9wLWNv\a bG9yPSIjMzI5MUZGIiBvZmZzZXQ9Ii4xODA0Ii8+CgkJPHN0b3Agc3RvcC1jb2xvcj0iIzMyOTFGRiIgb2Zmc2V0PSIuNjM5MiIv\aPgoJCTxzdG9wIHN0b3AtY29sb3I9IiMwMzVGQ0EiIG9mZnNldD0iMSIvPgoJPC9saW5lYXJHcmFkaWVudD4KCTxwYXRoIGQ9Im0y\aODYuMjMgMTQ5LjQ3YzQyLjc2OCAzOC4zNzYgNjUuNTkyIDcyLjg2NCA1NS4yMjQgODkuMjA4LTE1LjkxMSAyNS4xMjgtMTA0Ljc2\aLTIuNTkyLTE5OC4zNi02MS45MnMtMTU2LjYtMTI3Ljg3LTE0MC42Mi0xNTNjOS41MDQtMTUuMDQ4IDQ1LjE0NC0xMS4xNiA5Mi4x\aNiA3LjA1Ni0xLjggMS42NTYtMy40NTYgMy4zMTItNS4xODQgNS4wNC0zMC43NDQtMTEuODgtNTIuNTYtMTUuMDQ4LTU3Ljg4OC02\aLjYyNC0xMC41MTIgMTYuNTYgNDYuNTEyIDcxLjQ5NiAxMjcuMjIgMTIyLjY5IDgwLjc4NCA1MS4xOTIgMTU0LjczIDc5LjM0NSAx\aNjUuMjQgNjIuNzg0IDUuOTc2LTkuNTA0LTEwLjA4LTMxLjUzNS00MC4xMDQtNTguMjQ4IDAuNzkzLTIuMzA0IDEuNTg0LTQuNjA3\aIDIuMjMyLTYuOTExbDAuMDgtMC4wN3oiIGZpbGw9InVybCgjU1ZHSURfNF8pIi8+Cjwvc3ZnPg==);
    height: 0;
    padding-top: 20%
}

.no-svg .flying_objects .mars {
    background-image: url(../images/images-mars.png)
}

.flying_objects .moon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjAwLjAycHgiIHZpZXdCb3g9IjAgMCAyMDIuNDY0IDIwMC4wMTYiIHdp\aZHRoPSIyMDIuNDZweCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3Jn\aLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMi40NjQgMjAwLjAxNiI+CgkJPHBhdGggZD0ibTEwMS4y\aMyAwYzU1Ljk0NCAwIDEwMS4yMyA0NC43ODQgMTAxLjIzIDEwMC4wMSAwIDU1LjIyNS00NS4zNTkgMTAwLjAxLTEwMS4yMyAxMDAu\aMDEtNTUuOTQyIDAtMTAxLjIzLTQ0Ljc5LTEwMS4yMy0xMDAuMDEgMC01NS4yMjUgNDUuMzYtMTAwLjAxIDEwMS4yMy0xMDAuMDF6\aIiBmaWxsPSIjMDM2M0QxIi8+CgkJPHBhdGggZD0ibTEwMS4yMyAwYzMxLjI0OCAwIDU5LjE4NSAxMy45NjggNzcuNzYgMzYgNC4z\aMiAxMS4xNiA2Ljc2OSAyMy4yNTYgNi43NjkgMzUuOTI4IDAgNTUuMjI0LTQ1LjM2IDEwMC4wMS0xMDEuMjMgMTAwLjAxLTMxLjI0\aOCAwLTU5LjE4NC0xMy45NjgtNzcuNzYtMzYtNC4zMjItMTEuMTYtNi43Ny0yMy4yNi02Ljc3LTM1LjkzIDAtNTUuMjI1IDQ1LjM2\aLTEwMC4wMSAxMDEuMjMtMTAwLjAxeiIgZmlsbD0iIzAzNzFFQyIvPgoJCTxwYXRoIGQ9Im05OC45MjkgMTU1LjY2YzkuNzkxIDAg\aMTYuOTIgNS45NzcgMTYuMDU2IDEzLjM5My0wLjkzNyA3LjQxNi05LjU3NiAxMy4zOTItMTkuMzY4IDEzLjM5MnMtMTYuOTItNS45\aNzYtMTYuMDU2LTEzLjM5MmMwLjk0LTcuNDEgOS41OC0xMy4zOSAxOS4zNzMtMTMuMzl6IiBmaWxsPSIjMDM3MUVDIi8+CgkJPHBh\a dGggZD0ibTk3Ljg0OSAxNTQuMzdjOS43OTEgMCAxNi45MiA1Ljk3NSAxNi4wNTYgMTMuMzkxLTAuOTM3IDcuNDE2LTkuNTc2IDEz\aLjM5My0xOS4zNjggMTMuMzkzcy0xNi45Mi01Ljk3Ny0xNi4wNTYtMTMuMzkzYzAuOTQxLTcuNDIgOS41OC0xMy4zOSAxOS4zNzMt\aMTMuMzl6IiBmaWxsPSIjMDM1RkNBIi8+CgkJPHBhdGggZD0ibTEyNC42MyAyMS44MTZjNy4xMjkgMC43OTIgMTIuMzEzIDYuMTky\aIDExLjY2NCAxMi4wMjQtMC42NDcgNS44MzItNi45ODMgOS45MzYtMTQuMTExIDkuMDcyLTcuMTI5LTAuNzkyLTEyLjMxMy02LjE5\aMi0xMS42NjQtMTIuMDI0czYuOTgtOS45MzUgMTQuMTEtOS4wNzJ6IiBmaWxsPSIjMzI5MUZGIi8+CgkJPHBhdGggZD0ibTEyMy44\aNCAyMC43MzZjNy4xMjcgMC43OTIgMTIuMzEyIDYuMTkyIDExLjY2NCAxMi4wMjRzLTYuOTg0IDkuOTM2LTE0LjExMiA5LjA3MmMt\aNy4xMjgtMC43OTItMTIuMzEzLTYuMTkyLTExLjY2NC0xMi4wMjQgMC42NS01LjgzMSA2Ljk4LTkuOTM1IDE0LjExLTkuMDcyeiIg\aZmlsbD0iIzAzNUZDQSIvPgoJCTxwYXRoIGQ9Im05OC43ODQgODcuNDA5YzQuMzIgMC41MDQgNy40ODggNC4zMiA3LjA1NyA4LjQy\aMy0wLjQzMyA0LjEwNC00LjI0OCA3LjA1Ny04LjQ5NiA2LjU1My00LjMyLTAuNTA0LTcuNDg4LTQuMzItNy4wNTctOC40MjQgMC40\aMzMtNC4xIDQuMjQ5LTcuMDUyIDguNDk3LTYuNTQ3eiIgZmlsbD0iIzMyOTFGRiIvPgoJCTxwYXRoIGQ9Im05OC4yOCA4Ni42MTdj\aNC4zMiAwLjUwNCA3LjQ4OCA0LjMyIDcuMDU3IDguNDI0LTAuNDMzIDQuMTA0LTQuMjQ4IDcuMDU1LTguNDk2IDYuNTUxLTQuMzIt\aMC41MDQtNy40ODgtNC4zMTktNy4wNTctOC40MjQgMC40MjktNC4xMDIgNC4yNDUtNy4wNTQgOC40OTMtNi41NDl6IiBmaWxsPSIj\aMDM1RkNBIi8+CgkJPHBhdGggZD0ibTMyLjc2IDEwOS4xNWM4LjcxMiAyLjY2NCAxNS4xMiAxMS42NjQgMTQuMjU2IDIwLjA4OC0w\aLjc5MiA4LjQ5Ni04LjU2OCAxMy4xNzYtMTcuMjggMTAuNTg0LTguNzEyLTIuNjY0LTE1LjEyLTExLjY2NC0xNC4yNTYtMjAuMDg4\aIDAuNzkyLTguNDkgOC41NjgtMTMuMTcgMTcuMjgtMTAuNTh6IiBmaWxsPSIjMzI5MUZGIi8+CgkJPHBhdGggZD0ibTMxLjc1MiAx\aMDcuMzVjOC43MTIgMi42NjMgMTUuMTIgMTEuNjYzIDE0LjI1NiAyMC4wODgtMC43OTIgOC40OTYtOC41NjggMTMuMTc3LTE3LjI4\aIDEwLjU4NC04LjcxMi0yLjY2NC0xNS4xMi0xMS42NjQtMTQuMjU2LTIwLjA4OCAwLjc5Mi04LjQ5IDguNTY5LTEzLjE3IDE3LjI4\aLTEwLjU4eiIgZmlsbD0iIzAzNUZDQSIvPgoJCTxwYXRoIGQ9Im01Mi4yIDM1LjI4YzcuMiAwIDEyLjQ1NiA1LjY4OCAxMS44MDgg\aMTIuNjcycy03LjA1NiAxMi42NzItMTQuMjU2IDEyLjY3Mi0xMi40NTYtNS42ODgtMTEuODA4LTEyLjY3MiA3LjA1Ni0xMi42NzIg\aMTQuMjU2LTEyLjY3MnoiIGZpbGw9IiMzMjkxRkYiLz4KCQk8cGF0aCBkPSJtNTEuNDA4IDM0LjEyOGM3LjIgMCAxMi40NTYgNS42\aODggMTEuODA4IDEyLjY3MnMtNy4wNTYgMTIuNjcyLTE0LjI1NiAxMi42NzItMTIuNDU2LTUuNjg4LTExLjgwOC0xMi42NzIgNy4w\aNTYtMTIuNjcyIDE0LjI1Ni0xMi42NzJ6IiBmaWxsPSIjMDM1RkNBIi8+CgkJPHBhdGggZD0ibTE3NC44MiA3OS4wNTZjMTAuMzY4\aIDAgMTggOS41MDQgMTYuOTkxIDIxLjE2OC0xLjAwOCAxMS43MzYtMTAuMTUxIDIxLjE2OC0yMC41MiAyMS4xNjgtMTAuMzY3IDAt\aMTgtOS41MDQtMTYuOTkyLTIxLjE2OCAxLTExLjczMiAxMC4xNS0yMS4xNjQgMjAuNTItMjEuMTY0eiIgZmlsbD0iIzAzNzFFQyIv\aPgoJCTxwYXRoIGQ9Im0xNzMuNjYgNzcuMDQxYzEwLjM2OCAwIDE4IDkuNTA0IDE2Ljk5MiAyMS4xNjgtMS4wMDggMTEuNzM1LTEw\aLjE1MSAyMS4xNjgtMjAuNTIxIDIxLjE2OC0xMC4zNjcgMC0xOC05LjUwNC0xNi45OTEtMjEuMTY4IDEuMDEtMTEuNzQgMTAuMTYt\aMjEuMTcxIDIwLjUyLTIxLjE3MXoiIGZpbGw9IiMwMzVGQ0EiLz4KPC9zdmc+);
    height: 0;
    padding-top: 5%
}

.no-svg .flying_objects .moon {
    background-image: url(../images/images-moon.png)
}

.flying_objects .small_planet {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iNzIuMjg4cHgiIHZpZXdCb3g9IjAgMCA3My4yOTYgNzIuMjg4IiB3aWR0\a aD0iNzMuMjk2cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8x\aOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3My4yOTYgNzIuMjg4Ij4KCQk8cGF0aCBkPSJtMzYuNjQ4IDBj\aMjAuMjMyIDAgMzYuNjQ4IDE2LjIgMzYuNjQ4IDM2LjE0NHMtMTYuNDE2IDM2LjE0NS0zNi42NDcgMzYuMTQ1Yy0yMC4yMzMtMC4w\aMDEtMzYuNjQ5LTE2LjIwMS0zNi42NDktMzYuMTQ1czE2LjQxNi0zNi4xNDQgMzYuNjQ4LTM2LjE0NHoiIGZpbGw9IiMwMjRCQTEi\aLz4KCQk8cGF0aCBkPSJtMzYuNjQ4IDBjMTEuMzAzIDAgMjEuMzgzIDUuMDQgMjguMTUyIDEzLjAzMiAxLjU4NCA0LjAzMiAyLjQ0\aOCA4LjQyNCAyLjQ0OCAxMi45NiAwIDE5Ljk0NC0xNi40MTYgMzYuMTQ0LTM2LjY0OCAzNi4xNDQtMTEuMzA0IDAtMjEuMzg0LTUu\aMDQtMjguMTUyLTEzLjAzMS0xLjU4NC00LjAzMy0yLjQ0OC04LjQyNC0yLjQ0OC0xMi45NjEgMC0xOS45NDQgMTYuNDE2LTM2LjE0\aNCAzNi42NDgtMzYuMTQ0eiIgZmlsbD0iIzAyNUJCRSIvPgoJCTxwYXRoIGQ9Im0zNS44NTYgNTYuMjMyYzMuNTI4IDAgNi4xMjEg\aMi4xNiA1LjgzMiA0LjgyNC0wLjM1OSAyLjY2My0zLjQ1NSA0LjgyMy02Ljk4NCA0LjgyMy0zLjUyOCAwLTYuMTItMi4xNi01Ljgz\aMi00LjgyMyAwLjM2LTIuNjYzIDMuNDU2LTQuODI0IDYuOTg0LTQuODI0eiIgZmlsbD0iIzEwNUNBRiIvPgoJCTxwYXRoIGQ9Im0z\aNS40MjQgNTUuOGMzLjUyNyAwIDYuMTIgMi4xNiA1LjgzMiA0LjgyNC0wLjM1OSAyLjY2NC0zLjQ1NiA0LjgyNC02Ljk4NCA0Ljgy\aNHMtNi4xMi0yLjE2LTUuODMyLTQuODI0YzAuMzYtMi42NjQgMy40NTYtNC44MjQgNi45ODQtNC44MjR6IiBmaWxsPSIjMDI0ODlB\aIi8+CgkJPHBhdGggZD0ibTQ1LjE0NSA3Ljg0OGMyLjU5MiAwLjI4OCA0LjQ2MyAyLjIzMiA0LjI0NyA0LjM5Mi0wLjIxNiAyLjA4\aOC0yLjUyIDMuNi01LjExMiAzLjMxMnMtNC40NjMtMi4yMzEtNC4yNDgtNC4zOTJjMC4yMTYtMi4wODggMi41Mi0zLjYgNS4xMTMt\aMy4zMTJ6IiBmaWxsPSIjMTI3M0UyIi8+CgkJPHBhdGggZD0ibTQ0Ljg1NSA3LjQ4OGMyLjU5MiAwLjI4OCA0LjQ2NSAyLjIzMSA0\aLjI0OCA0LjM5Mi0wLjIxNiAyLjA4OC0yLjUyIDMuNi01LjExMSAzLjMxMi0yLjU5Mi0wLjI4OC00LjQ2NS0yLjIzMi00LjI0OC00\aLjM5MiAwLjIxNi0yLjA4OCAyLjUyLTMuNiA1LjExMS0zLjMxMnoiIGZpbGw9IiMwMjQ4OUEiLz4KCQk8cGF0aCBkPSJtMzUuNzg0\aIDMxLjYwOGMxLjU4MyAwLjIxNiAyLjczNiAxLjU4NCAyLjUyIDMuMDI0LTAuMTQ0IDEuNTEyLTEuNTEyIDIuNTItMy4wOTYgMi4z\aNzYtMS41ODQtMC4yMTYtMi43MzYtMS41ODQtMi41Mi0zLjAyNCAwLjE0NC0xLjUxMiAxLjUxMi0yLjUyIDMuMDk2LTIuMzc2eiIg\aZmlsbD0iIzEyNzNFMiIvPgoJCTxwYXRoIGQ9Im0zNS41NjggMzEuMzJjMS41ODQgMC4yMTYgMi43MzYgMS41ODQgMi41MiAzLjAy\aMy0wLjE0NSAxLjUxMy0xLjUxMiAyLjUyMS0zLjA5NiAyLjM3Ni0xLjU4NC0wLjIxNi0yLjczNi0xLjU4NC0yLjUyLTMuMDIzIDAu\aMTQ0LTEuNTEyIDEuNTEyLTIuNTIgMy4wOTYtMi4zNzZ6IiBmaWxsPSIjMDI0ODlBIi8+CgkJPHBhdGggZD0ibTExLjg4IDM5LjQ1\aNmMzLjE2OCAwLjkzNiA1LjQ3MiA0LjE3NiA1LjE4NCA3LjI3MS0wLjI4OCAzLjA5Ny0zLjA5NiA0Ljc1My02LjI2NCAzLjgxNnMt\aNS40NzItNC4xNzYtNS4xODQtNy4yNzFjMC4yODgtMy4wOTYgMy4wOTYtNC43NTEgNi4yNjQtMy44MTZ6IiBmaWxsPSIjMTI3M0Uy\aIi8+CgkJPHBhdGggZD0ibTExLjUyIDM4LjgwOGMzLjE2OCAwLjkzNyA1LjQ3MiA0LjE3NiA1LjE4NCA3LjI3MnMtMy4wOTYgNC43\aNTItNi4yNjQgMy44MTZjLTMuMTY4LTAuOTM3LTUuNDcyLTQuMTc3LTUuMTg0LTcuMjcyczMuMDk2LTQuNzUyIDYuMjY0LTMuODE2\a eiIgZmlsbD0iIzAyNDg5QSIvPgoJCTxwYXRoIGQ9Im0xOC45MzYgMTIuNzQ0YzIuNTkyIDAgNC41MzYgMi4wMTYgNC4yNDggNC42\aMDgtMC4yMTYgMi41Mi0yLjUyIDQuNjA4LTUuMTg0IDQuNjA4LTIuNTkyIDAtNC41MzYtMi4wMTYtNC4yNDgtNC42MDggMC4yMTYt\aMi41MiAyLjUyLTQuNjA4IDUuMTg0LTQuNjA4eiIgZmlsbD0iIzEyNzNFMiIvPgoJCTxwYXRoIGQ9Im0xOC42NDggMTIuMzEyYzIu\aNTkyIDAgNC41MzYgMi4wMTYgNC4yNDggNC42MDgtMC4yMTYgMi41Mi0yLjUyIDQuNjA4LTUuMTg0IDQuNjA4LTIuNTkyIDAtNC41\aMzYtMi4wMTctNC4yNDgtNC42MDggMC4yMTYtMi41MiAyLjUyLTQuNjA4IDUuMTg0LTQuNjA4eiIgZmlsbD0iIzAyNDg5QSIvPgoJ\a CTxwYXRoIGQ9Im02My4yODcgMjguNTg0YzMuNzQ0IDAgNi40OCAzLjQ1NiA2LjE5MyA3LjcwNC0wLjM2MSA0LjI0OC0zLjY3MyA3\aLjcwNC03LjQxNiA3LjcwNC0zLjc0NCAwLTYuNDgtMy40NTYtNi4xOTItNy43MDQgMC4zNi00LjI0OCAzLjY3Mi03LjcwNCA3LjQx\aNS03LjcwNHoiIGZpbGw9IiMxMDVDQUYiLz4KCQk8cGF0aCBkPSJtNjIuODU1IDI3Ljc5MmMzLjc0NCAwIDYuNDggMy40NTYgNi4x\aOTIgNy43MDQtMC4zNiA0LjI0OC0zLjY3MiA3LjcwNC03LjQxNiA3LjcwNHMtNi40NzktMy40NTYtNi4xOTItNy43MDRjMC4zNjEt\aNC4yNDggMy42NzItNy43MDQgNy40MTYtNy43MDR6IiBmaWxsPSIjMDI0ODlBIi8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 82% auto;
    height: 0;
    padding-top: 3%
}

.flying_objects .asteroid-icon, .flying_objects .tiny_planet, .character, .logo .marioLogo, .more_games .more_games_icon {
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat
}

.no-svg .flying_objects .small_planet {
    background-image: url(../images/images-small_planet.png)
}

.flying_objects .tiny_planet {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iNTYuODc5cHgiIHZpZXdCb3g9IjAgMCA1Ni44NzkgNTYuODc5IiB3aWR0\a aD0iNTYuODc5cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8x\aOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1Ni44NzkgNTYuODc5Ij4KCTxwYXRoIGQ9Im0yOC40NCAwLjAz\aNmMtMTUuNjk3IDAtMjguNDQgMTIuNzQzLTI4LjQ0IDI4LjQ0IDAgMTUuNjk1IDEyLjc0NCAyOC40MzkgMjguNDQgMjguNDM5IDE1\aLjY5NSAwIDI4LjQzOS0xMi43NDQgMjguNDM5LTI4LjQzOSAwLTE1LjY5Ny0xMi43NDQtMjguNDQtMjguNDM5LTI4LjQ0eiIgZmls\a bD0iIzAyNDg5QSIvPgoJPHBhdGggZD0ibTI4LjQ0IDAuNzU2Yy01LjY4OCAwLTEwLjk0NCAxLjcyOC0xNS4zMzYgNC42MDggNS44\aMzIgMi4wMTYgMTIuMDk2IDEuNTExIDE3LjYzOS00LjUzNi0wLjc5MS0wLjA3Mi0xLjUxMi0wLjA3Mi0yLjMwMy0wLjA3MnptLTIw\aLjIzMiA4Ljc4NGMtMi41MiAyLjY2NC00LjQ2NCA1LjgzMi01Ljc2IDkuMjg4IDcuOTE5IDguODU1IDE0Ljc2IDcuMjcyIDIyLjE3\aNiAzLjM4NCA3LjcwMy0zLjk2IDE1LjkxMi0xMC4zNjggMjYuMjc5LTkuOTM2LTMuOTU5LTUuNTQ1LTEwLjAwOC05LjU3Ni0xNi45\aMi0xMS4wMTYtNC4zMiA3LjkyLTEzLjQ2MyAxMS40NDgtMjUuODQ4IDguMjA4bDAuMDczIDAuMDcyem0tNi43NjkgMTIuODE1Yy0w\aLjQzMiAxLjk0NC0wLjcyIDQuMDMyLTAuNzIgNi4xMjEgMCA2LjE5MSAyLjAxNyAxMS44NzkgNS40NzMgMTYuNDg4IDE0LjMyOCA2\aLjI2NCAzMC40NTUtMi45NTMgNDAuMjQ4IDQuNTM2IDQuOTY3LTQuMjQ4IDguMzUyLTEwLjE1MiA5LjM1OS0xNi45Mi02LjQ4LTMu\aODE2LTE2LjQxNi03LjItMjUuMDU3LTMuODg5LTEyLjM4MiA0LjgyNC0yMi42NzkgMi41Mi0yOS4zNzUtNi40MDdsMC4wNzIgMC4w\aNzF6bTEyLjA5NiAyOS41MjFjNC4zMiAyLjczNCA5LjQzMiA0LjM5MSAxNC45MDUgNC4zOTEgMy4yMzggMCA2LjMzNi0wLjU3NiA5\aLjIxNS0xLjU4NC0xLjU4NC0zLjI0LTguNzExLTQuMzE4LTEyLjAyMy00LjEwNC0yLjMwNCAwLjE0NS03LjA1NyAwLjc5NC0xMi4w\aOTcgMS4yOTd6IiBmaWxsPSIjMDI0QkExIi8+Cgk8cGF0aCBkPSJtMjguNDQgMC43NTZjLTUuNjg4IDAtMTAuOTQ0IDEuNzI4LTE1\aLjMzNiA0LjYwOCA1LjgzMiAyLjAxNiAxMi4wOTYgMS41MTEgMTcuNjM5LTQuNTM2LTAuNzkxLTAuMDcyLTEuNTEyLTAuMDcyLTIu\aMzAzLTAuMDcyem0tMjAuMjMyIDguNzg0Yy0wLjM2IDAuMzYtMC43MiAwLjc5Mi0xLjA4IDEuMjI0LTEuMjI0IDMuMDk2LTEuODcy\aIDYuNDgtMS44NzIgOS45MzZ2MS4wMDhjNi42OTYgNS42MTYgMTIuODE2IDMuOTYgMTkuMjk2IDAuNTc2IDcuNzAzLTMuOTYgMTUu\aOTEyLTEwLjM2OCAyNi4yNzktOS45MzYtMy45NTktNS41NDQtMTAuMDA4LTkuNTc2LTE2LjkyLTExLjAxNi00LjMyMSA3LjkxOS0x\aMy40NjMgMTEuNDQ3LTI1Ljg0OCA4LjIwOGgwLjE0NXptLTIuMTYxIDE3LjQ5NmMyLjIzMiA5LjUwNCA5LjI4OCAxNy4wNjMgMTgu\aNTA0IDIwLjAxNyA2LjExOS0wLjQzMiAxMS45NTEtMS4yMjUgMTYuODQ4IDAgNS4xMTEtMS41ODQgOS41NzYtNC42OCAxMi44ODkt\aOC43MTMgMC43MTktMS44NzEgMS4yMjMtMy44MTYgMS41MTItNS44MzItNi40OC0zLjgxNi0xNi40MTYtNy4yLTI1LjA1Ny0zLjg4\aOC05Ljc5MiAzLjgxNS0xOC4yODcgMy4xNjgtMjQuNzY3LTEuNzI4bDAuMDcxIDAuMTQ0eiIgZmlsbD0iIzAyNUJCRSIvPgo8L3N2\aZz4=);
    height: 0;
    padding-top: 4%
}

.no-svg .flying_objects .tiny_planet {
    background-image: url(../images/images-tiny_planet.png)
}

.flying_objects .asteroid-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTM3LjgzcHgiIHZpZXdCb3g9IjAgMCAyMDUuMzUxIDEzNy44MzIiIHdp\aZHRoPSIyMDUuMzVweCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3Jn\aLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwNS4zNTEgMTM3LjgzMiI+Cgk8bGluZWFyR3JhZGllbnQg\a aWQ9IlNWR0lEXzFfIiB5Mj0iMjIuNDg5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9IjE3Ni4yNiIgeTE9IjEz\aNS44NSIgeDE9Ii0zNC41OTEiPgoJCTxzdG9wIHN0b3AtY29sb3I9IiMwY2YiIG9mZnNldD0iMCIvPgoJCTxzdG9wIHN0b3AtY29s\a b3I9IiMwY2YiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHBhdGggZD0ibTY1LjA5\aNCAxMjQuMDZjLTE3LjkyOCAxMS4xNTktNDEuMTg0IDYuMTItNTEuOTEyLTExLjE2LTEwLjgtMTcuMjgtNC45NjgtNDAuMzkyIDEy\aLjg4OC01MS41NTJsMTc5LjI4LTYxLjM0OC0xNDAuMjYgMTIzLjk4djAuMDh6IiBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIvPgoJCQk8\a cGF0aCBkPSJtNzIuMDA2IDc2LjMyYzkuODY0IDE1Ljg0IDUuMTg0IDM2LjU3Ni0xMC40NCA0Ni4yOTYtMTUuNjI0IDkuNzIxLTM2\aLjI4OCA0LjgyNC00Ni4xNTItMTEuMDE2cy01LjE4NC0zNi41NzYgMTAuNDQtNDYuMjk2YzE1LjYyNS05LjcyIDM2LjI4OC00Ljgy\aNCA0Ni4xNTIgMTEuMDE2eiIgZmlsbD0iIzBGM0FBMCIvPgoJCQk8cGF0aCBkPSJtNzIuMDA2IDc2LjMyYzUuNTQ0IDguODU2IDYu\aNDggMTkuMjI0IDMuNTI4IDI4LjM2OC0yLjM3NiAzLjE2OC01LjQgNS45NzYtOSA4LjIwOC0xNS42MjQgOS43Mi0zNi4yODggNC44\aMjMtNDYuMTUyLTExLjAxNy01LjU0NC04Ljg1NS02LjQ4LTE5LjIyNC0zLjUyOC0yOC4zNjcgMi4zNzYtMy4xNjggNS40LTUuOTc3\aIDktOC4yMDggMTUuNjI1LTkuNzIxIDM2LjI4OC00LjgyNSA0Ni4xNTIgMTEuMDE1eiIgZmlsbD0iIzEwNDFBRSIvPgoJCQk8cGF0\a aCBkPSJtMjcuNTgzIDEwMy4xYzEuNzI4IDIuNzM2IDEuMjk2IDUuODMyLTAuOTM2IDYuOTEyLTIuMjMyIDEuMDA4LTUuNDcyLTAu\aMzYtNy4yLTMuMDk2cy0xLjI5Ni01LjgzMiAwLjkzNi02LjkxMmMyLjIzMS0wLjk5OCA1LjQ3MSAwLjM3MiA3LjIgMy4xMDJ6IiBm\a aWxsPSIjMTA0MUFFIi8+CgkJCTxwYXRoIGQ9Im0yNy43MjcgMTAyLjUzYzEuNzI4IDIuNzM2IDEuMjk2IDUuODMyLTAuOTM2IDYu\aOTEyLTIuMjMyIDEuMDA4LTUuNDcyLTAuMzYtNy4yLTMuMDk2cy0xLjI5Ni01LjgzMiAwLjkzNi02LjkxMmMyLjIzMS0xLjAwNCA1\aLjQ3MiAwLjM2NCA3LjIgMy4xMDJ6IiBmaWxsPSIjMEUzNjk1Ii8+CgkJCTxwYXRoIGQ9Im02OS45OSA4Ni43NmMxLjAwOCAyLjE2\aIDAuNDMyIDQuNjA3LTEuMzY4IDUuMzk5LTEuOCAwLjg2NC00LjAzMi0wLjIxNi01LjA0LTIuMzc2cy0wLjQzMi00LjYwNyAxLjM2\aOC01LjRjMS44LTAuODYzIDQuMDMyIDAuMjE3IDUuMDQgMi4zNzd6IiBmaWxsPSIjMTI1MEUxIi8+CgkJCTxwYXRoIGQ9Im03MC4x\aMzQgODYuMzI4YzEuMDA4IDIuMTYgMC40MzIgNC42MDgtMS4zNjggNS40LTEuOCAwLjg2NC00LjAzMi0wLjIxNi01LjA0LTIuMzc2\a cy0wLjQzMi00LjYwOCAxLjM2OC01LjRjMS44MDEtMC44NjQgNC4wMzIgMC4yMTYgNS4wNCAyLjM3NnoiIGZpbGw9IiMwRTM2OTUi\aLz4KCQkJPHBhdGggZD0ibTQ2Ljg3OCA5MS4wMDhjMC41NzYgMS4yOTUgMC4wNzIgMi44NzktMS4xNTIgMy40NTUtMS4yMjQgMC42\aNDgtMi43MzYgMC4wNzItMy4zODQtMS4yOTUtMC41NzYtMS4yOTctMC4wNzItMi44ODEgMS4xNTItMy40NTcgMS4yMjQtMC42NDcg\aMi43MzYtMC4wNzEgMy4zODQgMS4yOTd6IiBmaWxsPSIjMTI1MEUxIi8+CgkJCTxwYXRoIGQ9Im00Ni45NSA5MC43MTljMC41NzYg\aMS4yOTcgMC4wNzIgMi44ODEtMS4xNTIgMy40NTctMS4yMjQgMC42NDctMi43MzYgMC4wNzItMy4zODQtMS4yOTctMC41NzYtMS4y\aOTUtMC4wNzItMi44NzkgMS4xNTItMy40NTUgMS4yMjUtMC42NDggMi43MzYtMC4wNzIgMy4zODQgMS4yOTV6IiBmaWxsPSIjMEUz\aNjk1Ii8+CgkJCTxwYXRoIGQ9Im0yOS4wOTQgNzYuMTc2YzAuNzkyIDIuOTUxLTAuNjQ4IDYuMzM2LTMuMTY4IDcuNTYtMi41MiAx\aLjI5Ni01LjI1Ni0wLjA3Mi02LjA0OC0zLjAyNC0wLjc5Mi0yLjk1MSAwLjY0OC02LjMzNiAzLjE2OC03LjU2IDIuNTItMS4yOTYg\aNS4yNTYgMC4wNzIgNi4wNDggMy4wMjR6IiBmaWxsPSIjMTI1MEUxIi8+CgkJCTxwYXRoIGQ9Im0yOS4zODIgNzUuNmMwLjc5MiAy\aLjk1MS0wLjY0OCA2LjMzNi0zLjE2OCA3LjU2LTIuNTIgMS4yOTYtNS4yNTYtMC4wNzEtNi4wNDgtMy4wMjQtMC43OTItMi45NTEg\aMC42NDgtNi4zMzYgMy4xNjgtNy41NiAyLjUyLTEuMjk2IDUuMjU2IDAuMDcyIDYuMDQ4IDMuMDI0eiIgZmlsbD0iIzBFMzY5NSIv\aPgoJCQk8cGF0aCBkPSJtNTMuMzU4IDY4LjY4OGMxLjI5NiAyLjAxNiAwLjU3NiA0LjUzNi0xLjUxMiA1LjU0NHMtNC44MjQgMC4y\aMTYtNi4xMi0xLjgtMC41NzYtNC41MzYgMS41MTItNS41NDQgNC44MjUtMC4yMTYgNi4xMiAxLjh6IiBmaWxsPSIjMTI1MEUxIi8+\a CgkJCTxwYXRoIGQ9Im01My41NzQgNjguMjU2YzEuMjk2IDIuMDE2IDAuNTc2IDQuNTM2LTEuNTEyIDUuNTQzLTIuMDg4IDEuMDA5\aLTQuODI0IDAuMjE3LTYuMTItMS43OTktMS4yOTYtMi4wMTctMC41NzYtNC41MzcgMS41MTItNS41NDQgMi4wODgtMS4wMDggNC44\aMjQtMC4yMTYgNi4xMiAxLjh6IiBmaWxsPSIjMEUzNjk1Ii8+CgkJCTxwYXRoIGQ9Im02Mi42NDYgMTExLjFjMS44IDIuOTUxIDAu\aNTA0IDYuNzY4LTMuMDI0IDguNTY3LTMuNDU2IDEuOC03Ljc3NiAwLjg2NC05LjY0OC0yLjA4OC0xLjgtMi45NTItMC41MDQtNi43\aNjggMy4wMjQtOC41NjcgMy40NTctMS44IDcuNzc2LTAuODcgOS42NDggMi4wOXoiIGZpbGw9IiMxMDQxQUUiLz4KCQkJPHBhdGgg\aZD0ibTYzLjAwNiAxMTAuMzhjMS44IDIuOTUyIDAuNTA0IDYuNzY5LTMuMDI0IDguNTY4LTMuNDU2IDEuOC03Ljc3NiAwLjg2NC05\aLjY0OC0yLjA4OC0xLjgtMi45NTItMC41MDQtNi43NjggMy4wMjQtOC41NjggMy40NTYtMS44IDcuNzc2LTAuODcgOS42NDggMi4w\aOXoiIGZpbGw9IiMwRTM2OTUiLz4KCTxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIHkyPSI4MC4zMTMiIGdyYWRpZW50VW5p\a dHM9InVzZXJTcGFjZU9uVXNlIiB4Mj0iNjUuNzA4IiB5MT0iMTY3LjMxIiB4MT0iLTY5LjI5MiI+CgkJPHN0b3Agc3RvcC1jb2xv\a cj0iI2ZmZiIgb2Zmc2V0PSIwIi8+CgkJPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEi\aLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBkPSJtNjYuNjc4IDEzMS4zM2MtMjAuMzAzIDEyLjY3LTQ3LjE1OSA2LjI2LTU5\aLjk3Ni0xNC4zMy0xMi44MTYtMjAuNTkyLTYuNjk2LTQ3LjUyIDEzLjYwOS02MC4xMmw0OC42NzItMzAuMzEyIDQ2LjM2OCA3NC40\aNDgtNDguNjcyIDMwLjMxeiIgZmlsbD0idXJsKCNTVkdJRF8yXykiLz4KPC9zdmc+);
    width: 6.25rem;
    height: 4.125rem
}

.flying_objects .asteroid-icon.asteroid2, .flying_objects .asteroid-icon.asteroid3, .flying_objects .asteroid-icon.asteroid4, .flying_objects .asteroid-icon.asteroid5 {
    width: 1.875rem;
    height: 1.25rem
}

.no-svg .flying_objects .asteroid-icon {
    background-image: url(../images/images-asteroid.png)
}


.flying_objects {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    direction: ltr;
    pointer-events: none;
}

.flying_objects > div {
    z-index: -1
}

.asteroid {
    width: 6.25rem
}

.asteroid2, .asteroid3, .asteroid4, .asteroid5 {
    width: 1.875rem
}

.mars {
    position: absolute;
    width: 11%;
    top: 10.875rem;
    right: 1%
}

body.game-page .mars {
    top: 1.875rem;
    right: 3%
}

.moon {
    position: absolute;
    width: 5%;
    top: 6.75rem;
    left: 37%
}

.planet, .small_planet {
    width: 3%;
    position: absolute
}

body.game-page .moon {
    right: auto;
    left: 8%;
    top: 2.125rem
}

.planet {
    top: 8.125rem;
    left: 2%
}

.small_planet {
    top: 6.375rem;
    right: 1%
}

body.game-page .small_planet {
    top: 14.375rem;
    right: 8%
}

.tiny_planet {
    position: absolute;
    width: 4%;
    top: 15.625rem;
    right: 33%
}

.upper_triangle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2\aLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBV\aQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcx\aMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIg\a eG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOTgwcHgi\aIGhlaWdodD0iMTIwcHgiIHZpZXdCb3g9IjAgMCAxOTgwIDEyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk4MCAxMjAi\aIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMEIyMjY4IiBkPSJNMCwwaDE5ODB2MTIwYy0xNjQuOTQ5MjE4OC02\aMC00ODAuNDYyODkwNi04NC41MDczMjQyLTk5MC04Ny4zMDU2NjQxCglDNTEwLjQ0Njc3NzMsMzAuMDYwNTQ2OSwyMDEuMTI5ODgy\aOCw2MCwwLDEyMFYweiIvPgo8cGF0aCBmaWxsPSIjMEIyMjY4IiBkPSJNMCwxMjBWMCIvPgo8L3N2Zz4=)
}

.no-svg .upper_triangle {
    background-image: url(../images/images-upper_triangle.png)
}

.asteroid, .asteroid2, .asteroid3, .asteroid4, .asteroid5 {
    top: 1.875rem;
    right: 6.25rem;
    position: absolute;
    overflow: hidden;
}

.menu_title {
    font-size: 20px;
    color: #fff;
    margin: 0 0 12px;
}

#back_to_top {
    /*background-image: url(../images/images-rocket.png);
    display: inline-block;
    background-size: 100% auto;
    background-color: transparent;*/
}

.btn_up {
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    border-radius: 10px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    transition: transform .5s cubic-bezier(.51, .92, .24, 1.15);
    transform: translateX(120px);
    z-index: 9999;
    background: #ffa500;
}

.btn_up.show {
    transform: translateX(0);
}

/*html {
    cursor: url(../images/images-cursor.png) 25 24, default;
    min-height: 100%
}*/

/*a, a *, a:hover, a:hover *, button, button:hover {
    cursor: url(../images/images-cursor-pointer.png) 25 24, pointer
}*/

#chrome-webstore-install-button, .flying_objects .mars, .flying_objects .moon, .flying_objects .planet {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center
}

.upper_triangle {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 7.5rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 101%;
    z-index: -1
}

.upper_triangle > img {
    height: 100%
}

.floating {
    -webkit-animation-name: floatingAnimation;
    animation-name: floatingAnimation;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.browser-firefox .floating {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@keyframes floatingAnimation {
    from,
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(0, .9375rem);
        transform: translate(0, .9375rem)
    }
}

@-webkit-keyframes floatingAnimation {
    from,
    to {
        -webkit-transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(0, .9375rem)
    }
}

.floatingAround {
    -webkit-animation-name: floatingAround;
    animation-name: floatingAround;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.browser-firefox .floatingAround {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.crossingAnimation,
.crossingAnimation2 {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out
}

@keyframes floatingAround {
    from {
        -webkit-transform: rotate(0) translateX(.3125rem) rotate(0);
        transform: rotate(0) translateX(.3125rem) rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(.3125rem) rotate(-360deg);
        transform: rotate(360deg) translateX(.3125rem) rotate(-360deg)
    }
}

@-webkit-keyframes floatingAround {
    from {
        -webkit-transform: rotate(0) translateX(.3125rem) rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(.3125rem) rotate(-360deg)
    }
}

.duration3s {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.duration7s {
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

.duration15s {
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.duration30s {
    -webkit-animation-duration: 30s;
    animation-duration: 30s
}

.duration50s {
    -webkit-animation-duration: 50s;
    animation-duration: 50s
}

.crossingAnimation {
    -webkit-animation-name: crossingAnimation;
    animation-name: crossingAnimation;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes crossingAnimation {
    0% {
        left: 100%;
        top: 0
    }
    10%,
    100% {
        left: -18.75rem;
        top: 43.75rem
    }
}

@keyframes crossingAnimation {
    0% {
        left: 100%;
        top: 0
    }
    10%,
    100% {
        left: -18.75rem;
        top: 43.75rem
    }
}

.crossingAnimation2 {
    -webkit-animation-name: crossingAnimation2;
    animation-name: crossingAnimation2;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.crossingAnimation3,
.crossingAnimation4 {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes crossingAnimation2 {
    0%,
    10% {
        left: 30%;
        top: -3.125rem
    }
    100%,
    20% {
        left: -18.75rem;
        top: 43.75rem
    }
}

@keyframes crossingAnimation2 {
    0%,
    10% {
        left: 30%;
        top: -3.125rem
    }
    100%,
    20% {
        left: -18.75rem;
        top: 43.75rem
    }
}

.crossingAnimation3 {
    -webkit-animation-name: crossingAnimation3;
    animation-name: crossingAnimation3;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes crossingAnimation3 {
    0%,
    20% {
        left: 70%;
        top: -3.125rem
    }
    100%,
    30% {
        left: -18.75rem;
        top: 43.75rem
    }
}

@keyframes crossingAnimation3 {
    0%,
    20% {
        left: 70%;
        top: -3.125rem
    }
    100%,
    30% {
        left: -18.75rem;
        top: 43.75rem
    }
}

.crossingAnimation4 {
    -webkit-animation-name: crossingAnimation4;
    animation-name: crossingAnimation4;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes crossingAnimation4 {
    0%,
    30% {
        left: 40%;
        top: -3.125rem
    }
    100%,
    40% {
        left: -18.75rem;
        top: 43.75rem
    }
}

@keyframes crossingAnimation4 {
    0%,
    30% {
        left: 40%;
        top: -3.125rem
    }
    100%,
    40% {
        left: -18.75rem;
        top: 43.75rem
    }
}

.crossingAnimation5 {
    -webkit-animation-name: crossingAnimation5;
    animation-name: crossingAnimation5;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes crossingAnimation5 {
    0%,
    50% {
        left: 60%;
        top: -3.125rem
    }
    100%,
    60% {
        left: -18.75rem;
        top: 43.75rem
    }
}

@keyframes crossingAnimation5 {
    0%,
    50% {
        left: 60%;
        top: -3.125rem
    }
    100%,
    60% {
        left: -18.75rem;
        top: 43.75rem
    }
}

.hidden {
    display: none !important;
}

.search_trigger.active .search_mb_open {
    display: none;
}

.close_search_mb {
    display: none;
}

.search_trigger.active .close_search_mb {
    display: block;
}

.actions .svg-icon {
    width: 18px;
    height: 18px;
}

.actions .swiper-button-disabled {
    opacity: 0.5
}

.card {
    background: #404451;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    padding: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.thumb {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
}
.card:hover .thumb{
    border-color: #ffa500
}
.thumb img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s;
}

.card:hover .thumb img {
    transform: scale(1.1);
}

.card_bottom {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.card_title {
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
}

.card:hover .card_title {
    color: #ffa500;
}

.card_vote {
    color: #e5dfdf;
    display: flex;
    align-items: center;
    padding: 6px 0 0px;
}

.card_vote .svg-icon {
    width: 18px;
    height: 18px;
    color: #ffa500;
}

.slider_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0
}

.slider_heading_left, .heading_title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.slider_title, .title_block {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.view-more {
    color: #ffa500;
    font-size: 14px;
    font-weight: bold;

}

.heading_title {
    justify-content: flex-start;
    width: 100%;
    padding: 12px 0;
}

.slider_heading_right button + button {
    margin-left: 10px;
}

.slider_heading_right {
    display: flex;
    align-items: center;
}

.slider_heading_right button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffa500;
    box-shadow: 0 1px 2px #000;
    border-radius: 25px;
    transition: all .3s;
    border: 0;
    outline: 0;
}

.slider_heading_right button .svg-icon {
    width: 16px;
    height: 16px;
}

.slider_heading_right button:hover {
    opacity: .8;
}

.show_content {
    position: absolute;
    max-width: calc(100% - 30px);
    width: 100%;
    bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 12;
}

.ShowMore_button {
    position: relative;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 32px;
    background: 0 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    gap: 12px;
    padding: 6px 12px;
    font-family: inherit;
}

.game-content-page {
    position: relative;
    font-size: 15px;
    color: #fff;
    padding: 20px 20px 60px;
}

.game-content-page p,
.page-content p {
    margin-bottom: 10px;
}

.game-content-page p:last-child,
.page-content p:last-child {
    margin-bottom: 0;
}

.game-content-page p a, .game-content-page ul li a, .game-content-page ol li a,
.page-content p a, .page-content ul li a, .page-content ol li a {
    color: #ffa500;
    text-decoration: none;
    font-weight: 500;
}

.game-content-page p a:hover, .game-content-page ul li a:hover, .game-content-page ol li a:hover,
.page-content p a:hover, .page-content ul li a:hover, .page-content ol li a:hover {
    color: #ffa500;
    text-decoration: none;
}

.game-content-page h2,
.page-content h2 {
    color: #ffa500;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.game-content-page h3, .game-content-page h4, .game-content-page h5,
.page-content h3, .page-content h4, .page-content h5 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #ffa500
}

.game-content-page ul, .game-content-page ol,
.page-content ul, .page-content ol {
    padding-left: 24px;
}

.page-content ul li, .page-content ol li,
.game-content-page ul li, .game-content-page ol li {
    font-weight: inherit;
    margin: 0 0 8px;
    list-style: disc;
}

.hot_title {
    padding: 12px 0;
    display: flex;
    gap: 12px;
    align-items: center;
}

.hot_title .title {
    font-size: 24px;
    font-weight: bold;
    color: #fff
}

.hot_card {
    background: #404451;
    box-shadow: 0 1px 2px #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .3s;
    padding: 14px;
    max-height: 90px;
}

.hot_card:not(:last-child) {
    margin: 0 0 12px;
}

.hot_card .thumb {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    overflow: hidden;
    margin: 0;
}

.hot_card .thumb img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: all .3s;
}

.hot_card .item_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 70px);
}

.hot_game_info {
    width: calc(100% - 40px);
}

.hot_game_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.hot_voting {
    font-size: 12px;
    color: #e1d8d8;
    display: flex;
    align-items: center;
}

.icon_play {
    width: 40px;
    height: 40px;
    background: #ffa500;
    border-radius: 15px;
    text-align: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all .1s;
    box-shadow: 0 1px 2px #000;
}

.hot_card:hover {
    box-shadow: rgb(0 0 0/24%) 0 6px 12px 0;
}

.hot_card:hover .item_info .icon_play {
    transform: translateY(-3px);
    box-shadow: inset 1px 1px 10px 3px rgba(189, 189, 183, 0.35);
}

/*player*/
.player__columns, .page__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 32px;
}

.player__left, .page__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.player__right, .page__right {
    min-width: 0;
    max-width: 330px;
    padding-left: 30px;
    width: 100%;
}

.game-iframe {
    width: 100%;
}

.player-footer {
    border-radius: 7px;
    position: relative;
    box-shadow: 0 1px 2px #000;
}

.player-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 10px;
    z-index: 0;
}

.player-footer__item {
    padding: 0 10px;
}

.player-footer__item .title {
    font-size: 24px;
    color: #fff;
    margin: 0 0 8px;
}

.player-footer__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

.player-footer__inner::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #22252d;
    position: absolute;
    bottom: 0;
    border-radius: 7px;
    left: 0;
    top: 0;
    z-index: -1;
}

.g-footer__button {
    background: #ffa500;
    color: #000;
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 2px hsl(0deg 0% 0% / 20%);
    transition: all .3s;
}

.g-footer__button:hover {
    transform: translateY(-3px);
    box-shadow: inset 1px 1px 10px 3px rgba(189, 189, 183, 0.35);

}

.player__inner {
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 12px;
}

.bevel_with_shadow {
    box-shadow: 0 .0625rem .0625rem 0 rgba(0, 0, 0, .5), -.0625rem -.0625rem .3125rem rgba(0, 0, 0, .3) inset, .0625rem .0625rem .3125rem rgba(255, 255, 255, .3) inset
}

.lightbox_blue_header {
    width: 100%;
    position: relative;
    background: 0 0;
    border-bottom: 1px solid #404040;
    text-align: center;
    border-radius: .625rem .625rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.lightbox_blue_header h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: 700;

}

.blueman {
    background-image: url(../images/images-super-mario.png);
    width: 1.875rem;
    height: 2.5rem;
    background-size: 100% auto;
    position: absolute;
    top: -20px;
    right: 12%;
}

.blueman, .bush, .home_island, .rocket_game, .yellowman {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.island_game {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9i\aZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4K\aPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGlj\a cy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\a dmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjk2LjcxcHgiIHZpZXdCb3g9IjAgMCAxMDE5LjUzNyAyOTYuNzEyIiB3\a aWR0aD0iMTAxOS41cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9y\aZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDE5LjUzNyAyOTYuNzEyIj4KCQk8cGF0aCBkPSJtMTE2\aLjMyIDIwNy40NGwtMi4wODggOC45MjggNi42MjQgNi42OTYgNS43Ni01LjgzMi0xLjk0NC02LjkxMi04LjM1LTIuODl6bTQxOS41\aNCA1MS4xMmwxOC4wNzIgMjguNzI4LTguNjQgOS40MzJoLTUuMDRsLTguMjA4LTEwLjk0NC0wLjE0NC0yMy45MDQgMy45Ni0zLjI0\a di0wLjA4em0tNDkwLjI1LTEzMy40OWw0Mi44NCAxMC40NC01LjExMiAzMS44OTYtMjIuMzkyIDkuNTc2LTEzLjgyNC0xNC44MzIt\aMS41MTItMzcuMDl6bTg4OS4zNS0wLjc5aDI3LjUwNGwxMC44IDIzLjQtMTUuMzM2IDE2Ljg0OC0xLjI5NiAxMC40MzktMjEuMTY4\aLTAuMTQ0LTAuNDktNTAuNTV6bS01MS4yNyA5NC41NGwtOS40MzIgMi4yMzItNC4wMzIgNC40NjQgNy4xMjggMTMuMTc2IDExLjUy\aLTEuNDQgNS45NzYtMTMuOTY4LTExLjE3LTQuNDZ6bS03OTAuNy05Mi42N2w2LjMzNiA1Mi40MTYgOC45MjggNS41NDQgMS4yOTYg\aMTEuMzA0IDIyLjUzNiA2LjQ4IDQuNTM2IDEwLjIyNCAyNC42MjQgOC40OTYgMTQuMTEyLTE2Ljk5MiAxMC43MjgtMi4yMzIgMS42\aNTYgMTAuMzY4IDMyLjI1NiAzLjc0NCAxLjY1NiAyMC4wMTYgMzcuNjU2IDExLjk1MiAyNS45OTItNi4xMiAxMi41MjggMTEuMzA0\aIDI5LjM3NiAyNy4zNiAyNy43OTIgMy40NTYgNTAuMzI4LTEyLjYgNjYuMTY4IDEwLjAwOCAzMy44NC0xMy42OCAxMy41MzYtMjIu\aNzUyIDE2LjQxNiAwLjUwNCAxNi4yIDI3LjU3NiAyMi45NjggNi4yNjQgNDguNjcyLTExLjMwNCAxMi41MjgtMTIuMDI0IDM5LjY3\aMi0xMS4wMTYgMTQuOTA0IDE2LjM0NCAyMC4wODgtNC42OCAyMC4xNiA3LjU2IDMxLjgyNC0xNS41NTItMS4yOTYtMjAuMzA0IDM0\aLjQxNiAxNC4wNCAzNi42NDgtOS4xNDQgMTcuMTM2LTIwLjE2IDE2Ljc3NiAwLjUwNCAxMy40NjQtNS42ODgtMC40MzItNi42OTYg\aMjAuNzM2IDMuMDk2IDkuODY0LTguMjggMi44MDgtMTMuNDY0IDEzLjc1Mi0zLjM4NCA1LjkwNC02Mi4yMDgtODM5LjE2IDkuNzky\aIDAuMDM4LTAuMDh6bTU1OCAxNDkuNGw3LjQxNi0xMi42IDE1LjY5Ni00LjQ2NCA2LjYyNCA1LjE4NC0yLjA4OCAxMy43NTItNy40\aMTYgNi4zMzYtMjAuMzA0LTguMTM2IDAuMDctMC4wN3ptLTQ1Ni4yNy01MS4yNmwtNy4xMjggMTguNzkyIDE3LjQ5NiAxNC40IDEx\aLjA4OC02LjI2NC0xLjUxMi0xMy44MjQtNS42ODgtMTEuNzM2LTE0LjI2LTEuMzd6IiBmaWxsPSIjODk0QjA5Ii8+CgkJPHBhdGgg\aZD0ibTExOC41NSAyMTEuNTRsLTAuODY0IDMuNzQ0IDMuMTY4IDMuMTY4IDIuMjMyLTIuMjMyLTEuMDA4LTMuNDU2LTMuNi0xLjIy\aNGgwLjA3em00MTYuNTkgNTEuN2wtMC41MDQgMS4wMDggMC4xNDQgMjEuMjQgMTUuMTkyIDEuMzY4LTE0LjkwNC0yMy42MTZoMC4w\aN3ptLTQ4NC45OS0xMDUuODRsMC4xNDQgMy4zODQgMTEuNTIgMTIuMzg0IDAuMjg4LTExLjY2NGMtMC4zNi0xLjUxMi0wLjQzMi0y\aLjg4LTAuMjE2LTQuMTA0LTIuODA4LTEuMDA4LTUuNTQ0LTIuMDg4LTguMjA4LTMuMTY4LTAuNzkzIDEuMDgtMi4wMTYgMi4xNi0z\aLjUyOCAzLjE3em04OTIuNzMgMi4xNmwxLjcyOCAxMi4wMjQgOS4yODggMC4xNDQgMS4wOC04LjY0IDkuNTc2LTEwLjUxMmMtMy45\aNiAxLjQ0LTguMDY0IDIuODA4LTEyLjMxMiA0LjE3NiAxLjAwOCAyLjM3NiAwLjc5MiA1LjgzMi0xLjA4IDEwLjA4LTUuMDQtMS41\aODQtNy43MDQtNC4zMi04LjI4LTcuMnYtMC4wN3ptLTU5LjQgNjIuNTdsLTcuNTYgMS44LTEuOCAyLjAxNiAxMi42NzIgOC4zNTIg\aMy45Ni05LjIxNi03LjItMi44OC0wLjA3LTAuMDd6bS03ODAuMjctNDVsMi44OCAxLjggMS4wMDgtNS41NDRjLTAuODYgMS4yOS0y\aLjE2IDIuNTktMy44OSAzLjc0em05LjI5IDEuODd2MTMuODI0bDIwLjA4OCA1Ljc2IDEuMDgtMjIuMTA0Yy01LjgzMi0xLjE1Mi0x\aMS40NDgtMi4zMDQtMTYuOTkyLTMuNTI4LTAuNTEgMS45NS0xLjg4IDQuMDMtNC4xOCA2LjA1em0yNi45MyAzLjg5bC0wLjUwNCAy\aNi41NjggMjEuMzg0IDcuMzQ0LTAuMTQ0LTIwLjIzMiAxMy4wMzItMy41MjggMC4zNi05LjUwNGMtNy4xMjgtMS4wOC0xNC4xODQt\aMi4yMzItMjAuOTUyLTMuNDU2LTAuNTc2IDIuMzA0LTIuMzA0IDQuODI0LTUuNDcyIDcuMi0yLjY2NC0yLjg4LTMuOTYtNS42MTYt\aNC4xNzYtNy45OTItMC43MiAxLjI5Ni0xLjg3MiAyLjU5Mi0zLjYgMy42aDAuMDd6bTUzLjIxIDExLjUybC0zLjg4OCAzLjA5NiAx\aLjggMTEuMzA0IDMwLjE2OCAzLjQ1NiAxLjI5Ni0xNi45Mi0wLjI4OCAwLjIxNmMtMS45NDQtMi4wODgtMy4xNjgtNC4xMDQtMy43\aNDQtNS45NzYtMi44MDgtMC4zNi01LjYxNi0wLjcyLTguNDI0LTEuMDgtMC4zNiAyLjQ0OC0yLjE2IDUuMjU2LTUuNjE2IDcuODQ4\aLTEuODcyLTIuMDE2LTMuMDI0LTMuODg4LTMuNjAxLTUuNjg4LTEuNTEyIDEuNzI4LTQuMDMyIDMuMDk2LTcuNjMyIDMuODE2bC0w\aLjA4LTAuMDh6bTM3LjE1IDMuMzhsLTUuMDQgMzUuMjA4IDM0Ljg0OCAxMS4wMTYgNS4zMjgtNDYuNDRjLTAuNzIgMS42NTYtMi4w\aMTYgMy4zODQtMy44MTUgNS4wNC0zLjc0NS0zLjE2OC01LjMyOC02LjQwOC01LjExMi05LjE0NC0yLjgwOC0wLjI4OC01LjU0NC0w\aLjUwNC04LjI4LTAuNzkyLTAuOTM2IDEuNTg0LTIuMzc2IDMuMTY4LTQuNDY0IDQuNzUyLTEuOC0xLjk0NC0yLjk1Mi0zLjgxNi0z\aLjYtNS41NDQtMC41NzYtMC4wNzItMS4yMjUtMC4xNDQtMS44LTAuMjE2IDAuMTQ0IDIuNzM2LTEuNjU2IDYuMDQ4LTUuNjg4IDku\aMDcyLTAuOTM2LTEuMDA4LTEuNzI4LTIuMDE2LTIuMzA0LTMuMDI0bC0wLjA5IDAuMDZ6bTY2Ljc0IDMuMWwwLjUwNCAxOC4xNDQt\aOC4yMDggNS42MTYtMC42NDggMTQuMTg0IDI5LjQ0OCAyNS4zNDQgNC4xNzYtNjUuNDQ4Yy0zLjA5Ni0wLjIxNi02LjE5Mi0wLjQz\aMi05LjI4OC0wLjU3Ni0wLjU3NiAxLjcyOC0xLjY1NiAzLjY3Mi0zLjM4NCA1LjYxNi0yLjk1Mi0yLjAxNi00Ljc1Mi00LjE3Ni01\aLjU0NC02LjI2NC0xLjE1Mi0wLjA3Mi0yLjIzMi0wLjE0NC0zLjM4NC0wLjIxNi0wLjggMS4yMy0yLjAyIDIuNDYtMy42OCAzLjYx\a em00MS42OS0xLjE1bC0yLjM3NiAzOS4wOTYtNi4yNjQgOC42NC0wLjU3NiAyOS4wMTYgMjYuMjA4IDIuODggNTAuMzI4LTExLjg4\aLTAuMzYtMjcuNzkyLTExLjk1Mi05LjkzNy0xLjI5Ni0yNS4yNzFjLTAuNzkyIDIuMjMyLTIuNzM2IDQuNDY0LTYuMDQ4IDYuNDc5\aLTIuNzM2LTMuNTI4LTMuNjcyLTYuNzY4LTMuMzg0LTkuMjg4LTUuNC0wLjIxNi0xMC44NzItMC40MzItMTYuMi0wLjY0OCAwLjIx\aNiAzLjc0NC0zLjA5NiA3LjEyOC05LjkzNiA3LjcwNC0wLjc5Mi0zLjM4NC0wLjcyLTYuMTItMC4wNzItOC4yMDgtMS44LTAuMDcy\aLTMuNjcyLTAuMjE2LTUuNDcyLTAuMjg4LTAuMzYgMy4zMTItMy42NzIgNi4xOTItOS44NjQgNi43NjgtMC42NDgtMi44OC0wLjcy\aLTUuMzI4LTAuMjg4LTcuMjcxbC0yLjUyLTAuMTQ1IDAuMDcgMC4xNHptODIuNDQgMTIuMTd2NTguMjQ4bDUwLjYxNiA3LjM0NCAz\aMi4wNC0xMi45Ni0xMS4wODgtNjAuNjI0aC0xMS42NjRjLTAuNDMyIDIuMTYtMS44NzIgNC42MDgtNC4zOTIgNy4wNTYtMi45NTIt\aMi4zNzYtNC41MzYtNC44OTYtNS4xMTItNy4xMjhoLTQuMTc2Yy0wLjM2IDIuNzM2LTIuNjY0IDUuNjE2LTcuMiA3Ljc3Ni0xLjg3\aMi0yLjk1Mi0yLjczNi01LjY4OC0yLjY2NC03LjkyLTcuMTI4LTAuMDcyLTE0LjMyOC0wLjIxNi0yMS40NTYtMC4zNi0wLjM2IDIu\aMjMyLTEuNjU2IDQuODI0LTQuMTc2IDcuNDE2LTMuMzEyLTIuNTItNS4wNC01LjE4NC01LjQ3Mi03LjYzMi0wLjY0OCAwLTEuMjk2\aIDAtMi4wMTYtMC4wNzIgMC43MiAyLjUyLTAuMjg4IDUuNjg4LTMuMzg0IDguNzg0bDAuMTQgMC4wNnptOTEuNDQtMy40Nmw1LjE4\aNCAzMi42MTYgMTkuOTQ0IDAuNjQ4IDAuODY0LTM3LjM2OGMtMC40MzIgMi4yMzItMS44IDQuODI0LTQuNDY0IDcuMzQ0LTMuMzEy\aLTIuNzM2LTQuODk2LTUuNjE2LTUuMTg0LTguMDY0aC0yLjY2NGMyLjAxNiAyLjgwOCAxLjI5NiA3LjQxNi0zLjQ1NiAxMi4wOTYt\aNS40LTQuMzItNi40MDgtOS00LjMyLTEyLjAyNGgtMi45NTJjLTAuMjg4IDEuNjU2LTEuMjI0IDMuMjQtMy4wMjQgNC42OGwwLjA3\aIDAuMDZ6bTYzLjE0LTAuMzZsLTAuMjg4IDE4LjU3Ni0xMS4wMTYgMTMuNjggMTAuODcyIDM0Ljk5MiA0Ny4wODgtMTAuOTQ0LTMu\aODE2LTI2LjA2NCAxMS4zNzYtNy4xMjgtMC43OTItMzAuMzg0LTE0LjkwNCAwLjY0OGMwLjQzMiAyLjUyLTAuMzYgNS43Ni0zLjAy\aNCA5LjQzMi0yLjg4LTEuNTg0LTQuNzUyLTMuNDU2LTUuODMyLTUuMjU2LTAuNTc2IDEuODcyLTEuOCAzLjk2LTMuODE2IDYuMDQ4\aLTQuMjQ4LTMuMTY4LTUuOTc2LTYuNjk2LTUuNjE2LTkuNTc2LTMuMTY4IDAuMTQ0LTYuMjY0IDAuMjE2LTkuNDMyIDAuMjg4IDAu\aMDcyIDIuNjY0LTEuNTEyIDUuODMyLTUuMTg0IDguOTI4LTIuMDg4LTIuMDE2LTMuNDU2LTQuMDMyLTQuMTA0LTUuOTA0LTAuMzYg\aMC44NjQtMC43OTIgMS44LTEuNDQgMi42NjRoLTAuMDh6bTgwLjIxLTguNzFsMi43MzYgNDYuNTg0IDE4LjM2LTUuMjU2LTEuODcy\aLTM3LjU4NGMtMC43Mi0xLjgtMC44NjQtMy40NTYtMC40MzItNC44MjQtNi4xOTIgMC4zNi0xMi40NTYgMC43OTItMTguNzIgMS4w\aOGgtMC4wOHptMzMuMTkgMy44MWwxLjIyNCAyMy45MDQgMS41ODQgMzAuMDI0IDE5LjQ0LTQuNTM2IDIuOTUyLTM2LjUwNCAxMS40\aNDggMTIuODE2IDUuMDQgMzAuODg4IDI4LjgtMTMuODk2LTQuMjQ4LTQ2LjcyOGMtMi42NjQtMS42NTYtNC40NjQtMy41MjgtNS4z\aOTktNS4zMjgtMC40MzIgMS45NDQtMS40NCA0LjE3Ni0zLjMxMyA2LjQ4LTMuNTI4LTIuMTYtNS40NzItNC42OC02LjEyLTcuMDU2\aLTMuMDk2IDAuMjg4LTYuMjY0IDAuNTc2LTkuNDMyIDAuODY0IDAuMjg4IDIuNjY0LTEuMDA4IDYuMDQ4LTQuNDY0IDkuNDMyLTIu\aMjMyLTEuOC0zLjc0NC0zLjY3Mi00LjUzNi01LjQ3Mi0wLjc5MiAyLjAxNi0yLjQ0OCA0LjEwNC01LjA0IDYuMDQ4LTIuODgtMy4w\aOTYtNC4xNzYtNi4wNDgtNC4yNDgtOC40OTYtNS43NiAwLjQzMi0xMS41MiAwLjg2NC0xNy4zNTIgMS4yOTYgMC4yMTYgMi4zNzYt\aMC41NzYgNS4zMjgtMi43MzYgOC41NjgtMS40My0wLjctMi41OC0xLjQyLTMuNTktMi4yOXptOTguMDctMTQuODNsOS4wNzIgNDku\aOTY4IDM0Ljc3Ni04LjcxMi03LjM0NC0zOC41OTItMC4yMTYgMC4xNDRjLTEuNzI4LTIuNTkyLTIuNjY0LTUuMDQtMi44OC03LjA1\aNi0zLjgxNiAwLjUwNC03LjYzMiAxLjAwOC0xMS41MiAxLjUxMiAwLjkzNiAyLjczNi0wLjE0NCA2LjU1Mi0zLjg4OCAxMC41ODQt\aNC4xNzYtMy4wOTYtNS45MDQtNi41NTItNS42MTYtOS4zNmwtMi4yMzEgMC4yODhjLTAuNTA0IDIuMDE3LTEuNzI5IDQuMzItMy44\aMTYgNi42OTYtMi41Mi0xLjgtNC4xMDQtMy43NDQtNC45NjgtNS42MTZsLTEuMjI0IDAuMTQ0aC0wLjE0em01Ni45NS0yLjAybDQu\aMzIgMjIuODI0IDE3LjU2OCAwLjUwNCAxMC43MjktNC41MzYtMC41MDQtOC4zNTItMi41Mi0xMi44MTZjLTIuNzM2LTIuNTkyLTMu\aNjcyLTUuMzI4LTMuMDk2LTcuNzA0bC0zLjY3MiAwLjY0OGMtMC4xNDQgMi4yMzItMS4yMjQgNC44MjQtMy4zMTIgNy41Ni0zLjA5\aNi0xLjgtNS4wNC0zLjk2LTUuOTA0LTUuOTc2LTIuMDE2IDAuMzYtNC4wMzIgMC42NDgtNi4xMiAxLjAwOCAxLjE1MiAyLjY2NCAw\aLjQzMiA2LjU1Mi0yLjg4IDEwLjg3Mi0yLjA4OC0xLjIyNC0zLjYtMi41OTItNC42OC0zLjk2bDAuMDYtMC4wNnptNDkuNjEtMTQu\aNTRsNS43NiAyOC40NCA3Ljk5Mi02LjY5Ni0xLjU4NC0xNC43NmMtMC4xNDQgMC4yODgtMC4zNiAwLjU3Ni0wLjUwNCAwLjkzNi01\aLjMyOC0yLjMwNC03LjcwNC01LjY4OC03LjU2LTguNzg0LTEuMzggMC4yOS0yLjc0IDAuNTctNC4xMSAwLjg2em0xOC44NiA0LjI1\a bDAuNzIgMi42NjQgMTAuNjU2LTIuODA4IDEuMDgtMTEuMzA0Yy0zLjA5NiAwLjc5Mi02LjMzNiAxLjU4NC05LjUwNCAyLjM3NiAw\aLjkzNiAyLjMwNCAwLjc5MiA1LjY4OC0wLjkzNiA5Ljc5Mi0wLjcyLTAuMjE2LTEuMzY4LTAuNDMyLTEuOTQ0LTAuNjQ4bC0wLjA4\aLTAuMDd6bS0yNDEuMzQgMTAzLjlsNS4xMTItNC4zMiAxLjU4NC0xMC42NTYtMy44ODgtMy4wOTYtMTMuMDMyIDMuNjcyIDExLjA4\aOCA4LjY0LTAuODY0IDUuNjg4djAuMDh6bS00NzMuOTEtNTIuMjhsLTUuMzk5IDE0LjMyOCAxNC4wNCAxMS41OTIgNy40MTYtNC4x\aNzYtOS4yMTYtMTAuMDA4IDMuMzg0LTEwLjgtMTAuMTUyLTEuMDA4LTAuMDcgMC4wOHoiIGZpbGw9IiNBRDY0MDYiLz4KCQk8cGF0\a aCBkPSJtMTE4LjU1IDIxMS41NGwtMC44NjQgMy43NDQgNC40NjQtMi41Mi0zLjYtMS4yMnptNDE2LjIzIDc0LjAybDE1LjE5MiAx\aLjM2OC03Ljk5Mi0xMi42NzItNy4yIDExLjM3NnYtMC4wOHptLTQ4NC42My0xMjguMDlsMC4xNDQgMy4zODQgNC41MzYgNC44MjQg\aMC41MDQtMTAuNzI4Yy0wLjU3Ni0wLjIxNi0xLjA4LTAuNDMyLTEuNTg0LTAuNjQ4LTAuNzkyIDEuMDgtMi4wMTYgMi4xNi0zLjUy\aOCAzLjE2OGgtMC4wNzJ6bTkwMS41OCA4LjE0bDIuMjMyIDYuMTkyIDEuMDgtOC42NC0yLjIzMi00Ljc1MmMwLjM2IDEuOTQgMC4w\aNyA0LjM5LTEuMDggNy4yem0tNjguMTggNTYuNTlsLTcuNTYgMS44LTEuOCAyLjAxNiAxNi42MzItMC45MzYtNy4yLTIuODhoLTAu\aMDd6bS03ODAuMjctNDVsMi44OCAxLjh2LTQuMjQ4Yy0wLjc5IDAuODctMS43MiAxLjY2LTIuODggMi40NXptOS4yOSAxLjg3djEz\aLjgyNGwxMC4wMDggMi44OCAxLjIyNC0yMS4yNC03LjEyOC0xLjUxMmMtMC41MDQgMS45NDQtMS44NzIgNC4wMzItNC4xNzYgNi4w\aNDhoMC4wOHptMzguNDUgNC42MWwtMS4yOTYgMjkuNTIgMTAuNjU2IDMuNjcyLTAuMTQ0LTIwLjIzMiAxMy4wMzItMy41MjggMC4z\aNi05LjUwNGMtNy4xMjgtMS4wOC0xNC4xODQtMi4yMzItMjAuOTUyLTMuNDU2LTAuMjg4IDEuMTUyLTAuODY0IDIuMzA0LTEuNzI4\aIDMuNTI4aDAuMDd6bTQ3LjAyIDguOTNsMy42IDAuNjQ4Yy0wLjU3Ni0wLjg2NC0wLjkzNi0xLjcyOC0xLjIyNC0yLjU5Mi0wLjY2\aIDAuNzEtMS40NSAxLjM2LTIuMzggMS45NHptOC41NiAxLjU4bDEwLjcyOCAxLjk0NCA0LjM5MiAzLjk2IDAuMzYtNC42OC0wLjI4\aOCAwLjIxNmMtMS45NDQtMi4wODgtMy4xNjgtNC4xMDQtMy43NDQtNS45NzYtMi44MDgtMC4zNi01LjYxNi0wLjcyLTguNDI0LTEu\aMDgtMC4yODggMS44LTEuMjI0IDMuNzQ0LTMuMDk2IDUuNjE2aDAuMDd6bTIzLjI2IDMuNjhsLTUuMDQgMzUuMjA4IDM0Ljg0OCAx\aMS4wMTYtMTIuMDI0LTM3LjU4NCAxLjcyOC0xMy42MDgtMS42NTYtMC4xNDRjLTAuOTM2IDEuNTg0LTIuMzc2IDMuMTY4LTQuNDY0\aIDQuNzUyLTEuOC0xLjk0NC0yLjk1Mi0zLjgxNi0zLjYtNS41NDQtMC41NzYtMC4wNzItMS4yMjUtMC4xNDQtMS44LTAuMjE2IDAu\aMTQ0IDIuNzM2LTEuNjU2IDYuMDQ4LTUuNjg4IDkuMDcyLTAuOTM2LTEuMDA4LTEuNzI4LTIuMDE2LTIuMzA0LTMuMDI0djAuMDZ6\a bTY2Ljc0IDMuMDlsMC41MDQgMTguMTQ0IDE4LjUwNCAxMi41MjgtNS43NiA3LjcwNC0yMC45NC0xNC42MS0wLjY0OCAxNC4xODQg\aMjkuNDUgMjUuMzUgNC4xNzYtNjUuNDQ4Yy0zLjA5Ni0wLjIxNi02LjE5Mi0wLjQzMi05LjI4OC0wLjU3Ni0wLjU3NiAxLjcyOC0x\aLjY1NiAzLjY3Mi0zLjM4NCA1LjYxNi0yLjk1Mi0yLjAxNi00Ljc1Mi00LjE3Ni01LjU0NC02LjI2NC0xLjE1Mi0wLjA3Mi0yLjIz\aMi0wLjE0NC0zLjM4NC0wLjIxNi0wLjgxIDEuMjItMi4wMyAyLjQ1LTMuNjkgMy42em00MS42OS0xLjE1bC0yLjM3NiAzOS4wOTYt\aNi4yNjQgOC42NC0wLjU3NiAyOS4wMTYgMjYuMjA4IDIuODggMS40NC0zMC4xNjggMzYuNTc2LTE5LjQ0LTEuMjk2LTI1LjI3MmMt\aMC43OTIgMi4yMzItMi43MzYgNC40NjQtNi4wNDggNi40OC0yLjczNi0zLjUyOC0zLjY3Mi02Ljc2OC0zLjM4NC05LjI4OC01LjQt\aMC4yMTYtMTAuODcyLTAuNDMyLTE2LjItMC42NDggMC4yMTYgMy43NDQtMy4wOTYgNy4xMjgtOS45MzYgNy43MDQtMC43OTItMy4z\aODQtMC43Mi02LjEyLTAuMDcyLTguMjA4LTEuOC0wLjA3Mi0zLjY3Mi0wLjIxNi01LjQ3Mi0wLjI4OC0wLjM2IDMuMzEyLTMuNjcy\aIDYuMTkyLTkuODY0IDYuNzY4LTAuNjQ4LTIuODgtMC43Mi01LjMyOC0wLjI4OC03LjI3MmwtMi41Mi0wLjE0NCAwLjA3IDAuMTR6\a bTgyLjQ0IDEyLjE3djU4LjI0OGw1MC42MTYgNy4zNDQgNC42OC00Mi42MjQtMTMuNzUyLTkuODY0IDAuNjQ3LTE1LjE5MmMtMC44\aNjQgMC42NDgtMS44NzIgMS4yMjQtMy4wMjQgMS44LTEuODcyLTIuOTUyLTIuNzM2LTUuNjg4LTIuNjY0LTcuOTItNy4xMjgtMC4w\aNzItMTQuMzI4LTAuMjE2LTIxLjQ1Ni0wLjM2LTAuMzYgMi4yMzItMS42NTYgNC44MjQtNC4xNzYgNy40MTYtMy4zMTItMi41Mi01\aLjA0LTUuMTg0LTUuNDcyLTcuNjMyLTAuNjQ3IDAtMS4yOTYgMC0yLjAxNi0wLjA3MiAwLjcyIDIuNTItMC4yODggNS42ODgtMy4z\aODQgOC43ODR2MC4wNnptOTEuNDQtMy40Nmw1LjE4NCAzMi42MTYgOSAwLjI4OC0wLjE0NC0zMC45NmMtMC43MiAxLjcyOC0xLjk0\aNCAzLjUyOC0zLjgxNiA1LjQtNS40LTQuMzItNi40MDgtOS00LjMyLTEyLjAyNGgtMi45NTJjLTAuMjg4IDEuNjU2LTEuMjI0IDMu\aMjQtMy4wMjQgNC42OGgwLjA3em0xNC4wNC00LjE4di0wLjU3NmgtMC4zNmMwLjE1IDAuMjIgMC4yOSAwLjM3IDAuMzYgMC41OHpt\aNDkuMTEgMy44MmwtMC4yODggMTguNTc2LTExLjAxNiAxMy42OCAxMC44NzIgMzQuOTkyIDI1LjItMTQuNzYtMC40MzItNTAuMjU2\aYy0zLjE2OC0yLjgwOC00LjM5Mi01LjgzMi00LjEwNC04LjI4LTMuMTY4IDAuMTQ0LTYuMjY0IDAuMjE2LTkuNDMyIDAuMjg4IDAu\aMDcyIDIuNjY0LTEuNTEyIDUuODMyLTUuMTg0IDguOTI4LTIuMDg4LTIuMDE2LTMuNDU2LTQuMDMyLTQuMTA0LTUuOTA0LTAuMzYg\aMC44NjQtMC43OTIgMS44LTEuNDQgMi42NjRsLTAuMDggMC4wN3ptOTEuNTEtOS4zNmwxLjg3MiAzMC4wMjQgNy45MiAxMi4wMjQt\aMS44NzItMzcuNTg0Yy0wLjcyLTEuOC0wLjg2NC0zLjQ1Ni0wLjQzMi00LjgyNC0yLjQ0OCAwLjE0NC00Ljk2OCAwLjI4OC03LjQx\aNiAwLjQzMmwtMC4wNy0wLjA3em0yMS44OSA0LjQ3bDEuMjI0IDIzLjkwNCAxLjU4NCAzMC4wMjQgMTkuNDQtNC41MzYgMi45NTIt\aMzYuNTA0LTEuODcyLTIwLjUyMWMtNS42MTYgMC40MzItMTEuMzA0IDAuODY0LTE2Ljk5MiAxLjI5NiAwLjIxNiAyLjM3Ni0wLjU3\aNiA1LjMyOC0yLjczNiA4LjU2OC0xLjQ0LTAuNzItMi41OTItMS40NC0zLjYtMi4zMDR2MC4wN3ptNDguNzQtOS43M2w0Ljg5NiAz\aOC44OC0xMi4wMjQgMjcuNTA0IDI4LjgtMTMuODk2LTQuMjQ4LTQ2LjcyOGMtMi42NjQtMS42NTYtNC40NjQtMy41MjgtNS4zOTkt\aNS4zMjgtMC40MzIgMS45NDQtMS40NCA0LjE3Ni0zLjMxMyA2LjQ4LTMuNTI4LTIuMTYtNS40NzItNC42OC02LjEyLTcuMDU2bC0y\aLjY2NCAwLjIxNiAwLjA2LTAuMDZ6bTY3LjEgMi43NGw2LjYyNCAzOC4zNzYgMTkuMjk2LTQuODI0LTcuMzQ0LTM4LjU5Mi0wLjIx\aNiAwLjE0NGMtMS43MjgtMi41OTItMi42NjQtNS4wNC0yLjg4LTcuMDU2LTMuODE2IDAuNTA0LTcuNjMyIDEuMDA4LTExLjUyIDEu\aNTEyIDAuOTM2IDIuNzM2LTAuMTQ0IDYuNTUyLTMuODg4IDEwLjU4NGwtMC4xNDQtMC4wNzIgMC4wNy0wLjA3em01Ni42LTEzLjFs\aNC4zOTIgMjYuNjQgMTAuNzI5LTQuNTM2LTAuNTA0LTguMzUyLTIuNTItMTIuODE2Yy0yLjczNi0yLjU5Mi0zLjY3Mi01LjMyOC0z\aLjA5Ni03LjcwNGwtMy42NzIgMC42NDhjLTAuMTQ0IDIuMjMyLTEuMjI0IDQuODI0LTMuMzEyIDcuNTYtMC43OTItMC40MzItMS40\aNC0wLjkzNi0yLjA4OC0xLjM2OGwwLjA3LTAuMDd6bTM3LjgtNy42NGwxLjg3MiAxMC4xNTIgNi4xMiA3LjkyLTEuNTg0LTE0Ljc2\aYy0wLjE0NCAwLjI4OC0wLjM2IDAuNTc2LTAuNTA0IDAuOTM2LTIuNzM2LTEuMjI0LTQuNzUyLTIuNjY0LTUuOTc3LTQuMzJsMC4w\aNyAwLjA3em0xNC4yNSAxLjAxbC0wLjI4OCAyLjIzMiAxMS43MzYtMTQuMTEyYy0zLjA5NiAwLjc5Mi02LjMzNiAxLjU4NC05LjUw\aNCAyLjM3NiAwLjkzNiAyLjMwNCAwLjc5MiA1LjY4OC0wLjkzNiA5Ljc5Mi0wLjI4OC0wLjA3Mi0wLjY0OC0wLjE0NC0wLjkzNi0w\aLjI4OGgtMC4wN3ptLTY5OS4xMiAyNi41N2wtMjUuMjcxLTUuNTQ0IDEuOCAxMS4zMDQgMzAuMTY4IDMuNDU2LTYuNy05LjIyem0x\aNTcuMzIgNjkuNDFsMzQuMTI4LTQuODk2LTAuMzYtMjcuNzkyLTMzLjMzNiAyMC4xNi0wLjQzIDEyLjUzem0zMDYuMDctNy40Mmwt\aMy44ODgtMy4wOTYtMTMuMDMyIDMuNjcyIDExLjA4OCA4LjY0IDUuODMyLTkuMjg4djAuMDh6bS00ODAuNi0zNy4yOWwtNS4zOTkg\aMTQuMzI4IDEyLjE2OC0yLjU5MiAzLjM4NC0xMC44LTEwLjE1Mi0xLjAwOHYwLjA3eiIgZmlsbD0iI0NDNzgwQSIvPgoJCTxwYXRo\aIGQ9Im0yLjc3MiAxMTkuNmMxNDUuNTEtMTAxLjgxIDg3MC45OS0xMjQuNDEgMTAxNC42LTEuMjIgMi42NjQgMi4xNiAyLjMwNCA5\aLjIxNiAwLjIxNiAxNC4yNTYtMi44OC0wLjkzNi00LjYwOC0xLjk0NC02LjE5Mi0zLjk2LTEuMTUyIDAuNTc2LTIuMjMyIDEuMTUy\aLTMuMzg0IDEuNjU2IDEuOTQ0IDEuODcyIDIuODggNS40NzIgMi4wODggMTAuNDQtNi4xMi0wLjA3Mi05LjcyLTIuNDQ4LTEwLjY1\aNi01LjQtMC4zNiAyLjMwNC0xLjg3MiA0Ljg5Ni00LjgyNCA3LjU2LTIuMDg4LTEuNzI4LTMuNTI4LTMuNDU2LTQuMzkyLTUuMTg0\aLTUuODMyIDIuMTYtMTIuMDk2IDQuMjQ4LTE4Ljc5MiA2LjMzNiAxLjA4IDIuMzc2IDAuODY0IDUuODMyLTEuMTUyIDEwLjA4LTUu\aMjU2LTEuNTg0LTguMDY0LTQuMzItOC42NC03LjJsLTEuNjU2IDAuNDMyYzAuMTQ0IDIuNTItMS4xNTIgNS42ODgtNC4yNDggOC45\aMjgtMi45NTItMi4wODgtNC42OC00LjI0OC01LjQ3Mi02LjMzNi01LjY4OCAxLjQ0LTExLjU5MiAyLjg4LTE3LjcxMiA0LjMyIDAu\aOTM2IDIuMzA0IDAuNzkyIDUuNjg4LTEuMDA4IDkuNzkyLTMuMjQtMC44NjQtNS42MTYtMi4yMzItNy4wNTYtMy44MTYtMC4xNDQg\aMS45NDQtMC45MzYgNC4yNDgtMi41MiA2Ljg0LTUuNTQ0LTIuMzA0LTcuOTkyLTUuNjg4LTcuODQ4LTguNzg0LTMuMzEyIDAuNjQ4\aLTYuNjI0IDEuMjk2LTEwLjAwOCAxLjk0NCAxLjQ0IDIuNjY0IDAuODY0IDYuNjk2LTIuNzM2IDExLjMwNC0yLjU5Mi0xLjUxMi00\aLjM5Mi0zLjE2OC01LjU0NC00LjgyNC0wLjI4OCAyLjA4OC0xLjM2OCA0LjQ2NC0zLjM4NCA3LjA1Ni01LjQ3Mi0zLjA5Ni03LjQx\aNi02Ljk4NC02LjYyNC0xMC4xNTItMS4yOTYgMC4yMTYtMi41OTIgMC40MzItMy44MTYgMC42NDgtMC4xNDQgMi4yMzItMS4yOTYg\aNC44MjQtMy40NTYgNy41Ni0zLjI0LTEuOC01LjI1Ni0zLjk2LTYuMTkyLTUuOTc2LTIuMDg4IDAuMzYtNC4yNDggMC42NDgtNi4z\aMzYgMS4wMDggMS4xNTIgMi42NjQgMC41MDQgNi41NTItMi45NTIgMTAuODcyLTIuMzc2LTEuMzY4LTQuMTA0LTIuODgtNS4yNTYt\aNC4zOTItMS4wMDggMi4wODgtMy4xNjggNC4xNzYtNi42MjQgNS45MDQtMi42NjQtMy44MTYtMy40NTYtNy4yLTIuODA4LTkuNzIt\aMS41MTIgMC4yMTYtMy4wMjQgMC40MzItNC41MzYgMC42NDgtMC4wNzIgMi44OC0yLjM3NiA2LjA0OC03LjM0NCA4LjQ5Ni0xLjgt\aMi41OTItMi43MzYtNS4wNC0yLjk1Mi03LjA1Ni0zLjk2IDAuNTA0LTcuOTkyIDEuMDA4LTEyLjAyNCAxLjUxMiAwLjkzNiAyLjcz\aNi0wLjE0NCA2LjU1Mi00LjAzMiAxMC41ODQtNC4zOTItMy4wOTYtNi4xMi02LjU1Mi01LjkwNC05LjM2bC0yLjM3NiAwLjI4OGMt\aMC41MDQgMi4wMTYtMS44IDQuMzItNC4wMzIgNi42OTYtMi41OTItMS44LTQuMzItMy43NDQtNS4yNTYtNS42MTYtNi42MjQgMC43\aMi0xMy4zMiAxLjQ0LTIwLjA4OCAyLjE2LTAuMjg4IDIuMTYtMS4zNjggNC42OC0zLjYgNy4zNDQtMy4zMTItMi4wMTYtNS4zMjgt\aNC4yNDgtNi4xOTItNi40MDhsLTAuOTM2IDAuMDcyYy0wLjE0NCAyLjIzMi0xLjI5NiA0Ljg5Ni0zLjYgNy43MDQtMi44MDgtMS42\aNTYtNC42OC0zLjUyOC01LjY4OC01LjMyOC0wLjQzMiAxLjk0NC0xLjUxMiA0LjE3Ni0zLjQ1NiA2LjQ4LTMuNjcyLTIuMTYtNS43\aNi00LjY4LTYuNDA4LTcuMDU2LTMuMjQgMC4yODgtNi41NTIgMC41NzYtOS44NjQgMC44NjQgMC4zNiAyLjY2NC0xLjAwOCA2LjA0\aOC00LjYwOCA5LjQzMi0yLjM3Ni0xLjgtMy44ODgtMy42NzItNC43NTItNS40NzItMC43OTIgMi4wMTYtMi41MiA0LjEwNC01LjI1\aNiA2LjA0OC0zLjAyMy0zLjA5Ni00LjM5Mi02LjA0OC00LjM5Mi04LjQ5Ni01Ljk3NiAwLjQzMi0xMi4wMjQgMC44NjQtMTguMTQ0\aIDEuMjk2IDAuMjE2IDIuMzc2LTAuNjQ4IDUuMzI4LTIuODggOC41NjgtNC43NTItMi4yMzEtNy4wNTYtNS4xODQtNy40MTYtNy45\aMmwtMS44IDAuMTQ0YzEuMjI0IDIuOTUyLTAuMjE2IDcuMDU2LTUuMTg0IDEwLjg3Mi0zLjk2LTMuODE2LTUuMjU2LTcuNDg4LTQu\aNDY0LTEwLjI5Ni03LjYzMiAwLjQzMi0xNS4zMzYgMC44NjQtMjMuMDQgMS4yOTYgMC43OTIgMi41OTIgMCA2LjE5Mi0zLjI0IDEw\aLjIyNC01LjE4NC0yLjk1Mi03LjI3Mi02LjYyNC02LjY5Ni05LjcyLTAuNTc2IDAtMS4xNTIgMC4wNzItMS43MjggMC4wNzItMC4x\aNDQgMi42NjQtMi4wODggNS43Ni02LjI2NCA4LjQ5Ni0yLjY2NC0yLjk1Mi0zLjg4OC01Ljc2LTQuMDMyLTguMDYzLTYuMDQ4IDAu\aMjg4LTEyLjA5NiAwLjUwNC0xOC4yMTYgMC43OTIgMC41MDQgMi41Mi0wLjQzMiA1Ljc2LTMuMDk2IDkuNDMyLTMuMDI0LTEuNTg0\aLTQuOTY4LTMuNDU2LTYuMDQ4LTUuMjU2LTAuNTc2IDEuODcyLTEuODcyIDMuOTYtMy45NiA2LjA0OC00LjQ2NC0zLjE2OC02LjE5\aMi02LjY5Ni01LjgzMi05LjU3Ni0zLjI0IDAuMTQ0LTYuNTUyIDAuMjE2LTkuODY0IDAuMjg4IDAuMDcyIDIuNjY0LTEuNTg0IDUu\aODMyLTUuNCA4LjkyOC0yLjIzMi0yLjAxNi0zLjYtNC4wMzItNC4zMi01LjkwNC0wLjc5MiAxLjk0NC0yLjM3NiA0LjAzMi00Ljg5\aNiA2LjEyLTMuMzEyLTMuMDI0LTQuNzUyLTYuMDQ4LTQuODI0LTguNTY4aC0wLjU3NmMtMC4wNzIgMi41OTItMS43MjggNS42ODgt\aNS40IDguNjQtMy4yNC0yLjk1Mi00Ljc1Mi01LjkwNC00LjgyNC04LjQyNC02LjQ4IDAuMTQ1LTEzLjAzMiAwLjIxNi0xOS41ODQg\aMC4zNi0wLjE0NCAyLjQ0OC0xLjY1NiA1LjMyOC00LjgyNCA4LjIwOC0zLjQ1Ni0yLjczNi01LjExMi01LjYxNi01LjQtOC4wNjRo\aLTIuODA4YzIuMDg4IDIuODA4IDEuMzY4IDcuNDE2LTMuNiAxMi4wOTYtNS42MTYtNC4zMi02LjY5Ni05LTQuNTM2LTEyLjAyNGgt\aMy4wMjRjLTAuNTA0IDIuODgtMy4yNCA1LjY4OC04LjU2OCA3LjM0NC0xLjM2OC0yLjgwOC0xLjk0NC01LjI1Ni0xLjg3Mi03LjI3\aMi04LjQ5NiAwLTE2Ljk5MiAwLjA3Mi0yNS40ODggMC0wLjUwNCAyLjE2LTEuOTQ0IDQuNjA4LTQuNTM2IDcuMDU2LTMuMDk2LTIu\aMzc2LTQuNzUyLTQuODk2LTUuMzI4LTcuMTI4aC00LjM5MmMtMC4zNiAyLjczNi0yLjgwOCA1LjYxNi03LjQ4OCA3Ljc3Ni0yLjAx\aNi0yLjk1Mi0yLjgwOC01LjY4OC0yLjgwOC03LjkyLTcuNDg4LTAuMDcyLTE0LjkwNC0wLjIxNi0yMi4zOTItMC4zNi0wLjM2IDIu\aMjMyLTEuNzI4IDQuODI0LTQuMzkyIDcuNDE2LTMuNDU2LTIuNTItNS4yNTYtNS4xODQtNS42ODgtNy42MzItMC43MiAwLTEuMzY4\aIDAtMi4wODgtMC4wNzIgMC44NjQgMi45NTItMC43MiA2Ljc2OC01LjQgMTAuMzY4LTQuMTA0LTMuOTYtNS4yNTYtNy44NDgtNC4z\aMi0xMC42NTZoLTAuMjg4Yy0wLjkzNiAyLjAxNi0yLjg4IDQuMTA0LTYuMDQ4IDUuOTc2LTEuOC0yLjIzMi0yLjg4LTQuMzItMy4z\aMTItNi4xOTJoLTAuMTQ0YzEuMDggMy4xNjgtMC43OTIgNy4yLTYuNDA4IDEwLjUxMi0zLjQ1Ni00LjMyLTQuMjQ4LTguMTM2LTMu\aMDk2LTEwLjhsLTQuMTA0LTAuMTQ0YzAuMDcyIDIuODgtMi4wMTYgNi4xOTItNi42OTYgOC45MjgtMi44OC0zLjUyOC0zLjg4OC02\aLjc2OC0zLjUyOC05LjI4OC01LjY4OC0wLjIxNi0xMS4zMDQtMC40MzItMTYuOTItMC42NDggMC4yMTYgMy43NDQtMy4yNCA3LjEy\aOC0xMC4zNjggNy43MDQtMC43OTItMy4zODQtMC43Mi02LjEyLTAuMDcyLTguMjA4LTEuODcyLTAuMDcyLTMuODE2LTAuMjE2LTUu\aNjg4LTAuMjg4LTAuMzYgMy4zMTItMy44MTYgNi4xOTItMTAuMjk2IDYuNzY4LTAuNzItMi44OC0wLjcyLTUuMzI4LTAuMjg4LTcu\aMjcyLTkuOTM2LTAuNTA0LTE5LjgtMS4wOC0yOS41Mi0xLjcyOC0wLjU3NiAxLjcyOC0xLjcyOCAzLjY3Mi0zLjUyOCA1LjYxNi0z\aLjA5Ni0yLjAxNi00Ljk2OC00LjE3Ni01Ljc2LTYuMjY0LTEuMTUyLTAuMDcyLTIuMzA0LTAuMTQ0LTMuNTI4LTAuMjE2LTEuMDgg\aMS41ODQtMi44OCAzLjE2OC01LjMyOCA0LjYwOC0xLjQ0LTEuOC0yLjQ0OC0zLjUyOC0yLjk1Mi01LjE4NS02LjMzNi0wLjQzMi0x\aMi42MDEtMC45MzYtMTguNzkyLTEuNDM5LTAuMjg4IDIuMTYtMS40NCA0LjYwNy0zLjY3MiA3LjI3MS0yLjg4LTEuNzI4LTQuNzUy\aLTMuNzQ0LTUuNzYtNS42MTYtMC43MiAxLjg3Mi0yLjA4OCAzLjgxNi00LjMyIDUuODMyLTMuODg4LTMuMTY4LTUuNTQ0LTYuNDA4\aLTUuNC05LjE0NC0yLjg4LTAuMjg4LTUuNzYtMC41MDQtOC42NC0wLjc5Mi0wLjkzNiAxLjU4NC0yLjUyIDMuMTY4LTQuNjggNC43\aNTItMS44NzItMS45NDQtMy4wOTYtMy44MTYtMy43NDQtNS41NDQtMC42NDgtMC4wNzItMS4yMjQtMC4xNDQtMS44NzItMC4yMTYg\aMC4xNDQgMi43MzYtMS43MjggNi4wNDgtNS45MDQgOS4wNzItMy42NzItMy44MTYtNC44MjQtNy40MTYtNC4xMDQtMTAuMDhsLTEu\aOC0wLjIxNmMtMC45MzYgMS42NTYtMi41MiAzLjM4NC00Ljg5NiA1LjA0LTIuMDE2LTIuMDg4LTMuMzEyLTQuMTA0LTMuODg4LTUu\aOTc2LTIuOTUyLTAuMzYtNS44MzItMC43Mi04Ljc4NC0xLjA4LTAuMzYgMi40NDgtMi4yMzIgNS4yNTYtNS45MDQgNy44NDgtMS45\aNDQtMi4wMTYtMy4xNjgtMy44ODgtMy44MTYtNS42ODgtMS41ODQgMS43MjgtNC4yNDggMy4wOTYtOC4wNjMgMy44MTYtMS4xNTIt\aMy4zMTItMS4yOTYtNi4xMi0wLjcyLTguMjA4LTEuNTg0LTAuMjE2LTMuMjQtMC40MzItNC44MjQtMC42NDgtMS41MTIgMS44NzIt\aNC4yNDggMy40NTYtOC4zNTIgNC4xNzYtMC43Mi0yLjA4OC0xLjAwOC0zLjg4OC0xLjA4LTUuNDcyLTkuMTQ0LTEuMjk2LTE4LjE0\aNC0yLjY2NC0yNi43ODQtNC4xNzYtMC41NzYgMi4zMDQtMi4zNzYgNC44MjQtNS42ODggNy4yLTIuODA4LTIuODgtNC4xNzYtNS42\aMTYtNC4zOTItNy45OTItMS4xNTIgMi4xNi0zLjc0NCA0LjE3Ni03Ljg0OCA1LjQtMS41ODQtMy4yNC0yLjA4OC01Ljk3Ni0xLjgt\aOC4yMDgtNi4xMi0xLjE1Mi0xMi4wOTYtMi4zNzYtMTcuODU2LTMuNi0wLjY0OCAyLjIzMi0yLjMwNCA0LjYwOC01LjMyOCA2Ljkx\aMi0yLjQ0OC0yLjM3Ni0zLjg4OC00LjY4LTQuMzkyLTYuNjk2LTEuMDggMS42NTYtMi44OCAzLjMxMi01LjQ3MiA0Ljc1Mi0yLjgw\aOC0zLjUyOC0zLjgxNi02LjY5Ni0zLjQ1Ni05LjIxNi0zLjMxMi0wLjc5Mi02LjU1Mi0xLjY1Ni05LjcyLTIuNDQ4LTEuMDggMi4w\aODgtMy4zODQgNC4wMzItNy4wNTYgNS42MTYtMS41ODQtMi41Mi0yLjM3Ni00Ljg5Ni0yLjUyLTYuODQtMS4yOTYgMS42NTYtMy4z\aODQgMy4yNC02LjMzNiA0LjUzNi0yLjAxNy0zLjMxMi0yLjczNi02LjI2NC0yLjUyMS04LjU2OGwtMC43Mi0wLjIxNmMtMS4wMDgg\aMi4xNi0zLjM4NCA0LjMyLTcuMiA1LjkwNC0yLjIzMi0zLjYtMi44OC02Ljc2OC0yLjM3Ni05LjE0NC0yLjk1Mi0xLjAwOC01Ljc2\aLTIuMDg4LTguNTY4LTMuMTY4LTEuMjk2IDEuNjU2LTMuMzg0IDMuMTY4LTYuMzM2IDQuNDY0LTEuNDQtMi4zNzYtMi4yMzItNC41\aMzYtMi40NDgtNi40MDgtMS44NzIgMS4zNjgtNC43NTIgMi4xNi04LjY0MSAxLjk0NC0wLjM1OS0zLjAyNC0wLjA3Mi01LjQ3MiAw\aLjY0OC03LjM0NC0xLjUxMi0wLjc5Mi0zLjAyNC0xLjUxMi00LjQ2My0yLjMwNC0xLjg3MiAxLjM2OC00LjgyNCAyLjIzMi04Ljc4\aNCAyLjAxNi0wLjI4OC0yLjgwOC0wLjA3Mi01LjExMiAwLjUwNC02LjkxMi0wLjkzNi0wLjM2LTIuMjMyLTAuNTA0LTMuNi0xLjQ0\aLTAuNDMyLTEuNDQgMC4zNi00LjgyNCAxLjk0NC02LjEyaDAuNDU5eiIgZmlsbD0iIzRGQTEzQSIvPgoJCQk8bGluZWFyR3JhZGll\a bnQgaWQ9IlNWR0lEXzFfIiB5Mj0iMjU5Mi4xIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDI9IjczNzgiIGdyYWRp\aZW50VHJhbnNmb3JtPSJtYXRyaXgoOTk1LjE1IDAgMCAtMTQxLjI0IC03LjM0MTdlNiAzLjY2MTdlNSkiIHkxPSIyNTkxLjYiIHgx\aPSI3Mzc4Ij4KCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzU3QzIzQyIgb2Zmc2V0PSIwIi8+CgkJCTxzdG9wIHN0b3AtY29sb3I9IiM5\aRUY1MzMiIG9mZnNldD0iMSIvPgoJCTwvbGluZWFyR3JhZGllbnQ+CgkJPHBhdGggZD0ibTE3LjEgMTEwLjgyYzE2Ny44My05MS4y\aOTYgODE4LjE0LTExMC44MSA5ODUuNDYtMy4zMTIgMTQuMTEyIDkuMDcyLTYuNjI0IDE2LjEyOC0xMy44MjQgMTcuOTI4LTI0OS42\aMiA2Mi4zNTItNzA5LjM0IDY5LjU1Mi05NDguOTYgNC44MjQtNi4wMTYtMS41OS00MC4wNzItMTAuMDEtMjIuNzItMTkuNDR6IiBm\a aWxsPSJ1cmwoI1NWR0lEXzFfKSIvPgoJPGcgZmlsbD0iI0Q4RTU4RCI+CgkJPHBhdGggZD0ibTI0Ni4xNCAxMDMuODdjLTUuMzAx\aLTEuMTg4LTguNjc0LTMuNTgzLTEwLjk0OC02LjczMiA0LjU2My0wLjc1MyA5LjEwOS0xLjUwNiAxMy42NTktMi4zNzkgMjIuNDU1\aIDAuNDM3IDM4LjM5IDMuNjkgNTMuNjc3IDcuMjYtMTkuMDgzIDEuNTIxLTM4LjM5MiAzLjE0Ny01Ni40OTQgMS44NTJoMC4xeiIv\aPgoJCTxwYXRoIGQ9Im0yMDguNzMgMTI3LjRjOS4yMTYtMS40MDEgMTcuNDctMS45NDQgMjQuNjIzLTEuNDAxLTEuOTU3IDQuMzM3\aLTUuMzE1IDcuOTA2LTExLjUwNyAxMC4xOC0xMy42NTkgMS40MTctMjYuMzQyIDEuMDg0LTM4LjYgMC4xMjEgNy4yOS0zLjM3IDE0\aLjg4LTYuNjMgMjUuNDktOC45eiIvPgoJCTxwYXRoIGQ9Im0yMTEuMjQgMTA1LjgyYzkuNDI3LTEuMTkxIDE3LjU2MS0wLjQyMiAy\aNC45MzggMS4zMDktNi43MTYgNC40NDMtMTUuMTggOC4zNDQtMjcuNDM4IDEwLjg0NC0xMy40MzUgMC45OC0yNi44ODMgMi4xNjkt\aMzguOTE3LTAuMjI1IDAuMTA0LTIuMTY5IDIuNDgyLTQuMjE4IDYuNzE2LTYuMjggMTEuMjgxLTAuMTA1IDIyLjY2OC0xLjMxMiAz\aNC41OTYtNS42NDdoMC4xdjAuMDF6Ii8+CgkJPHBhdGggZD0ibTI1Ni4yMyAxMTMuMmMtMTQuODUgNC40NDMtMzEuMzQxIDkuMjE3\aLTQxLjk1OCAxNi43MDIgNi4wNjggMC43NTMgMTUuOTM1IDUuODU4IDIyLjAwMyA2LjYxMSAyOC43MzUtMi43MDkgNDUuMTA3LTYu\aMjk2IDYyLjY4NS0xMC40MDYtOC45MDItNy44MTgtMjUuMDYzLTEyLjM2NS00Mi43MjktMTMuMDEydjAuMTF6Ii8+CgkJPHBvbHln\a b24gcG9pbnRzPSIxODAuNjUgMTIzLjgzIDE5NS45NSAxMjQuNjkgMTc5LjE0IDEzMS4zIDE2MiAxMzIuMDciLz4KCTwvZz4KCTxw\aYXRoIG9wYWNpdHk9Ii41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3ICAgICIgZD0ibTQ0NS4wNiAxMzguMDdjLTExLjAyIDAtMjAu\aMDIgMi44MS0yMC4wMiA2LjE4OSAwIDMuNDYgOC45MyA2LjE5IDIwLjAyIDYuMTkgMTEuMDIxIDAgMjAuMDIxLTIuODEgMjAuMDIx\aLTYuMTkgMC0zLjQ2LTguOTMtNi4xOS0yMC4wMi02LjE5eiIgZmlsbD0iIzZFQkU0NSIvPgoJPGcgZmlsbD0iI0Q4RTU4RCI+CgkJ\aPHBhdGggZD0ibTU2NS4zMyAxMjYuOTRjMy41Mi0wLjc4OSA1Ljc2LTIuMzc5IDcuMjctNC40Ny0zLjAyOS0wLjUtNi4wNDktMS05\aLjA2OS0xLjU4LTE0LjkxIDAuMjktMjUuNDkgMi40NS0zNS42NCA0LjgyIDEyLjY3IDEuMDEgMjUuNDkgMi4wOSAzNy41MSAxLjIy\aOWgtMC4wN3oiLz4KCQk8cGF0aCBkPSJtNTkwLjE3IDE0Mi41NmMtNi4xMTktMC45MzEtMTEuNi0xLjI5MS0xNi4zNS0wLjkzMSAx\aLjMgMi44OCAzLjUyOSA1LjI1IDcuNjQxIDYuNzYgOS4wNjkgMC45NCAxNy40OSAwLjcyIDI1LjYyOSAwLjA4LTQuODMtMi4yNC05\aLjg3LTQuNC0xNi45Mi01LjkxeiIvPgoJCTxwYXRoIGQ9Im01ODguNTEgMTI4LjIzYy02LjI2LTAuNzkxLTExLjY2LTAuMjgtMTYu\aNTU5IDAuODY5IDQuNDU5IDIuOTUgMTAuMDc5IDUuNTQgMTguMjE5IDcuMiA4LjkyIDAuNjUgMTcuODUgMS40NCAyNS44NC0wLjE0\aOS0wLjA2OC0xLjQ0LTEuNjQ4LTIuODAxLTQuNDU5LTQuMTctNy40OS0wLjA3LTE1LjA1MS0wLjg3MS0yMi45NzEtMy43NWgtMC4w\aN3oiLz4KCQk8cGF0aCBkPSJtNTU4LjYzIDEzMy4xM2M5Ljg1OSAyLjk1IDIwLjgxIDYuMTIgMjcuODU5IDExLjA5LTQuMDI5IDAu\aNS0xMC41OCAzLjg5LTE0LjYwOSA0LjM5LTE5LjA4LTEuNzk5LTI5Ljk1MS00LjE4LTQxLjYyMS02LjkwOSA1LjkxLTUuMTkgMTYu\aNjQxLTguMjEgMjguMzcxLTguNjR2MC4wN3oiLz4KCQk8cG9seWdvbiBwb2ludHM9IjYwOC44MiAxNDAuMTkgNTk4LjY2IDE0MC43\aNiA2MDkuODIgMTQ1LjE1IDYyMS4yIDE0NS42NiIvPgoJPC9nPgoJCTxwYXRoIGQ9Im02MzUuMjcgMTQ1Ljk2Yy0xNy40MiAwLTMx\aLjUyOSAzLjAyLTMxLjUyOSA2Ljc3IDAgMy43NCAxNC4xMDkgNi43NiAzMS41MjkgNi43NiAxNy40MyAwIDMxLjU0LTMuMDIgMzEu\aNTQtNi43NiAwLTMuNzUtMTQuMTEtNi43Ny0zMS41NC02Ljc3eiIgZmlsbD0iIzVGQkI0NiIvPgoJCTxwYXRoIGQ9Im02MTQuOTcg\aMTM4LjY5Yy0zLjUzMS0zLjE3LTYuMjcxLTcuNTYtOC43MTEtMTIuNDU5IDYuMjYgMS44IDExLjM3MSA1LjE4IDE0LjYwOSAxMS41\aOSAwLjE1IDAuMTQ5IDAuMjkxIDAuMjg5IDAuMzYgMC4zNTktMi4zNy00LjI1LTIuOC05LjY0OS0yLjUyMS0xNS40MSAxLjgwMSAx\aLjU5IDMuMjQgMy4zMiA0LjM5MSA1LjI2MSAxLjMwMS01LjkgNC42OC05LjU4IDkuNjUtMTEuMDIxIDEuMTYgMy41MyAyLjA5IDYu\aOTkgMS45NDkgMTEuMjQgMC4xNDEtMC4wOCAwLjI5MS0wLjE1IDAuNDMxLTAuMjIgMC4wNjktMi41OTEgMC41MDEtNS4zMyAxLjA3\aOS04LjA2MSAxLjY1IDEuNTExIDIuODExIDMuMzExIDMuNjAxIDUuNCAyLjQ1LTQuMTEgNi4wNS02LjkyIDExLjIyOS04Ljc5IDAu\aNTggMy42NyAwLjk0IDcuMjcgMC4wNyAxMS4zOCAyLjk2MS0xLjA4IDYuMTktMS41MSA5LjY1LTEuMTQ5LTAuNjUgMS42NDktMS4z\aMDEgMy4zMS0yLjE2IDQuODkgMS42Ni0wLjIxIDMuNTMtMC4yOSA1LjYyLTAuMDctMi45NiA0LjM5LTYuNDEgNy41Ni0xMC4zNyA5\aIDMuMzgtMC4yOSA3LjA2MSAwLjUgMTEuMDEgMi44MS0xLjI4OSAwLjY1LTIuNTEgMS4yMjEtMy43NCAxLjczIDIuMzgxIDEuNzIg\aNC41NDEgNC4wMzEgNi40OCA2Ljc1OS0zLjc0IDEuMjMtNy40OSAxLjUyMS0xMS4xNiAwLjg3MSAwLjIyMSAwLjQzIDAuNDMgMC45\aMyAwLjY1IDEuMzY5LTIuODExIDAuNzIxLTYuMTg5IDEuMjkxLTguOTMtMS42Ni0xLjE1IDIuNzQtMi45NTEgMy4zMTEtNS4xMSAz\aLjY3LTEuMzcgMC4yMjEtNC4xMS0xLjIxOS00Ljc1LTMuODA5LTIuNDUgMi41OS00LjA0IDMuMTYtNi4wNSAzLjgwOS0yLjU5LTAu\aMzU5LTMuODItMS44NjktNS41NTEtMy42Ny0zLjYgMi45NTEtNy42OTkgMy4xLTExLjc5OSAxLjU4IDAuNTY5LTEuMTUgMS4zNTkt\aMi4yMyAyLjQ0OS0zLjE2LTIuMzc5IDAuNzkxLTYuMTk5IDEuNTEtOC4yNzkgMC41NyAwLjM1OS0wLjY1IDEuOTM5LTEuNzk5IDMu\aNDQ5LTIuMDEtNC4wMjktMC4yODktNS42MDktMC45NC05LjUtMy41MyA0LjQ2LTEuNzI5IDUuNC0yLjM4IDEwLjQzOS0xLjY2LTMu\aOTU5LTIuMy01LjAzOS00LjMxOS02LjY5OS04LjM1IDMuNiAwLjg2IDQuNDcgMC43OSA3LjYzIDIuNTJoMC41ODF2MC4yMnoiIGZp\a bGw9IiM1N0FBNDYiLz4KCQk8cGF0aCBkPSJtNjMxLjk2IDEyMy4zNWMtNS40NjkgMi44ODEtNi4zNCAxMC44MDEtMy40NDkgMTYu\aNzggMy4yNC0zLjk2IDUuNC0xMS41MiAzLjQ1LTE2Ljc4em0yMy42OSAyMi42MWMtMS43My0zLjc1LTcuMDYxLTQuNTQtMTEuMDkt\aMi44MSAyLjU5IDIuMjMgNy40OSAzLjk2IDExLjA5IDIuODF6bS0xOS4yMi0xMy45Yy0zLjgyIDEuNTEtNS4wNSA2LjY5OS0zLjUy\aOSAxMC44NjkgMi40NS0yLjM3IDQuMzktNy4yIDMuNTMtMTAuODd6bTguNjQgOS4xNWMtMi4zODEtMS41OS01Ljg0MS0wLjIyLTcu\aNjQxIDIuMjI5IDIuMzEgMC40MyA1LjkxLTAuMjkgNy42NC0yLjIzem0xLjI5LTE4LjA4Yy01LjgzIDQuMTgxLTguOTMgOS44Ny04\aLjU3IDE3LjY0bC0wLjEzOSAwLjI5MWgwLjEzOXYwLjUxYzAuMjIxLTAuMjIxIDAuNDQtMC40NCAwLjY1LTAuNTggNS44My0xLjIy\aMSA5Ljk0MS00LjM5MSAxMi45NjEtOC44Ni0zLjAyIDAuMjItNS42OTEgMS4wMS03Ljk5IDIuNDUgMS44NjktMy41MyAyLjc0LTcu\aMjcgMi44NzktMTEuM2wwLjA3LTAuMTV6IiBmaWxsPSIjNjhCRDQ1Ii8+Cgk8ZyBmaWxsPSIjRDhFNThEIj4KCQk8cGF0aCBkPSJt\aNzQwLjkyIDkyLjk4OGM0Ljg2NC0xLjA5IDcuOTU5LTMuMjg3IDEwLjA0Ni02LjE3Ni00LjE4Ny0wLjY5MS04LjM1OC0xLjM4Mi0x\aMi41MzItMi4xODQtMjAuNjA0IDAuNDAxLTM1LjIyNCAzLjM4Ni00OS4yNDggNi42NjEgMTcuNTA4IDEuMzk1IDM1LjIyMyAyLjg4\aOCA1MS44MzIgMS42OTloLTAuMXoiLz4KCQk8cGF0aCBkPSJtNzc1LjI1IDExNC41OGMtOC40NTctMS4yODctMTYuMDI5LTEuNzg1\aLTIyLjU5NC0xLjI4NyAxLjc5NyAzLjk4IDQuODc3IDcuMjU1IDEwLjU1OSA5LjM0MSAxMi41MzIgMS4zIDI0LjE2OCAwLjk5NSAz\aNS40MTUgMC4xMTEtNi42OS0zLjA5LTEzLjY1LTYuMDgtMjMuMzktOC4xNnoiLz4KCQk8cGF0aCBkPSJtNzcyLjk1IDk0Ljc3MmMt\aOC42NS0xLjA5My0xNi4xMTItMC4zODctMjIuODgxIDEuMjAxIDYuMTYxIDQuMDc2IDEzLjkyOCA3LjY1NSAyNS4xNzYgOS45NDkg\aMTIuMzI1IDAuODk5IDI0LjY2NCAxLjk5IDM1LjcwNS0wLjIwNi0wLjA5NC0xLjk5MS0yLjI3Ny0zLjg3MS02LjE2LTUuNzYzLTEw\aLjM1Mi0wLjA5Ny0yMC43OTktMS4yMDQtMzEuNzQyLTUuMTgyaC0wLjExdjAuMDA3eiIvPgoJCTxwYXRoIGQ9Im03MzEuNjYgMTAx\aLjU0YzEzLjYyNCA0LjA3NyAyOC43NTYgOC40NTcgMzguNDk3IDE1LjMyNS01LjU2NyAwLjY5MS0xNC42MTkgNS4zNzUtMjAuMTg4\aIDYuMDY2LTI2LjM2NS0yLjQ4Ni00MS4zODgtNS43NzYtNTcuNTE0LTkuNTQ4IDguMTY2LTcuMTcyIDIyLjk5NC0xMS4zNDUgMzku\aMjA0LTExLjkzOHYwLjF6Ii8+CgkJPHBvbHlnb24gcG9pbnRzPSI4MDEuMDIgMTExLjMgNzg2Ljk4IDExMi4wOSA4MDIuNCAxMTgu\aMTUgODE4LjEyIDExOC44NiIvPgoJPC9nPgoJPHBhdGggb3BhY2l0eT0iLjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBk\aPSJtODU1LjQyIDExMS4wOGMtMTMuOTcxIDAtMjUuMzgyIDMuNTYyLTI1LjM4MiA3Ljg0NyAwIDQuMzg3IDExLjMyMSA3Ljg0OSAy\aNS4zODIgNy44NDkgMTMuOTczIDAgMjUuMzgzLTMuNTYzIDI1LjM4My03Ljg0OSAwLjAxLTQuMzktMTEuMzItNy44NS0yNS4zOC03\aLjg1eiIgZmlsbD0iIzZFQkU0NSIvPgo8L3N2Zz4=);
}

.island_game {
    position: relative;
    margin: 3.125rem auto;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0 0 11rem;
}

.bush {
    background-image: url(../images/images-flower-fire.png);
    width: 4.0625rem;
    height: 2.6875rem;
}

.island_game .bush1 {
    position: absolute;
    width: 5.0625rem;
    height: 3.1875rem;
    left: 12.125rem;
    bottom: 9.0625rem;
}

.bush.bush1 {
    width: 5.0625rem;
    height: 84px;
}

.bush.bush2 {
    position: absolute;
    width: 4.0625rem;
    height: 65px;
    left: 19.0625rem;
    bottom: 10rem;
}

.yellowman {
    background-image: url(../images/images-super-mario.png);
    width: 4.5rem;
    height: 3.8125rem;
}

.yellowman {
    position: absolute;
    width: 4.5rem;
    height: 4.8125rem;
    right: 21.875rem;
    bottom: 9.0625rem;
}

.character {
    width: 8.25rem;
    height: 8.875rem;
}

.character {
    background-image: url(../images/images-super-mario-bros-character.gif);
    display: block;
    position: absolute;
    right: -8.25rem;
    pointer-events: none;
}

.logo {
    padding: 0 1.875rem;
    max-width: 40.625rem;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.grid_games {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.item_info dl dd .svg-icon {
    width: 18px;
    height: 18px;
    color: #ffa500;
}

.p-relative {
    position: relative;
}

.top_title {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    padding: 12px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.list_category {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.cat_item {
    display: flex;
    align-items: center;
    transition: all .3s;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 10px;
    background-color: #404451;
    color: #fff;
    box-shadow: 0 2px 4px #00000080;
}

.cat_item:hover {
    background-color: #ffa500;
}

.page-content {
    border-radius: 20px;
    background-color: #22252d;
    box-shadow: 0 1px 2px #000;
    color: #fff;
    margin: 24px auto;
    padding: 24px;
    font-size: 15px;
}

.slot-container {
    box-sizing: initial;
    margin: 24px auto;
}

.slot-container > div {
    background: #0000000d;
    border-radius: 4px;
    margin: 0 auto;
    padding: 0.625rem;
}

.slot-container > div, .slot-container > div > div {
    align-items: center;
    display: flex;
    justify-content: center;
}

.slot-container > div > div {
    height: 100%;
    width: 100%;
    z-index: 1;
}

.slot-container.is-billboard > div {
    height: 50px;
    max-width: 320px;
    width: 100%;
}


@media screen and (min-width: 468px) and (max-width: 699px) {
    .slot-container.is-billboard > div {
        height: 60px;
        max-width: 468px;
        width: 100%;
    }
}

@media screen and (min-width: 700px) and (max-width: 767px) {
    .slot-container.is-billboard > div {
        height: 100px;
        max-width: 468px;
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1059px) {
    .slot-container.is-billboard > div {
        height: 100px;
        max-width: 728px;
        width: 100%;
    }
}

@media screen and (min-width: 1060px) {
    .slot-container.is-billboard > div {
        height: 250px;
        max-width: 970px;
        width: 100%;
    }
}

.game-slot-tall-container > div > div {
    align-items: normal;
    justify-content: left;
}

@media screen and (max-width: 1196px) {
    .player__right {
        display: none;
    }
}

@media print, screen and (min-width: 700px) {


    .game-slot-tall-container, .game-slot-wide-container {
        box-sizing: initial;
    }

    .game-slot-tall-container > div, .game-slot-wide-container > div {
        border-radius: 4px;
        margin: 0 auto;
        padding: 0.625rem;
    }

    .game-slot-tall-container {
        margin: 0;
    }

    .game-slot-tall-container > div {
        height: 600px;
        width: 300px;
    }

    .ad320x280 > div {
        height: 250px;
        margin-bottom: 12px;
    }
}

@media screen and (min-width: 1408px) {
    .game-slot-tall-container > div {
        width: 300px;
    }
}

select {
    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

}

select.classic:focus {
    color: #000;
    border-color: grey;
    outline: 0;
}

.header_bar {
    background: #22252d;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 8px 16px rgb(0 0 0 / 10%);
}

.more_games_url {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0 0;
}

.breadcrumbs__item a {
    color: #fff
}

.more-games {
    color: #fff;
    background: #21242c;
    padding: 6px 12px;
    box-shadow: 0 1px 2px #000;
    border-radius: 6px;
    font-size: 15px;
    transition: transform .3s linear;
}

.more-games:hover {
    transform: translateY(-3px);
    background: #ffa500;
    color: #000;
}

/* arrows */

select.classic {
    background-color: #fff;
    color: #000;
}

.top_title_sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px;
    color: #fff;
    width: 100%;
}


.BlogCard_container {
    display: block;
    background: var(--color-background);
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    will-change: transform;
    text-decoration: none;
}

.BlogCard_cardImageContainer {
    overflow: hidden
}

.BlogCard_cardImage {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform .3s ease-in
}

.BlogCard_description {
    padding: 16px 16px 32px
}

.BlogCard_infoBlock {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px
}

.Category_category {
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    background: #d7d7d78c;
    border-radius: 6px;
    margin: 0
}

.Date_date {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: #ffffff82
}

.BlogCard_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 8px;
    word-wrap: break-word
}

.BlogCard_text {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff82;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}

.Blog_containerCards {
    display: grid;
    grid-template-columns:repeat(3, minmax(290px, 374px));
    grid-gap: 16px;
    gap: 16px;
}


@media (max-width: 1024px) {
    .Blog_containerCards {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 892px) {
    .Blog_containerCards {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 768px) {
    .Blog_containerCards {
        grid-template-columns:repeat(1, 1fr)
    }

    .BlogCard_cardImage {
        height: 300px
    }
}

@media (max-width: 500px) {
    .Blog_containerCards {
        grid-template-columns:repeat(1, 1fr)
    }
}


.mb-3 {
    margin: 0 0 16px;
}

.h-right__item-heart {
    display: flex;
    position: relative;
    margin-left: 15px;
}

.s-content__heading {
    margin: 0 0 12px;
}

.top_page_info {
    margin: 0 0 24px;
}

.top_page_info .crumbs {
    display: flex;
    align-items: center;
}

.top_page_info .crumbs a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    font-weight: 600;
}

.top_page_info .crumbs p {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

.top_page_info .crumbs a:hover {
    color: #ffa500;
}

.top_page_info .crumbs a::after {
    content: "/";
    padding: 0 10px;
}

.top_page_info .crumbs a .svg-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.s-content__content img {
    margin: 16px auto;
    display: block;
    max-width: 500px;
    width: 100%;
}
.banner-row { margin: 12px auto; display: block; max-width: 1200px;width: 100%; padding: 8px; background: #0000002e; }
.loading_page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.47);
    backdrop-filter: blur(5px);
    display: none;
    z-index: 10000;
}

.loading_inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 85px;
    height: 35px;
    --g1: conic-gradient(from 90deg at 3px 3px, #0000 90deg, #fff 0);
    --g2: conic-gradient(from -90deg at 22px 22px, #0000 90deg, #fff 0);
    background: var(--g1), var(--g1), var(--g1), var(--g2), var(--g2), var(--g2);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    animation: l6 1s infinite alternate;
}

@keyframes l6 {
    0% {
        background-position: 0 50%, 50% 50%, 100% 50%
    }
    20% {
        background-position: 0 0, 50% 50%, 100% 50%
    }
    40% {
        background-position: 0 100%, 50% 0, 100% 50%
    }
    60% {
        background-position: 0 50%, 50% 100%, 100% 0
    }
    80% {
        background-position: 0 50%, 50% 50%, 100% 100%
    }
    100% {
        background-position: 0 50%, 50% 50%, 100% 50%
    }
}