* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.clear {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

body, html {
    background: url("background.jpg") top left #020e04;
    font-family: Arial, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.wrapper {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}

header {
    width: 1100px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #f93;
    margin-bottom: 10px;
    position: relative;
}

.logo {
    float: left;
    margin: 0;
    color: #f2d295;
}

.logo_top {
    max-width: 250px;
    height: auto;
}

.register-area {
    float: left;
    margin: 0 25px 0 75px;
    border: none;
    box-shadow: none;
}

.register-area-btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    transition: .1s box-shadow;
}

.register-area__reg-btn {
    background-color: #c5ff4c;
    background-image: linear-gradient(to bottom, #c5ff4c 0, #c5ff4c 45%, #9be500 50%, #1f2d00 100%);
    box-shadow: inset 1px 1px 1px #c5ff4c, inset -1px -1px 1px #c5ff4c;
}

.register-area__reg-btn:hover {
    background-color: #9be500;
    background-image: linear-gradient(to top, #c5ff4c 0, #c5ff4c 45%, #9be500 50%, #1f2d00 100%);
    box-shadow: inset 1px 1px 40px #c5ff4c, inset -1px -1px 40px #c5ff4c;
}

.register-area__enter-btn {
    background-color: #00a2ff;
    background-image: linear-gradient(to bottom, #00a2ff 0, #00a2ff 45%, #0092e6 50%, #002d47 100%);
    box-shadow: inset 1px 1px 1px #00a2ff, inset -1px -1px 1px #00a2ff;
    margin: 5px;
}

.register-area__enter-btn:hover {
    background-color: #006199;
    background-image: linear-gradient(to top, #00a2ff 0, #00a2ff 45%, #0092e6 50%, #002d47 100%);
    box-shadow: inset 1px 1px 40px #00a2ff, inset -1px -1px 40px #00a2ff;
}

.register-area__down-btn {
    background-color: #9d6ee8;
    background-image: linear-gradient(to bottom, #9d6ee8 0, #9d6ee8 45%, #8d66cc 50%, #36264e 100%);
    box-shadow: inset 1px 1px 1px #9d6ee8, inset -1px -1px 1px #9d6ee8;
}

.register-area__down-btn:hover {
    background-color: #8d66cc;
    background-image: linear-gradient(to top, #9d6ee8 0, #9d6ee8 45%, #9668de 50%, #47316b 100%);
    box-shadow: inset 1px 1px 40px #9d6ee8, inset -1px -1px 40px #9d6ee8;
}

.social-area {
    float: left;
    text-align: center;
    margin: 24px auto 0;
}

.social-area li {
    display: inline-block;
}

.social-area ul {
    padding-left: 5px;
    float: left;
}

.social-area li a {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0;
    background: url("../img/social.png") no-repeat;
    transition: background 0.5s ease-out;
}

.social-area li + li {
    margin: 0;
}

li.fb a {
    background-position: 0 0;
}

li.gpl a {
    background-position: -40px 0;
}

li.mru a {
    background-position: -80px 0;
}

li.ok a {
    background-position: -120px 0;
}

li.tw a {
    background-position: -160px 0;
}

li.vk a {
    background-position: -200px 0;
}

li a:hover {
    opacity: 0.85;
}

.header-nav {
    width: 1100px;
    height: 54px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #f93;
    margin-bottom: 10px;
    text-align: center;
}

.h-menu {
    list-style-type: none;
    font-size: 0;
}

.h-menu li {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
}

.h-menu li > a, .h-menu li > span {
    display: block;
    text-align: center;
    text-shadow: 0 -2px 1px #000, -2px 0 1px #000, 0 2px 1px #000, 2px 0 1px #000;
    text-transform: uppercase;
    color: #f2d295;
    margin: 0 19px;
    font-weight: normal;
    text-decoration: none;
    line-height: 54px;
}

.h-menu li > a:hover, .h-menu li > span {
    color: #f00;
}

.clubs {
    width: 1100px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #f93;
    margin-bottom: 10px;
    text-align: center;
}

.clubs-area {
    padding-left: 5px;
}

.clubs-item {
    display: inline-block;
}

.clubs-item a {
    width: 180px;
    height: 125px;
    display: block;
    margin: 13px 25px;
    background: url("../img/clubs_both.png") no-repeat;
}

.clubs li + li {
    margin: 0;
}

.clubs-item_vu a {
    background-position: 0 5px;
}

.clubs-item_vus a {
    background-position: -197px 5px;
}

.clubs-item_gms a {
    width: 230px;
    background-position: -389px 5px;
}

.clubs-item_gmsd a {
    width: 230px;
    background-position: -631px 5px;
}

.clubs-item_vu a:hover {
    background-position: 0 -133px;
    opacity: 1;
}

.clubs-item_vus a:hover {
    background-position: -197px -134px;
    opacity: 1;
}

.clubs-item_gms a:hover {
    background-position: -389px -135px;
    opacity: 1;
}

.clubs-item_gmsd a:hover {
    background-position: -631px -134px;
    opacity: 1;
}

main {
    width: 1100px;
    height: auto;
    position: relative;
}

main .btn_download {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    padding: 0 33px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    transition: .1s box-shadow;
    background-color: #00a2ff;
    background-image: linear-gradient(to bottom, #00a2ff 0, #00a2ff 45%, #0092e6 50%, #002d47 100%);
    box-shadow: inset 1px 1px 1px #00a2ff, inset -1px -1px 1px #00a2ff;
    margin-top: 5px;
}

main .btn_download:hover {
    background-color: #006199;
    background-image: linear-gradient(to top, #00a2ff 0, #00a2ff 45%, #0092e6 50%, #002d47 100%);
    box-shadow: inset 1px 1px 40px #00a2ff, inset -1px -1px 40px #00a2ff;
    text-decoration: none;
}

main .btn_download:visited, main .btn_download:link {
    color: #000;
    text-decoration: none;
}

.content {
    float: right;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #f93;
    margin-bottom: 10px;
    padding: 18px;
}

.content h2, .content h3, .content h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.content h1 {
    display: block;
    font-size: 36px;
    color: #f2d295;
    line-height: 120%;
}

.content h2 {
    font-size: 20px;
}

.content h3, .content h4 {
    font-size: 18px;
}

.content p {
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
    line-height: 1.4em;
}

.content ul, .content ol {
    margin: 10px 0;
}

.content ul li, .content ol li {
    font-size: 16px;
    color: #fff;
    margin: 0 0 0 40px;
    line-height: 1.3em;
}

.content a {
    color: #f2d295;
    text-decoration: underline;
}

.content a:hover {
    color: #eab551;
    text-decoration: none;
}

.content a:visited {
    color: #faefd9;
    text-decoration: underline;
}

.games {
    margin: 0 0 30px;
    text-align: center;
}

.games .slot-name {
    color: #fff;
    margin: 0;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.games .slot {
    width: 206px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 18px 15px;
    border: 8px solid #000;
    background: #000;
    text-align: center;
    transition: box-shadow 1s ease-out;
    box-shadow: 0px 0px 0px 1px #e8b762;
}

.games .slot img {
    opacity: 1;
    width: 190px;
    height: 124px;
    margin-bottom: 8px;
}

.games .slot a {
    color: #fff;
}

.games .slot a:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 34px;
    left: 15px;
    text-decoration: none;
    width: 160px;
    text-align: center;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    background: linear-gradient(to bottom, #08a000, #0a4f00);
    border: 1px solid #e8b762;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.games .slot a:nth-child(3):hover {
    background: #fc5254;
}

.games .slot a:nth-child(3) {
    opacity: 0;
    position: absolute;
    top: 70px;
    left: 15px;
    text-decoration: none;
    width: 160px;
    text-align: center;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    background: linear-gradient(to bottom, #c60000, #6e0000);
    border: 1px solid #e8b762;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.games .slot a:nth-child(2):hover {
    border-color: #21df0e;
    background: linear-gradient(to bottom, #21df0e, #409213);
}

.games .slot:hover {
    background: #255d27;
    transition: box-shadow .5s ease-in;
    box-shadow: 0px 0px 5px 2px #e8b762;
}

.games .slot:hover a:nth-child(2) {
    opacity: 1;
}

.games .slot:hover a:nth-child(3) {
    opacity: 1;
}

.games .slot:hover img {
    background: #fff;
    opacity: 0.5;
}

.games-has-btn {
    padding: 5px 0;
    width: 100%;
    text-align: center;
}

.s-game__btn, .loadmore, .mybtn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px;
    margin: 15px auto;
    min-width: 280px;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    outline: 0;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    text-decoration: none !important;
    color: #fff !important;
    font-size: 18px;
    box-sizing: border-box;
    box-shadow: inset 1px 1px 1px #e9b963, inset -1px -1px 1px #e9b963;
    cursor: pointer;
}

.loadmore {
    background-color: #c00;
    background-image: linear-gradient(to bottom, #c00 0%, #680000 100%);
}

.loadmore:hover {
    background-color: #680000;
    background-image: linear-gradient(to top, #c00 0%, #680000 100%);
}

.loadmore:disabled {
    opacity: .4;
    cursor: default;
}

.mybtn {
    background-color: #08a000;
    background-image: linear-gradient(to bottom, #08a000, #0a4f00);
}

.mybtn:hover, .mybtn:active {
    background-color: #0a4f00;
    background-image: linear-gradient(to top, #08a000, #0a4f00);
}

.wp-pagenavi {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    margin: 0 0 20px 0;
}

.wp-pagenavi span, .wp-pagenavi a {
    border-radius: 5px;
    background-clip: padding-box;
    padding: 3px 8px !important;
    border: 1px solid #9cf !important;
    color: #fff;
    margin: 0 3px !important;
}

.wp-pagenavi a:hover {
    background-color: #01015b;
}

.wp-pagenavi span.current {
    background-color: #01015b;
}

.xcrambs {
    line-height: 35px;
    font-size: 18px;
    color: #f2d295;
}

.xcrambs a {
    line-height: 35px;
    font-size: 18px;
    color: #f2d295;
    text-decoration: underline;
}

.xcrambs a:hover {
    text-decoration: none;
}

.frame-place {
    width: 750px;
    margin: 10px auto 0;
}

.frame-place iframe {
    width: 100%;
    height: 585px;
    border-color: #e6db55;
}

a.real-game {
    display: block;
    width: 100%;
    height: 70px;
    margin: 20px auto;
    background-image: linear-gradient(to top, #fc1402 0%, #db0c04 25%, #ba0606 45%, #910403 55%, #bd0705 100%);
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: inset 0 2px 5px #fff;
    text-shadow: 0.5px 0.9px 1px rgba(0, 0, 2, 0.75);
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 70px;
}

@media (max-width: 768px) {
    a.real-game {
        font-size: 24px;
    }
}

a.real-game:hover {
    background: #bd0705;
    color: #fff;
}

h1.error-h1 {
    display: inline-block;
    float: left;
    width: 300px;
    height: 180px;
    font-size: 180px;
    line-height: 180px;
    color: #f2d295;
    border: none;
    background: none;
}

p.error-right {
    width: 400px;
    padding-top: 20px;
    float: right;
}

.sidebar {
    float: left;
    width: 302px;
}

.sidebar-block {
    text-align: center;
    padding: 18px;
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #f93;
    margin-bottom: 10px;
}

.heading {
    display: block;
    height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 -2px 1px #412c07, -2px 0 1px #412c07, 0 2px 1px #412c07, 2px 0 1px #412c07;
    line-height: 45px;
    vertical-align: middle;
    background: #89652c;
    border: 1px solid #eac892;
}

.wn-wr {
    position: relative;
    overflow: hidden;
    height: 280px;
}

.wn {
    height: 20000em;
    position: relative;
}

.wn a img {
    width: 73px;
    height: 48px;
    position: absolute;
    top: 15px;
    left: 5px;
    padding: 5px;
    border: 1px solid #e6db55;
}

.wn a p {
    position: absolute;
    color: #ccc;
    font-size: 14px;
}

.int-args p:nth-child(1) {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-image: linear-gradient(to top, #44befd 0%, #00157c 100%);
    border: 1px solid #000026;
    position: absolute;
    left: 0;
    line-height: 30px;
}

.wn a p:nth-child(2) {
    top: 10px;
    left: 80px;
}

.wn a p:nth-child(3) {
    bottom: 5px;
    left: 80px;
}

.wn a p:nth-child(3) span {
    color: #f33;
    padding-left: 22px;
}

.wn a p:nth-child(4) {
    top: 30px;
    left: 80px;
}

.wn a p:nth-child(4) span {
    color: #1486ef;
    padding-left: 45px;
}

.int-args a {
    display: block;
    width: 100%;
    height: 70px;
    position: relative;
}

footer {
    width: 1100px;
    margin: 4px auto;
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #f93;
    margin-bottom: 10px;
}

.footer-nav {
    width: 1100px;
    padding: 10px 0;
    text-align: center;
}

.up_button {
    position: fixed;
    right: 20px;
    bottom: 50px;
    color: #000;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.up_button:hover {
    background: #fff;
}

.up_button:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-bottom: 10px solid #1b1e17;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: 0 auto;
}

.f-menu {
    list-style-type: none;
    font-size: 0;
}

.f-menu li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.f-menu li > a {
    color: #fff;
    text-decoration: none;
}

.f-menu li > a, .f-menu li > span {
    display: block;
    text-align: center;
    text-shadow: 0 -2px 1px #000, -2px 0 1px #000, 0 2px 1px #000, 2px 0 1px #000;
    text-transform: uppercase;
    margin: 0 20px;
    font-weight: normal;
    line-height: 34px;
}

.f-menu li > a:after, .f-menu li > span:after {
    content: "|";
    margin-left: 37px;
}

.f-menu li:last-child > a:after, .f-menu li:last-child > span:after {
    content: "";
    margin-left: 0;
}

.f-menu li > a:hover, .f-menu li > span {
    color: #f00;
}

.f-menu li > a:hover:after, .f-menu li > span:after {
    color: #fff;
}

.footer-info {
    display: block;
    text-align: center;
    color: #c6afb0;
    font-size: 14px;
    margin: 15px auto;
}

.footer-info a {
    color: #c6afb0 !important;
}

#nav-icon {
    width: 30px;
    height: 25px;
    margin: 0;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer;
    display: none;
    position: absolute;
    z-index: 5;
    right: 11px;
    top: 15px;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0;
}

#nav-icon span:nth-child(2) {
    top: 9px;
}

#nav-icon span:nth-child(3) {
    top: 18px;
}

#nav-icon.open span:nth-child(1) {
    top: 9px;
    transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon.open span:nth-child(3) {
    top: 9px;
    transform: rotate(-135deg);
}

@media (max-width: 1100px) {
    .wrapper {
        max-width: 940px;
    }

    header, .header-nav, main, footer, .footer-nav {
        width: 100%;
    }

    header {
        display: flex;
        flex-wrap: wrap;
    }

    #nav-icon {
        display: block;
    }

    .header-nav {
        min-height: 50px;
        position: relative;
        z-index: 5;
    }

    .h-menu {
        display: none;
        padding-top: 50px;
        background: #000;
        border: 1px solid #f93;
    }

    .h-menu.show {
        display: block;
    }

    .h-menu li {
        display: block;
        width: 100%;
        text-align: center;
    }

    .games .slot {
        margin: 10px auto;
    }

    .sidebar {
        max-width: 260px;
    }

    .content {
        max-width: calc(100% - 270px);
    }

    .social-area {
        width: 100%;
    }

    .register-area {
        margin: 0 auto;
    }

    .frame-place {
        width: 100%;
    }

    h1.error-h1 {
        float: none;
        width: 100%;
        text-align: center;
    }

    p.error-right {
        width: 100%;
        float: none;
        text-align: center;
    }

    .wn a p:nth-child(4) {
        display: none;
    }

    .games .slot a:nth-child(2) {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0 !important;
    }
}

@media (max-width: 1024px) {
    .frame-place iframe {
        display: none;
    }

    .games .slot a:nth-child(3) {
        display: none;
    }

    .social-area {
        padding-bottom: 10px;
    }
}

@media (max-width: 940px) {
    .wrapper {
        max-width: 720px;
    }

    .sidebar {
        display: none;
    }

    .content {
        min-width: 100%;
    }

    .f-menu li > a:after, .f-menu li > span:after {
        content: initial;
    }
}

@media (max-width: 768px) {
    .wrapper {
        max-width: 100%;
    }

    .register-area {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .f-menu li {
        display: block;
    }

    h1.error-h1 {
        font-size: 150px;
    }

    .logo {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 500px) {
    header {
        flex-direction: column;
    }

    .download-link {
        order: 1;
    }

    .register-area {
        display: flex;
        flex-direction: column;
        max-width: 300px;
    }

    .register-area a {
        margin: 5px 0;
    }
}

body .custom-rating {
    display: block;
}

.custom-rating .custom-rating-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.custom-rating em {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}

.crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.crumbs li {
    margin-left: 0 !important;
    font-size: 18px !important;
    padding-right: 5px !important;
}

.crumbs li span span {
    font-size: 18px;
    color: #f2d295;
}

.comment-form > p {
    display: flex;
}

.comment-form > p label {
    width: 150px;
}

.comment-form > p input, .comment-form > p textarea {
    padding: 10px;
    resize: none;
    width: 100%;
    background: none;
    border: 1px solid #f93;
    outline: 0;
    color: #fff;
}

.comment-form > p input::-webkit-input-placeholder, .comment-form > p input::-ms-input-placeholder, .comment-form > p input:-moz-placeholder, .comment-form > p input::placeholder, .comment-form > p textarea::-webkit-input-placeholder, .comment-form > p textarea::-ms-input-placeholder, .comment-form > p textarea:-moz-placeholder, .comment-form > p textarea::placeholder {
    color: #fff;
}

.comment-form > p textarea {
    height: 80px;
}

.comment-form .form-submit {
    text-align: center;
}

.comment-form .form-submit #submit {
    background-image: linear-gradient(to top, #f93 0%, #ffd256 100%, #ffb50c 100%);
    width: 150px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

.comment-form .form-submit #submit:hover {
    background-image: linear-gradient(to bottom, #f93 0%, #ffd256 100%, #ffb50c 100%);
}

.commentlist {
    list-style: none;
    padding-left: 0;
}

.commentlist > li {
    border-bottom: 1px solid #0091f6;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.commentlist > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.commentlist li > div {
    display: flex;
}

.commentlist li .vcard {
    margin-right: 15px;
}

.commentlist li cite.fn {
    width: 100%;
}

.commentlist li p {
    width: 100%;
    font-size: 16px;
    margin-bottom: 0;
}

.commentlist li .reply a {
    color: #b51b1b;
}

.commentlist .children {
    list-style: none;
    margin-top: 10px;
    padding-left: 55px;
}

.sidebar-button {
    display: block;
    font-size: 16px;
    color: #fff;
    background: #6bcd4d;
    text-align: center;
    padding: 15px 30px;
    margin: 15px auto;
    text-decoration: none;
    border: 1px solid #e9b963;
}

.sidebar-button:hover {
    filter: brightness(80%);
}

.btn-content {
    width: 100%;
    text-align: center;
    margin: 25px 0;
}

.btn-content .register-area-btn {
    margin: 0 !important;
    color: #fff;
    text-decoration: none;
}

.no-btn .logo {
    text-align: center;
}

.no-btn .games .slot a:nth-child(2) {
    top: 50%;
    transform: translateY(-100%);
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.sitemap-page ul li {
    margin-bottom: 10px;
}

.add_rating {
    display: flex;
    margin: 10px 0;
}

.add_rating > div:first-child {
    margin-right: 25px;
    color: #fff;
}

.rate-rating.rate--easy {
    text-align: center;
    display: block;
    justify-content: center;
    max-width: 110px;
}

.rate-rating.rate--easy input {
    opacity: 0;
    display: none;
}

.star-rating {
    font-size: 0;
}

.rate-rating {
    display: inline-block;
    font-size: 1rem;
}

.rate-rating:after {
    content: "";
    display: table;
    clear: both;
}

.star-rating__ico {
    float: right;
    padding-left: 2px;
    cursor: pointer;
    color: #ffb50c;
}

.star-rating__ico:last-child {
    padding-left: 0;
}

.star-rating__input {
    display: none;
}

.star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before {
    content: "\f005";
}

.rating_user {
    display: flex;
    align-items: center;
}

.text_user_rating {
    margin-left: 15px;
}

.s-game {
    max-width: 800px;
    margin: 0 auto;
    display: none;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .s-game {
        display: block;
    }
}

.s-game__inner {
    position: relative;
    background-color: #000;
}

.s-game__inner:after {
    content: '';
    display: block;
    padding-top: 75%;
}

.s-game__entry, .s-game__inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.s-game__inner iframe {
    border: 0;
    outline: 0;
}

.s-game__img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: blur(10px);
}

.s-game__btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 0;
    transition: opacity .2s;
    cursor: pointer;
}

.s-game__btn button {
    background-color: #c00;
    background-image: linear-gradient(to bottom, #c00 0%, #680000 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    line-height: 33px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: inset 1px 1px 1px #e9b963, inset -1px -1px 1px #e9b963;
    border: none;
    cursor: pointer;
}

.s-game__btn:hover {
    opacity: .8;
}

.download-link {
    max-width: 200px;
    margin: 0 auto;
}

.download-link img:hover {
    outline: 1px solid #9ec632;
    box-shadow: 0px 0px 65px -7px #e9b963;
}

.crumbs {
    list-style-type: none;
    padding-left: 0;
    left: 0;
    float: none;
}

.crumbs.single {
    position: relative;
    left: 40px;
    padding: 10px 0;
}

.crumbs li:first-child {
    display: inline-block;
    margin-left: 0px !important;
}

.crumbs li {
    display: inline-block;
    margin: 0 0 0 10px !important;
}

.crumbs li a {
    color: #f00;
    text-decoration: none;
}

.crumbs li a:hover {
    text-decoration: underline;
}

.crumbs li span.crumbs__curr {
    cursor: default;
    color: #fff;
}

.crumbs li b {
    color: #fff;
}

.content a.green_txt {
    color: #c5ff4c;
}

.logo-strong {
    width: 273px;
    color: #f2d295;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content a.apk-btn {
    color: #000;
}

#toc_container {
    margin: 15px 0;
}

#toc_container ul {
    list-style: none;
}

#toc_container ul a {
    text-decoration: none;
}

table {
    width: 100%;
    border-spacing: 5px;
}

table td {
    padding: 10px;
}

nav ul {
    display: flex;
    flex-wrap: wrap;
}

nav li {
    margin: 10px;
}

nav a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}

nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 850px) {
    header {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
main img {
    display: block;
    max-width: 100%;
    border-radius: 14px;
    margin: 30px auto;
}

table {
    margin: 30px 0;
    width: 100%;
}
td, th {
    word-break: break-all;
    text-align: center;
    padding: 5px;
    border: 1px solid #f93;
}
h1, h2, h3 {
    color: #f93 !important;
    margin-top: 28px;
    margin-bottom: 19px;
    font-weight: bold;
}