#showEmail {
     padding: 10px 30px;
     border-radius: 7px;
     font-weight: 600;
     background-color: var(--green-bg);
     color: var(--font-color)
 }

 #showEmail a {
     color: var(--font-color);
 }

 html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%
 }

 .single-game-like-icon {
     margin-right: 1px;
     margin-bottom: 1px;
 }

 .single-game-joystick-icon {
     margin-right: 3px;
     margin-bottom: 0px;
 }

 body {
     margin: 0
 }

 :root {
     --game-width: 100%;
     --game-height: 100%;
 }

 :root {
     --game-big-width: 290px;
     --game-big-height: 220px
 }

 body {
     font-family: Verdana, Arial, sans-serif;
     font-size: 14px;
     background: #b1d3ff;
     position: relative;
     color: var(--font-color)
 }

 .full-screen {
     background: var(--font-color)
 }

 a {
     text-decoration: none
 }

 img {
     image-rendering: -webkit-optimize-contrast;
     max-width: 100%;
     height: 100%;
 }

 button {
     cursor: pointer
 }

 button:focus,
 input:focus,
 textarea:focus {
     outline: 0
 }

 body.menu-open:before {
     background: rgba(0, 0, 0, .5);
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
     content: "";
     -webkit-transition: .5s;
     transition: .5s;
     min-height: 100vh
 }

 body.game-report:before,
 body.menu-open:before {
     background: rgba(0, 0, 0, .5);
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 2;
     content: "";
     -webkit-transition: .5s;
     transition: .5s;
     min-height: 100vh
 }

 ::-webkit-input-placeholder {
     color: rgba(255, 255, 255, .9)
 }

 ::-moz-placeholder {
     color: rgba(255, 255, 255, .9)
 }

 :-ms-input-placeholder {
     color: rgba(255, 255, 255, .9)
 }

 :-moz-placeholder {
     color: rgba(255, 255, 255, .9)
 }

 .container-fluid {
     max-width: 1920px
 }

 .container-fluid .row {
     margin: 0
 }

 .col,
 .col-1,
 .col-10,
 .col-11,
 .col-12,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-auto,
 .col-lg,
 .col-lg-1,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-auto,
 .col-md,
 .col-md-1,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-auto,
 .col-sm,
 .col-sm-1,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-auto,
 .col-xl,
 .col-xl-1,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-auto {
     padding-right: 5px;
     padding-left: 5px
 }

 .header-area {
     background: #000000;
     border-bottom: 3px solid #00296f;
     z-index: 99999;
     position: relative;
     padding: 10px
 }

 body.m-menu-open {
     overflow: hidden
 }

 .menu-open .header-area,
 .search-open .header-area {
     z-index: 9999999
 }

 .header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
 }

 .search-form {
     width: 200px;
     position: relative;
     margin-right: 10px
 }

 .search-box {
     margin-left: 40px;
     position: relative
 }

 .search-form input {
     border: 1px solid var(--border-bule);
     border-radius: 10px;
     color: var(--font-color);
     padding: 14px 14px 15px 50px;
     font-style: italic;
     background: #b1d3ff
 }

 .search-form button:focus,
 .search-form input:focus {
     outline: 0
 }

 .search-form button {
     color: var(--font-color);
     background: 0 0;
     border: 0;
     position: absolute;
     top: 0;
     height: 50px;
     width: 44px;
     font-size: 20px;
     left: 0
 }

 .search-list-box {
     position: absolute;
     top: 39px;
     background: #b1d3ff;
     border-style: solid;
     border-width: 0 1px 1px;
     border-color: var(--border-bule);
     left: 0;
     right: 0;
     border-radius: 0 0 5px 5px;
     z-index: 9;
     display: none
 }

 .search-list-box ul::-webkit-scrollbar {
     width: 6px
 }

 .search-list-box ul::-webkit-scrollbar-thumb {
     background-color: var(--font-color)
 }

 .search-list-box a.all {
     background: var(--yellow-bg);
     display: block;
     text-align: center;
     color: var(--font-color);
     font-weight: 700;
     padding: 13px;
     margin: 0
 }

 .search-list-box ul {
     margin: 0;
     padding: 10px;
     list-style: none;
     max-height: 300px !important;
     overflow-y: auto !important;
     scrollbar-width: thin
 }

 .search-list-box ul li {
     margin-bottom: 10px;
     display: block
 }

 .search-list-box ul li:last-child {
     border-bottom: 0
 }

 .search-list-box ul li a {
     font-weight: 400;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: var(--transform-white)
 }

 .drop {
     margin-left: 5px;
     display: inline-block;
     -webkit-transition: .1s;
     transition: .1s
 }

 .single-cat {
     margin-top: 10px;
     flex-grow: 1
 }

 .menu-cat-list {
     overflow: hidden;
     margin: 0 -5px;
     display: flex;
     flex-wrap: wrap
 }

 .menu-game a i {
     position: relative;
     top: 1px;
     margin-right: 5px
 }

 .menu-game-image {
     width: 35px;
     border-radius: 10px;
     overflow: hidden;
     text-align: center
 }

 .menu-game-image i {
     font-size: 25px
 }

 .menu-game-text {
     padding-left: 10px
 }

 .single-cat.no-image .menu-game-text {
     padding-left: 0
 }

 .single-cat.no-image a {
     justify-content: center
 }

 .menu-game-text h3 {
     font-size: 14px;
     margin: 0
 }

 .menu-game-text p {
     margin: 2px 0 0 0;
     font-size: 11px
 }

 .game-list-area {
     margin-top: 5px
 }

 .game-list {
     background: #000000;
     padding: 10px;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(31%, auto));
     grid-auto-rows: auto;
     grid-auto-flow: dense;
     grid-gap: 10px;
     justify-content: center
 }

 .game-list.cat {
     max-height: 300px;
     overflow-y: scroll;
     padding: 30px;
     margin: 20px;
     -ms-grid-columns: (minmax(250px, 1fr)) [auto-fill] !important;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
     -ms-grid-rows: minmax(auto, auto);
     grid-template-rows: minmax(auto, auto);
     -ms-grid-template-rows: minmax(auto, auto)
 }

 .single-game {
     position: relative;
     transition: .2s
 }

 .original-game-list .game-meta {
     margin-bottom: -5px
 }

 .single-game:hover {
     transform: scale(1.05)
 }

 .single-game a {
     display: block;
     background: var(--black-bg);
     color: var(--font-color);
     border-radius: 10px;
     overflow: hidden
 }

 .type-label {
     display: flex;
     align-items: center;
     position: absolute;
     bottom: 3px;
     left: 3px
 }

 .button-go-to-more-games {
     text-align: center;
     font-size: 14px;
     font-weight: 600
 }

 .button-go-to-more-games a {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .button-go-to-more-games p {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     align-content: space-around;
 }

 .button-go-to-more-games span {
     font-size: 22px;
     margin: auto 0
 }

 .single-game a:hover {
     text-decoration: none
 }

 .game-preview {
     -webkit-transition: .2s;
     transition: .2s;
     position: relative;
     width: var(--game-width);
     height: 90.7px;
     background: var(--black-bg)
 }

 .filter p {
     margin: 8px 0 0;
     float: left;
     justify-self: end
 }

 .filter {
     margin-left: 10px
 }

 .filter .nice-select {
     padding: 0 10px;
     border: 0;
     min-width: 140px;
     height: 35px;
     color: var(--font-color);
     background: var(--light-green)
 }

 .nice-select:after {
     border-bottom: 2px solid var(--font-color);
     border-right: 2px solid var(--font-color)
 }

 .filter .nice-select .list {
     width: 100%
 }

 @-webkit-keyframes heartbeat {
     from {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-transform-origin: center center;
         transform-origin: center center;
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     10% {
         -webkit-transform: scale(.91);
         transform: scale(.91);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
     17% {
         -webkit-transform: scale(.98);
         transform: scale(.98);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     33% {
         -webkit-transform: scale(.87);
         transform: scale(.87);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
     45% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @keyframes heartbeat {
     from {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-transform-origin: center center;
         transform-origin: center center;
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     10% {
         -webkit-transform: scale(.91);
         transform: scale(.91);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
     17% {
         -webkit-transform: scale(.98);
         transform: scale(.98);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     33% {
         -webkit-transform: scale(.87);
         transform: scale(.87);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
     45% {
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 .game-meta {
     padding: 5px;
     -webkit-transition: .2s;
     transition: .2s;
     text-align: center
 }

 .game-meta .game-meta-title {
     font-weight: 800;
     font-size: 13px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-bottom: 5px
 }

 .game-meta p {
     margin: 0;
     font-size: 11px;
     font-weight: 500
 }

 .game-meta p span {
     margin-left: 15px;
     position: relative;
     display: inline-block
 }

 .game-meta p span:before {
     content: "";
     background: var(--transform-black);
     width: 3px;
     height: 3px;
     border-radius: 100%;
     position: absolute;
     left: -9px;
     top: 8px
 }

 .single-category {
     display: flex;
     align-items: center;
     background-color: #00296a;
     border: 1px solid #003383;
     color: var(--font-color);
     height: 60px;
     border-radius: 7px;
     transition: background-color .2s
 }

 .single-category:hover {
     background-color: #003383
 }

 .category-preview {
     width: 50px;
     height: 100%;
     position: relative
 }

 .category-preview img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 7px 0 0 7px
 }

 .category-meta {
     padding: 10px
 }

 .category-meta-subtitle {
     margin: 0;
     font-size: 11px;
     opacity: .7
 }

 .category-meta-title {
     font-size: 13px;
     font-weight: 700;
     margin: 0 0 3px 0
 }

 .single-game:hover .game-meta {
     background: #ed008c
 }

 .single-game:hover .game-meta h3,
 .single-game:hover .game-meta p {
     color: var(--font-color)
 }

 .single-game:hover .game-meta p span:before {
     background-color: var(--font-color)
 }

 .load-more {
     background: #000000;
     text-align: center;
     border-radius: 0 0 8px 8px
 }

 .load-more button {
     background: #ed008c;
     border: 0;
     color: var(--font-color);
     padding: 20px 85px;
     -webkit-transition: .2s;
     transition: .2s;
     border-radius: 8px;
     font-size: 14px;
     margin: 25px 0;
     font-weight: 700
 }

 .load-more button:hover {
     background: #cc1280
 }

 .green .load-more button,
 .green .section-title,
 .green .single-game .label,
 .green .single-game:hover .game-meta {
     background-color: var(--green-bg);
     color: #19290F !important
 }

 .green .load-more button:hover {
     background-color: #5b960c
 }

 .breadcrumbs {
     background: #000000;
     border-radius: 0 0 8px 8px;
     padding: 0 0 15px
 }

 .breadcrumbs ul {
     margin: 0;
     margin-top: -10px;
     padding: 0;
     list-style: none;
     text-align: center
 }

 .breadcrumbs ul li {
     display: inline-block;
     margin-top: 10px
 }

 .breadcrumbs ul li a {
     color: var(--font-color);
     font-weight: 700;
     font-size: 14px;
     background: #001940;
     display: block;
     padding: 10px 25px;
     border-radius: 10px;
     -webkit-transition: .2s;
     transition: .2s;
     margin: 0 5px
 }

 .breadcrumbs ul li a:hover,
 .breadcrumbs ul li.active a {
     background: var(--green-bg);
     text-decoration: none;
     color: var(--font-color)
 }

 .breadcrumbs ul li.active a {
     pointer-events: none;
     cursor: default
 }

 .blog-list-area {
     padding: 20px 0
 }

 .section-title {
     background: #ed008c;
     border-radius: 8px 8px 0 0;
     padding: 0 10px
 }

 .section-title h1,
 .section-title h2 {
     font-weight: 900;
     font-size: 16px;
     line-height: 38px;
     margin: 0;
     color: #19290F
 }

 .h1-in-the-middle h1 {
     margin: 0 5px
 }

 .section-title h1,
 .section-title h2 strong {
     color: #19290F
 }

 .section-title .more {
     color: var(--font-color);
     background: #bfe842;
     font-size: 12px;
     display: block;
     padding: 10px 15px;
     -webkit-transition: .2s;
     transition: .2s;
     border-radius: 3px;
     float: right
 }

 .section-title .more:hover {
     text-decoration: none;
     background: #000
 }

 .single-post {
     background: var(--font-color);
     border-radius: 10px;
     overflow: hidden;
     padding: 10px
 }

 .single-post-image img {
     width: 100%
 }

 .single-post-image {
     border-radius: 10px;
     overflow: hidden
 }

 .single-post-text h3 {
     font-size: 15px;
     font-weight: 700;
     color: rgba(0, 0, 0, .9);
     margin: 20px 0 15px
 }

 .single-post-text p {
     font-size: 14px;
     line-height: 25px;
     color: var(--transform-black)
 }

 .footer-area {
     background: var(--black-bg);
     padding: 15px 0
 }

 .footer-area .row {
     display: flex;
     justify-content: space-between;
     padding: 10px
 }

 .footer-menu ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .footer-menu ul li {
     display: inline-block
 }

 .footer-menu ul li a {
     color: var(--font-color);
     margin-right: 30px;
     display: block
 }

 .footer-menu ul li:last-child a {
     margin-right: 0
 }

 .footer-area p {
     color: var(--font-color);
     margin: 0;
     text-align: right
 }

 .footer-area p a {
     color: var(--font-color)
 }

 .breadcrumbs-area {
     background: #00296f;
     padding: 5px 10px;
     z-index: 1;
     position: relative
 }

 .breadcrumbs-list ul {
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
     list-style: none
 }

 .breadcrumbs-list ul li {
     color: rgba(255, 255, 255, .25);
     font-weight: 600
 }

 .breadcrumbs-list ul li a {
     position: relative;
     color: var(--font-color);
     font-size: 12px
 }

 .breadcrumbs-list ul li a:hover {
     text-decoration: underline
 }

 .breadcrumbs-list ul li:not(:first-child):before {
     content: "»";
     color: var(--font-color);
     margin: 0 5px;
     font-weight: 400;
     font-size: 12px;
 }

 #thegameid {
     text-align: center
 }

 .s-game .game-title {
     background: #000000;
     border-radius: 5px 5px 0 0;
     padding: 0 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center
 }

 .game-title-left h1,
 .game-title-left h2 {
     font-size: 14px;
     color: var(--green-bg);
     font-weight: 900;
     margin: 0;
     margin-bottom: 5px
 }

 .game-title-left p {
     margin: 0;
     color: var(--font-color);
     font-size: 12px
 }

 .game-title-left i:not(:first-child) {
     margin-left: 7px
 }

 .game-title-left i {
     margin-right: 3px
 }

 .game-title .social-bookmarks {
     margin-left: auto
 }

 .game-title .social-bookmarks ul {
     padding: 0;
     border: 0;
     background: 0 0;
     border-radius: 0;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end
 }

 .game-rating {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0 -5px
 }

 .margin-left-first-element {
     margin-left: 10px;
 }

 .game-rating button,
 .game-rating .thumb {
     border: 0;
     background: #b1d3ff;
     border-radius: 10px;
     color: var(--font-color);
     -webkit-transition: .2s;
     transition: .2s;
     margin-right: 10px;
     font-size: 22px
 }

 .game-rating>* {
     margin: 0 5px
 }

 .game-rating-box {
     background: #000000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 50%;
     border-radius: 10px;
     padding: 14px 10px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .game-rating button.thumb,
 .game-rating .thumb {
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .game-rating button.thumb,
 .game-rating .thumb:hover {
     cursor: pointer;
     background: #3d6191
 }

 .game-rating button:hover {
     color: #000000;
     background: var(--deep-blue-bg)
 }

 .game-rating button:hover svg {
     fill: var(--deep-blue)
 }

 .game-rating button.favorite,
 .mobile-game-bottom button.favorite {
     color: var(--font-color);
     padding: 0 10px;
     font-size: 11px;
     font-weight: 700;
     margin-left: auto;
     display: flex;
     align-items: center;
     justify-content: center
 }

 .game-rating button.favorite i {
     margin-right: 5px
 }

 .game-buttons-bottom .added i,
 .social-bookmarks .added i {
     color: #e12424
 }

 .game-buttons-bottom svg {
     margin-right: 5px
 }

 .rating-bar {
     width: 65%;
     background: #f0f0f0;
     position: relative;
     border-radius: 3px;
     height: 11px;
     margin-top: 19px
 }

 .bar {
     background: var(--green-bg);
     border-radius: 3px;
     height: 11px
 }

 .rating-bar span {
     position: absolute;
     left: 0;
     top: -18px;
     font-size: 11px;
     color: var(--font-color)
 }

 .rating-bar span.dislike {
     left: auto;
     right: 0
 }

 .page-description-subtitle {
     font-size: 14px;
     font-weight: 600;
     color: #8bc53f
 }

 .game-wiki {
     background: #000000;
     margin-bottom: 10px;
     border-radius: 10px;
     overflow: hidden;
     margin-top: 10px;
     padding: 25px
 }

 .comment-box h2:first-child,
 .game-wiki h2:first-child,
 .related-game h2:first-child {
     color: #8bc53f;
     font-size: 16px;
     font-weight: 700
 }

 .game-wiki-body h3 {
     font-size: 14px;
     font-weight: 700;
     margin: 0 0 15px;
     color: #8bc53f
 }

 .game-wiki-body a {
     color: #8bc53f;
     text-decoration: underline
 }

 .game-wiki h2 {
     font-size: 16px;
     font-weight: 600
 }

 .game-wiki h5,
 .site-info h5 {
     margin-bottom: -10px;
     font-size: 14px;
     color: #9eecec;
 }

 .game-wiki h6,
 .site-info h6 {
     font-size: 14px
 }

 .game-wiki-body {
     color: var(--font-color);
     font-size: 13px;
     line-height: 22px;
     margin-bottom: 20px
 }

 .game-wiki-body p:last-child {
     margin-bottom: 0
 }

 .flex-container {
     display: flex
 }

 .related-categories {
     margin: 0 0 25px;
     padding: 0;
     list-style: none
 }

 .related-categories li {
     display: inline-block;
     text-align: left
 }

 .related-categories li a {
     display: block;
     background: #b1d3ff;
     color: var(--font-color);
     border-radius: 10px;
     padding: 8px 20px;
     margin-right: 10px;
     -webkit-transition: .2s;
     transition: .2s;
     margin-bottom: 10px;
     text-decoration: none
 }

 .related-categories li:last-child a {
     margin: 0
 }

 .related-categories li a:hover {
     text-decoration: none;
     background: var(--green-bg);
     color: var(--font-color)
 }

 .game-wiki-body .s-game-image {
     overflow: hidden;
     border-radius: 10px
 }

 .comment-box,
 .related-game {
     margin-bottom: 10px;
     background: #000000;
     border-radius: 10px;
     overflow: hidden;
     margin-top: 10px
 }

 .relate-single-game-image img {
     width: 100%
 }

 .relate-single-game {
     border-radius: 10px;
     margin-bottom: 10px;
     overflow: hidden
 }

 .relate-single-game a {
     display: block;
     -webkit-transition: .2s;
     transition: .2s
 }

 .relate-single-game a:hover {
     text-decoration: none;
     opacity: .5
 }

 .related-game-list {
     padding: 2px 5px 0
 }

 .comment-box h2 {
     background: var(--green-bg)
 }

 .comment-from {
     padding: 20px
 }

 .comment-from input {
     background: #b1d3ff;
     border: 0;
     color: rgba(255, 255, 255, .5);
     padding: 15px;
     border-radius: 10px
 }

 .comment-from button {
     background: var(--green-bg);
     border: 0;
     color: var(--font-color);
     font-weight: 700;
     padding: 15px;
     border-radius: 10px;
     margin-left: auto;
     -webkit-transition: .5s;
     transition: .5s
 }

 .comment-from button:hover {
     background: #1cacc9
 }

 .comment-from form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 0 -5px
 }

 .comment-from form input:nth-child(2) {
     width: 100%
 }

 .comment-from form * {
     margin: 0 5px
 }

 .comment-body {
     padding: 20px
 }

 .comment-body h3 {
     font-size: 15px;
     font-weight: 700;
     margin: 0 0 5px
 }

 .comment-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 -5px
 }

 .single-comment {
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto;
     margin: 15px 5px 0;
     background: #001d4b;
     padding: 10px 15px;
     border-radius: 10px
 }

 .single-comment-text {
     padding: 10px 0;
     border-radius: 10px;
     color: var(--font-color);
     word-wrap: break-word
 }

 .single-comment-text p {
     margin: 0
 }

 .single-comment-meta h4 {
     color: var(--font-color);
     font-weight: 400;
     font-size: 13px;
     text-align: right;
     margin: 5px 0 0;
     overflow: hidden;
     border-bottom: 1px solid #1a345d;
     padding-bottom: 10px
 }

 .single-comment-meta h4 strong {
     font-weight: 700;
     display: block;
     float: left;
     margin-right: 5px
 }

 .privacy-popup {
     position: fixed;
     bottom: 20px;
     left: 50%;
     margin-left: -352px;
     width: 704px;
     border-radius: 8px;
     box-shadow: 0 0 3px rgba(0, 0, 0, .3);
     padding: 10px;
     overflow: hidden;
     z-index: 9;
     background: var(--font-color);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .privacy-popup-right {
     width: 185px
 }

 .privacy-popup-left {
     width: 100%;
     padding-left: 10px
 }

 .privacy-popup-left p.title {
     color: #000;
     font-size: 16px;
     margin-bottom: 5px
 }

 .privacy-popup-left p {
     margin: 0;
     color: #000000;
     font-size: 14px;
     font-weight: 500
 }

 .privacy-popup-left p a {
     color: #000000;
     font-style: italic
 }

 .privacy-popup-right button {
     background: #ffba01;
     border: 0;
     color: var(--font-color);
     border-radius: 8px;
     padding: 23px 10px;
     font-size: 20px;
     width: 100%;
     font-weight: 700
 }

 @-webkit-keyframes spaceboots {
     0% {
         -webkit-transform: translate(0, 0) rotate(0)
     }
     10% {
         -webkit-transform: translate(0, 0) rotate(-12deg)
     }
     20% {
         -webkit-transform: translate(0, 0) rotate(12deg)
     }
     30% {
         -webkit-transform: translate(0, 0) rotate(0)
     }
     40% {
         -webkit-transform: translate(0, 0) rotate(12deg)
     }
     50% {
         -webkit-transform: translate(0, 0) rotate(-12deg)
     }
     60% {
         -webkit-transform: translate(0, 0) rotate(0)
     }
     70% {
         -webkit-transform: translate(0, 0) rotate(-12deg)
     }
     80% {
         -webkit-transform: translate(0, 0) rotate(12deg)
     }
     90% {
         -webkit-transform: translate(0, 0) rotate(0)
     }
     100% {
         -webkit-transform: translate(0, 0) rotate(-12deg)
     }
 }

 .shake {
     -webkit-animation-name: spaceboots;
     -webkit-animation-duration: .9s;
     -webkit-transform-origin: 50% 50%;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear
 }

 .new-game-publish {
     width: 123px;
     position: fixed;
     z-index: 8;
     right: 45px;
     bottom: 20px
 }

 .n-single-game {
     background: var(--font-color);
     border-bottom: 3px solid #ededed;
     border-radius: 8px;
     overflow: hidden
 }

 .n-single-game a:hover {
     text-decoration: none
 }

 .new-game-publish .n-single-game-head {
     background: #bfe842;
     padding: 3px;
     border-radius: 3px
 }

 .new-game-publish .n-single-game {
     border-radius: 8px;
     border: 0
 }

 .new-game-publish .n-single-game-image {
     border-radius: 7px 7px 0 0
 }

 .new-game-publish .n-single-game-title {
     background: #bfe842;
     text-align: center;
     padding: 3px 10px
 }

 .new-game-publish .n-single-game-title p {
     color: var(--font-color);
     font-size: 12px;
     font-weight: 700;
     margin: 0
 }

 .close-new-game {
     position: absolute;
     z-index: 2;
     border: 0;
     background: #bfe842;
     width: 26px;
     height: 26px;
     border-radius: 100%;
     right: -10px;
     top: -7px
 }

 .close-new-game img {
     position: relative;
     top: -1px
 }

 .main-menu ul li a span.countdown {
     display: block;
     font-size: 10px;
     padding-left: 20px
 }

 .main-menu ul li.count a {
     padding: 4px 15px
 }

 .main-menu ul li.count a span.icon {
     width: 20px;
     display: inline-block;
     position: relative;
     top: 8px;
     left: -5px
 }

 .holds-the-iframe {
     min-width: 375px;
     min-height: 300px;
     background-image: url(/img/frontend/game_preloader.gif);
     background-color: #000000;
     background-position: center;
     background-repeat: no-repeat
 }

 .play-more-link {
     background-color: var(--black-bg);
     color: var(--font-color);
     text-align: center;
     border-radius: 10px;
     position: relative;
     transition: .2s;
     display: grid;
     justify-content: center;
     align-items: center
 }

 .play-more-link p {
     font-weight: 600;
     display: grid;
     justify-content: center;
     align-items: center;
     font-size: 14px;
     padding: 5px;
 }

 .play-more-link p span {
     display: block;
     font-size: 30px
 }

 .play-more-link:hover {
     text-decoration: none;
     color: var(--font-color)
 }

 body.game-report {
     overflow: hidden
 }

 .game-not-working-box {
     position: fixed;
     z-index: 999;
     background: var(--font-color);
     border-radius: 8px;
     top: 50%;
     box-shadow: 0 0 3px rgba(0, 0, 0, .3);
     left: 50%;
     width: 600px;
     margin-left: -300px;
     border-bottom: 3px solid #676767;
     overflow: hidden;
     margin-top: -116px;
     display: none;
     padding: 10px
 }

 .game-not-working-span {
     text-decoration: underline;
     font-weight: 600;
 }

 .game-not-working-body {
     text-align: center;
     min-height: 169px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 10px
 }

 .game-not-working-body p {
     color: #8d8d8d;
     margin-bottom: 10px;
     font-size: 14px
 }

 .game-not-working-body p.title {
     color: #000;
     font-weight: 700;
     font-size: 15px;
     margin-bottom: 25px
 }

 .game-not-working-botton {
     display: grid;
     grid-template-columns: auto auto;
     gap: 10px
 }

 .game-not-working-botton button {
     border: 0;
     background: #000000;
     color: var(--font-color);
     font-size: 13px;
     font-weight: 800;
     padding: 25px 10px !important;
     transition: .2s
 }

 .game-not-working-botton button:hover {
     background: #1a4ea1 !important;
     color: var(--font-color) !important
 }

 .game-not-working-thankyou {
     position: fixed;
     z-index: 999;
     background: var(--font-color);
     border-radius: 8px;
     top: 50%;
     box-shadow: 0 0 3px rgba(0, 0, 0, .3);
     left: 50%;
     width: 600px;
     margin-left: -300px;
     border-bottom: 3px solid #676767;
     overflow: hidden;
     margin-top: -33px;
     text-align: center;
     padding: 30px 20px 30px 20px;
     display: none
 }

 .game-not-working-thankyou p {
     color: #8d8d8d;
     margin: 0
 }

 .game-not-working-thankyou p img {
     margin-right: 10px
 }

 .reported-button {
     font-weight: normal !important;
     background: transparent !important;
     color: #5a5b5c !important;
 }

 .refresh-game-button {
     background: #32d99c !important;
     font-weight: 600 !important;
 }

 .category-related-categories {
     display: flex;
     overflow-x: auto;
     padding: 10px;
     background-color: #000000;
     width: 100%;
 }

 .category-related-categories::-webkit-scrollbar {
     height: 2px
 }

 .category-related-categories::-webkit-scrollbar-track {
     background-color: rgba(0, 0, 0, .3);
     border-radius: 36px
 }

 .category-related-categories::-webkit-scrollbar-thumb {
     background-color: rgba(255, 255, 255, .7);
     border-radius: 36px
 }

 .category-related-categories a {
     display: flex;
     gap: 10px;
     min-width: fit-content;
     white-space: nowrap;
     background-color: #b1d3ff;
     padding-right: 7px;
     align-items: center;
     color: var(--font-color);
     font-weight: 700;
     border-radius: 7px;
     margin-right: 10px;
     transition: .2s
 }

 .category-related-categories:not(:last-child) a {
     margin-right: 5px;
     margin-bottom: 10px
 }

 .category-related-categories:first-child a {
     margin-left: 10px
 }

 .category-related-categories a:hover {
     background-color: rgba(255, 255, 255, .3)
 }

 .ccgrid {
     line-height: 0;
     margin: 8px 0 0 0;
     padding: 0;
     text-align: left;
     overflow: visible
 }

 .ccgrid ol {
     display: flex;
     flex-flow: row wrap;
     justify-content: left
 }

 .ccgrid ul {
     margin: 0
 }

 .ccgrid li {
     display: inline-block;
     flex: 0 1 auto;
     line-height: 0;
     margin: 8px 8px 0 0;
     overflow: hidden;
     position: relative;
     text-align: center;
     text-decoration: none
 }

 .ccgrid li:before {
     content: "";
     display: block;
     padding-top: 50%
 }

 .ccgrid li>a {
     border-radius: 7px;
     display: block;
     line-height: normal;
     position: absolute;
     text-decoration: none;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     color: var(--font-color);
     font-weight: 700;
     width: 103px;
     height: 100px
 }

 .ccgrid p {
     margin: 0;
     padding: 4px;
     font-size: 12px;
     font-weight: 700;
     transition: .2s
 }

 .cc-top {
     background-color: var(--black-bg);
     color: var(--font-color);
     display: block;
     padding: 30px 10px;
     z-index: 1;
     text-align: center
 }

 .cc-top-outer {
     align-items: center;
     display: flex;
     flex-flow: row nowrap;
     margin: 0 auto;
     max-width: 100%;
     position: relative
 }

 .cc-top-inner {
     margin: 0 auto;
     overflow: hidden
 }

 .cc-top-inner>img {
     margin-right: 15px
 }

 .cc-top:hover .promo-button {
     box-shadow: 0 0 30px red
 }

 .cc-top-inner .ccgrid {
     white-space: nowrap
 }

 .cc-top-inner .ccgrid {
     margin-top: 0
 }

 .cc-top-inner .ccgrid li {
     margin: 0 12px 0 0;
     width: 103px;
     height: 80px;
     padding: 10px 0
 }

 .cc-top-inner .ccgrid li:first-child {
     margin-left: -40px
 }

 .cc-top-inner .ccgrid img {
     border-radius: 7px;
     transition: transform .8s;
     width: 103px;
     height: 77px;
     background: #19519a
 }

 .cc-top-inner .ccgrid li:hover img {
     transform: rotateY(-180deg) rotateX(360deg) scale(.9)
 }

 .cc-top-inner .ccgrid li:hover p {
     color: #fcd91b
 }

 .cc-top-arrow {
     cursor: pointer;
     height: 100%;
     margin: 0 10px 0 0;
     text-align: center;
     top: 0;
     width: 60px
 }

 .cc-top-arrow:after {
     border-left: 7px solid var(--font-color);
     border-top: 7px solid var(--font-color);
     content: "";
     display: inline-block;
     height: 15px;
     top: 35%;
     transform: rotate(-45deg);
     vertical-align: middle;
     width: 15px
 }

 .cc-top-arrow-reversed {
     margin: 0 0 0 10px;
     text-align: left
 }

 .cc-top-arrow-reversed:after {
     transform: rotate(135deg)
 }

 .cc-top-arrow:hover:after {
     border-color: #36d798
 }

 .ccgrid-all-categories-button {
     display: flex !important;
     justify-content: center;
     align-items: center;
     background-color: var(--deep-blue)
 }

 #overlay-loader {
     width: 5%;
     height: auto;
     position: absolute;
     top: 50%;
     left: 50%;
     font-size: 50px;
     color: var(--font-color);
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%)
 }

 #overlay {
     position: fixed;
     display: none;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(17, 13, 50, .6);
     z-index: 9999;
     cursor: pointer
 }

 .broken-game {
     display: grid;
     justify-content: center;
     align-items: center;
     border-radius: 0 0 5px 5px;
     padding: 120px 90px;
     margin-bottom: 10px;
     background-color: var(--black-bg);
     grid-template-columns: repeat(2, 50%)
 }

 .broken-game .broken-game-list {
     display: block
 }

 .broken-game-text .title {
     font-size: 35px;
     font-weight: 700
 }

 .broken-game .single-game {
     float: right
 }

 .broken-game .single-game-head {
     width: 130px;
     height: 97px
 }

 .broken-game .single-game .single-game-title {
     background: #f1f1f1;
     color: #000;
     font-size: 12px;
     padding: 5px;
     transition: .2s;
     font-weight: 600
 }

 .broken-game .single-game:hover .single-game-title {
     background: #000000;
     color: var(--font-color)
 }

 .outgoing-broke-game {
     min-width: 640px;
     min-height: 480px;
     background: #020e21;
     text-align: center;
     left: 50%;
     padding-top: 130px
 }

 .outgoing-broke-game span {
     font-size: 12px;
     color: #898989;
     margin-top: 5px
 }

 .outgoing-broke-game img {
     display: block;
     margin: 0 auto 10px auto;
     border-radius: 7px
 }

 .outgoing-broke-game a {
     border: none;
     display: block;
     text-align: center;
     width: 200px;
     padding: 10px;
     margin: 0 auto;
     border-radius: 7px;
     background: var(--green-bg);
     color: var(--font-color);
     font-weight: 700;
     -webkit-transition: .1s;
     transition: .1s
 }

 .outgoing-broke-game a:hover {
     cursor: pointer;
     text-decoration: none;
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     background: #abf04f
 }

 .add-button {
     background: #8cc63e;
     border: 0;
     color: var(--font-color);
     top: 0;
     position: relative;
     display: block;
     cursor: pointer;
     border-radius: 10px;
     margin-left: 10px;
     display: block;
     padding: 12px 15px;
     margin: 0 5px;
     -webkit-transition: .5s;
     transition: .5s;
     font-weight: 700
 }

 .add-button span {
     width: 20px;
     display: inline-block;
     margin-right: 5px
 }

 .add-button:hover {
     background: #9ee541
 }

 .install-as-app {
     display: flex;
     gap: 7px;
 }

 .mobile-header {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: .3fr 1fr .3fr;
     grid-template-columns: .3fr 1fr .3fr;
     -ms-grid-row-align: center;
     align-items: center;
     position: relative;
     padding: 0 5px
 }

 .mobile-menu-body {
     height: 100vh;
     padding: 65px 15px 20px;
     overflow-y: auto;
     margin: 15px
 }

 .menu-button span {
     border: 0;
     background: #b1d3ff;
     max-width: 45px;
     top: 0;
     position: relative;
     display: block;
     cursor: pointer;
     border-radius: 10px;
     height: 42px;
     display: grid;
     justify-content: center;
     align-content: center
 }

 .m-menu-inside {
     margin-bottom: 40px
 }

 .m-menu-inside:last-child {
     margin-bottom: 100px
 }

 .m-menu-inside ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .m-menu-inside ul li {
     display: block
 }

 .m-menu-inside ul li a {
     display: flex;
     align-items: center;
     background: #001e4d;
     margin-bottom: 10px;
     border-radius: 5px;
     color: var(--font-color);
     font-weight: 700;
     font-size: 14px;
     padding: 20px 15px;
     overflow: hidden
 }

 .m-menu-inside ul li a svg {
     margin-right: 10px
 }

 .m-menu-inside ul li a:hover {
     text-decoration: none
 }

 .m-menu-inside.cat ul li a {
     background: #276ac2;
     padding: 0 15px 0 0
 }

 .m-menu-inside ul li.link a {
     background: #276ac2;
     color: var(--font-color)
 }

 .m-menu-inside .count {
     font-size: 11px;
     margin-left: auto
 }

 .m-menu-inside ul li a span.icon {
     width: 25px;
     display: inline-block;
     margin-right: 5px
 }

 .m-menu-inside .icon {
     width: auto;
     height: 60px;
     margin-right: 15px
 }

 .m-menu-inside ul li.pink a {
     background-color: #ed008c
 }

 .m-menu-inside ul li.red a {
     background-color: #f00000
 }

 .m-menu-inside ul li.green a {
     background-color: var(--green-bg)
 }

 .m-menu-inside ul li.blue a {
     background-color: #29aae2
 }

 .m-menu-inside ul li.yellow a {
     background-color: #ffce3c
 }

 .fullscreen .menu-button span {
     top: 0
 }

 .logo {
     flex-shrink: 0
 }

 .logo {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 172px;
     height: 54px
 }

 .mobile-header .logo {
     margin: 0;
     text-align: center
 }

 .m-search {
     text-align: right
 }

 .m-search button i {
     color: #000000;
     font-size: 23px
 }

 .m-search button {
     border: 0;
     background: #b1d3ff;
     width: 42px;
     color: #e1f5fe;
     height: 42px;
     border-radius: 10px;
     position: relative;
     z-index: 2
 }

 .m-search input {
     position: absolute;
     right: 0;
     top: 0;
     border: 0;
     background: #b1d3ff;
     color: var(--font-color);
     height: 56px;
     border-radius: 8px;
     width: 0;
     transition: .2s;
     visibility: hidden;
     opacity: 0
 }

 body.m-search-body .m-search input {
     visibility: visible;
     width: 75%;
     opacity: 1;
     padding: 0 15px
 }

 .m-search form button {
     display: none;
     position: absolute;
     top: 0;
     right: 15px;
     z-index: 2
 }

 body.m-search-body .m-search form button {
     display: block;
     top: 7px;
     right: 5px
 }

 body .menu-open {
     overflow: hidden
 }

 .mobile-menu {
     background: #000000;
     position: fixed;
     top: 0;
     left: -200%;
     width: 100vw;
     height: 100vh
 }

 body.m-menu-open .mobile-menu {
     left: 0
 }

 .mobile-menu-head {
     background: #000000;
     padding: 6px 15px;
     border-bottom: transparent;
     position: fixed;
     left: 700px;
     width: 100%;
     z-index: 1;
     min-height: 62px
 }

 body.m-menu-open .mobile-menu-head {
     left: 0
 }

 body.m-menu-open .menu-button {
     z-index: 99
 }

 .m-menu-open .m-search button {
     z-index: -1
 }

 .mobile-menu-head ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .mobile-menu-head ul li a {
     color: var(--font-color);
     font-size: 35px
 }

 .mobile-menu-head ul li {
     display: inline-block;
     margin-right: 15px
 }

 .mobile-menu-head ul li img {
     max-width: 26px
 }

 .mobile-menu-head ul li:first-child img {
     max-width: 33px
 }

 .menu-button {
     padding-left: 10px;
     position: relative
 }

 .mobile-menu button {
     border: 0;
     width: 40px
 }

 .menu-button svg {
     display: block;
     width: 25px;
     height: 30px
 }

 .menu-button svg rect {
     pointer-events: none;
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     transition: opacity .2s ease-out .2s, -webkit-transform .2s ease-in-out;
     -webkit-transition: opacity .2s ease-out .2s, -webkit-transform .2s ease-in-out;
     transition: opacity .2s ease-out .2s, transform .2s ease-in-out;
     transition: opacity .2s ease-out .2s, transform .2s ease-in-out, -webkit-transform .2s ease-in-out
 }

 body.m-menu-open .menu-button svg rect {
     transition: opacity .1s ease-out, -webkit-transform .2s ease-in-out .1s;
     -webkit-transition: opacity .1s ease-out, -webkit-transform .2s ease-in-out .1s;
     transition: opacity .1s ease-out, transform .2s ease-in-out .1s;
     transition: opacity .1s ease-out, transform .2s ease-in-out .1s, -webkit-transform .2s ease-in-out .1s
 }

 .E.F svg :nth-child(4),
 body.m-menu-open .menu-button svg :first-child {
     opacity: 0
 }

 body.m-menu-open .menu-button svg :nth-child(2) {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
 }

 body.m-menu-open .menu-button svg :nth-child(3) {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
 }

 body.m-menu-open .menu-button :nth-child(4),
 body.m-menu-open .menu-button svg :first-child {
     opacity: 0
 }

 .single-mobile-menu {
     padding: 30px 15px 0
 }

 .mobile-menu-bottom h2,
 .single-mobile-menu h2 {
     font-size: 18px;
     font-weight: 700;
     color: #585858;
     margin: 0 0 20px
 }

 .single-mobile-menu ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .single-mobile-menu ul li {
     display: block
 }

 .single-mobile-menu ul li a {
     background: #fbfbfb;
     display: block;
     margin-top: 10px;
     color: #545454;
     padding: 15px;
     border-radius: 10px;
     position: relative;
     border: 1px solid #f2f2f2
 }

 .single-mobile-menu ul li a:hover {
     text-decoration: none
 }

 .single-mobile-menu ul li a span {
     width: 30px;
     display: inline-block
 }

 .single-mobile-menu ul li a span img {
     max-width: 25px
 }

 .single-mobile-menu ul li a i {
     min-width: 25px;
     font-size: 18px;
     position: relative;
     top: 2px
 }

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

 .mobile-menu-bottom p {
     color: #191919;
     margin: 0
 }

 .single-mobile-menu .btn-more {
     border: 0;
     padding: 10px;
     text-align: center;
     display: block;
     width: 100%;
     max-width: 100%;
     border-radius: 10px;
     margin-top: 5px;
     cursor: pointer
 }

 body.menu-open .menu-game-text h3 {
     color: var(--font-color)
 }

 .single-mobile-menu ul li:last-child a {
     background: #e1f5fe;
     text-align: center;
     font-weight: 600;
     border: 0;
     padding: 20px
 }

 .single-mobile-menu.menu ul li a {
     background: #f2f2f2;
     font-weight: 600;
     color: #949494;
     text-align: left;
     padding: 15px
 }

 .mobile-menu-bottom h2 {
     float: left;
     margin-top: 11px
 }

 .mobile-menu-bottom .social-bookmarks ul {
     border: 0
 }

 .mobile-section-title h2 {
     margin: 0;
     font-weight: 700;
     font-size: 30px;
     color: rgba(0, 0, 0, .8);
     margin: 0 0 10px
 }

 .mobile-search-box {
     background: #e1f5fe;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     display: none
 }

 .c_order {
     background-color: var(--light-green);
     outline: 0;
     border: none;
     padding: 7px;
     border-radius: 7px;
     color: var(--font-color);
     font-weight: 700
 }

 .c_order option {
     background-color: var(--font-color);
     color: #000
 }

 .c_order option:hover {
     background-color: #f1f1f1
 }

 .search-header {
     background: #1cacc9;
     padding: 20px 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .mobile-search-box .search-list-box {
     display: block;
     top: 0;
     position: relative;
     max-height: 100%;
     border: 0;
     background: 0 0
 }

 .mobile-search-box .search-list-box ul li a span {
     width: 60px
 }

 .search-footer a {
     background: var(--font-color);
     display: block;
     text-align: center;
     padding: 15px;
     border-radius: 10px;
     color: #595959;
     font-size: 16px
 }

 .search-footer {
     padding: 10px
 }

 .search-header input {
     color: var(--font-color);
     border: 0;
     font-size: 15px;
     padding: 10px 10px 10px 0;
     background: 0 0;
     width: 60%;
     margin-right: auto;
     font-style: italic
 }

 .search-header ::-webkit-input-placeholder {
     color: var(--font-color)
 }

 .search-header ::-moz-placeholder {
     color: var(--font-color)
 }

 .search-header :-ms-input-placeholder {
     color: var(--font-color)
 }

 .search-header :-moz-placeholder {
     color: var(--font-color)
 }

 .blog-slider-list .owl-nav div {
     font-size: 30px;
     background: #eaeaea;
     display: inline-block;
     text-align: center;
     width: 60px;
     margin: 0 5px;
     color: #c2c2c2;
     -webkit-transition: .3s;
     transition: .3s
 }

 .blog-slider-list .owl-nav div:hover {
     background: #ddd;
     color: #585858
 }

 .blog-slider-list .owl-nav {
     position: absolute;
     top: -55px;
     right: -5px;
     z-index: 3
 }

 .game-play-button button {
     background: #1cacc9;
     border: 0;
     color: var(--font-color);
     display: block;
     width: 100%;
     text-transform: uppercase;
     padding: 15px;
     font-size: 20px;
     border-radius: 10px;
     margin-bottom: 10px
 }

 .ad-box.mobile {
     background: #e0e0e0;
     margin-bottom: 10px
 }

 .ad-box.mobile span {
     background: var(--font-color)
 }

 .mobile-game-bottom {
     background: var(--font-color);
     margin-bottom: 10px;
     border-radius: 10px;
     padding: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }

 .mobile-game-bottom button.favorite {
     color: #787878;
     border: 0;
     background: #f0f0f0
 }

 .d-none {
     display: none !important;
 }

 .back-to-top {
     padding: 0 20px 10px
 }

 .back-to-top a {
     text-align: center;
     display: block;
     background: #b0b0b0;
     color: var(--font-color);
     font-size: 20px;
     border-radius: 10px;
     padding: 15px
 }

 .back-to-top a i {
     font-size: 35px;
     position: absolute;
     margin-left: -30px;
     margin-top: -1px
 }

 .back-to-top a:hover {
     text-decoration: none
 }

 .single-mobile-menu .single-game {
     width: 100%;
     padding: 0
 }

 .single-mobile-menu .row {
     margin: 0 -5px
 }

 .single-mobile-menu .single-game a {
     background: #e0f4ff
 }

 .header-area.fullscreen {
     border: 0;
     position: absolute;
     left: -10px;
     top: 10px;
     background: 0 0
 }

 .fullscreen .mobile-header {
     display: block
 }

 .header-area.fullscreen:before {
     display: none
 }

 .m-menu-open .header-area.fullscreen {
     background: 0 0
 }

 .website-ad-space {
     position: relative;
     min-height: 90px;
     text-align: center;
     margin: auto
 }

 .header-game {
     margin-top: 20px;
     margin-bottom: 20px
 }

 .website-ad-space p {
     opacity: .5;
     font-size: 9px;
     text-align: center;
     padding: 3px;
     margin-bottom: 0
 }

 .categoric {
     background: #000000;
     border-radius: 8px;
     padding: 15px
 }

 .categoric ul {
     margin: 0 -5px;
     padding: 0;
     list-style: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
 }

 .categoric ul li {
     display: block;
     padding: 0 5px;
     -webkit-box-flex: 1;
     -ms-flex: auto;
     flex: auto
 }

 .categoric ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     background: #fcd91a;
     border-radius: 8px;
     border: 1px solid var(--font-color)d81;
     padding: 5px 15px;
     font-size: 12px;
     font-weight: 700;
     color: #000000;
     min-height: 45px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: .2s;
     transition: .2s
 }

 .categoric ul li a span.img {
     margin-right: 5px;
     display: inline-block
 }

 .categoric ul li a:hover {
     background: #ffe557;
     text-decoration: none
 }

 .categoric ul li.link a {
     background: #b1d3ff;
     border-color: #2166c2;
     color: var(--font-color);
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
 }

 .categoric-area {
     padding: 15px 0
 }

 .margin-15 {
     margin-top: 15px !important
 }

 .main-menu ul li.drop-menu .yellow .menu-game a {
     background: #ffbf02;
     border-color: #ffce3c
 }

 .main-menu ul li.drop-menu .green .menu-game a {
     background: var(--green-bg);
     border-color: #9bd948
 }

 .main-menu ul li.drop-menu .blue .menu-game a {
     background: #29aae2;
     border-color: #3fc0f8
 }

 .main-menu ul li.drop-menu .red .menu-game a {
     background: #f00000;
     border-color: #ff1e1e
 }

 .section-title {
     display: flex;
     align-items: center
 }

 .category-ratings {
     display: flex;
     align-items: center;
     margin-left: 10px
 }

 .category-ratings-stars {
     display: flex;
     list-style: none;
     margin-right: 5px;
     padding-left: 10px
 }

 .category-ratings-text {
     font-size: 12px
 }

 .category_ratings_star_empty {
     filter: brightness(.5) grayscale(1);
     opacity: .5
 }

 .category-ratings-stars:hover .category_ratings_star_empty {
     filter: none;
     opacity: 1
 }

 .category_ratings_star:hover~.category_ratings_star {
     filter: brightness(.1) grayscale(1);
     opacity: .2
 }

 .filter .nice-select .current {
     position: relative;
     top: -2px
 }

 .single-game.title {
     width: 100%
 }

 .single-game.title h2 {
     font-size: 15px;
     font-weight: 700;
     margin: 5px 0
 }

 .game-list.cat {
     border-radius: 0
 }

 .game-list.cat .game-preview {
     min-height: 20px;
     position: absolute;
     width: 45px;
     left: 10px;
     top: 8px
 }

 .cat .game-preview img {
     border-radius: 10px
 }

 .game-list.cat .game-meta {
     padding-left: 60px;
     text-align: left
 }

 .game-list.cat .game-meta p {
     margin-top: -5px;
     margin-bottom: -2px
 }

 .game-list.cat .game-meta h3 {
     font-size: 13px
 }

 .margin-top-15 {
     margin-top: 15px !important
 }

 .margin-top-65 {
     margin-top: 65px !important
 }

 .margin-top-95 {
     margin-top: 95px !important
 }

 .game-list.cat.box .game-meta {
     background: #00296a;
     border: 1px solid #003383
 }

 .game-list.cat.box .game-preview {
     width: 45px;
     height: 33px
 }

 .game-list.cat.box .game-meta h3 {
     color: var(--font-color)
 }

 .game-list.cat.box .game-meta p {
     color: var(--font-color)
 }

 .single-game.search {
     width: 100%;
     text-align: center
 }

 .single-game.search form {
     position: relative;
     background: #000000;
     border: 1px solid var(--border-bule);
     border-radius: 10px;
     padding: 10px;
     max-width: 615px;
     margin: 25px auto 30px
 }

 .single-game.search form input {
     border: 0;
     width: 100%;
     padding: 15px 15px 15px 50px;
     background: 0 0;
     color: var(--font-color)
 }

 .single-game.search form button {
     background: 0 0;
     border: 0;
     color: var(--font-color);
     font-size: 25px;
     position: absolute;
     top: 50%;
     margin-top: -15px;
     left: 15px
 }

 .game-title-right {
     margin-left: auto;
     margin-right: 0
 }

 .game-title-left {
     margin-right: 10px
 }

 .game-title-left-stats {
     display: flex;
     align-items: center
 }

 .game-title-left-stats svg {
     margin-right: 3px
 }

 .game-title-left-stats svg:not(:first-child) {
     margin-left: 10px
 }

 .game-title-right button {
     background: #b1d3ff;
     border: 0;
     color: var(--font-color);
     font-size: 12px;
     padding: 10px 15px;
     border-radius: 10px
 }

 .game-title-right button {
     margin-left: 5px
 }

 .game-title-right button:hover {
     background: var(--font-color);
     color: var(--deep-blue)
 }

 .game-title-right button i {
     margin-right: 5px
 }

 .related-game-list .load-more {
     padding: 5px 0 0
 }

 .game-video {
     padding: 0 10px 10px;
     overflow: hidden;
     border-radius: 10px;
     margin: auto;
     text-align: center
 }

 .game-video img {
     width: 100%;
     border-radius: 10px
 }

 .m-menu-open .breadcrumbs-area {
     z-index: -1
 }

 .mobile-menu-head a {
     background: #b1d3ff;
     padding: 12px 25px;
     min-height: 35px;
     color: var(--font-color);
     border-radius: 10px;
     color: #000000;;
     font-weight: 700;
     position: relative;
     display: inline-block;
     margin-top: 4px
 }

 .mobile-menu-head a i {
     font-size: 20px;
     position: absolute;
     top: 12px;
     left: 10px
 }

 @-webkit-keyframes jello-horizontal {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }
     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }
     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }
     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }
     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
 }

 @keyframes jello-horizontal {
     0% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }
     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }
     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }
     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }
     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }
     100% {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1)
     }
 }

 .game-play-button {
     position: absolute;
     background: 0 0;
     border: 0;
     left: 0;
     top: 0;
     width: 100%;
     height: 75%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     cursor: pointer;
     z-index: 999;
     -webkit-animation: jello-horizontal 1.5s 1s infinite both;
     animation: jello-horizontal 1.5s 1s infinite both
 }

 .game-play-button img {
     width: 120px
 }

 .single-game-page-area {
     margin-top: 10px
 }

 .item-three {
     min-width: 640px
 }

 .single-game-page {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 160px 130px auto 130px 160px;
     grid-template-columns: 160px 130px auto 130px 160px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     grid-gap: 10px
 }

 .game-boxed-game {
     border-radius: 0 0 5px 5px;
     overflow: hidden;
     margin-bottom: 10px
 }

 .ad-side {
     width: auto
 }

 .ad-side.right {
     padding-left: 0;
     padding-right: 0
 }

 .ad-side.zero {
     padding-left: 0;
     padding-right: 0
 }

 .ad-side span {
     opacity: .5;
     text-align: center;
     display: block;
     background: var(--deep-blue-bg);
     font-size: 9px;
     color: var(--font-color);
     padding: 8px
 }

 .ad-side img {
     width: 100%
 }

 .side-game-list .single-game-title {
     padding: 2px 5px 0
 }

 .side-game-list .single-game {
     margin-bottom: 5px;
     border-radius: 5px
 }

 .error-not-found {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     background-color: #000;
     padding: 60px;
     height: 80vh
 }

 .error-not-found h1 {
     margin: 50px auto;
     font-size: 10em
 }

 .error-not-found-button {
     color: #000;
     background-color: var(--font-color);
     padding: 20px;
     margin-top: 20px;
     transition: .3s
 }

 .error-not-found-button:hover {
     transform: scale(1.2)
 }

 .grid-Advertisement {
     grid-row: 2/span 2;
     grid-column: 1/span 3;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background-color: var(--black-bg);
     border-radius: 10px;
     padding: 10px
 }

 .grid-Advertisement-tag {
     text-align: center;
     font-size: 10px;
     text-transform: uppercase;
     margin-bottom: 10px;
     opacity: .7
 }

 .grid-ad {
     height: 250px;
     width: 300px
 }

 .game-buttons-top {
     background: #000000;;
     border-radius: 5px;
     margin-left: auto;
     margin-right: -10px
 }

 .game-buttons-top ul {
     list-style: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-self: center;
     padding: 0 10px;
     margin-top: 15px;
     justify-content: space-between;
     align-items: center
 }

 .game-buttons-top ul li {
     display: inline;
     font-size: 13px
 }

 .game-buttons-top a i {
     display: inline;
     margin-right: 5px
 }

 .game-buttons-top a {
     display: flex;
     align-items: center;
     color: var(--font-color);
     padding: 10px;
     border-radius: 10px
 }

 .btn-fullscreen svg {
     margin-right: 5px
 }

 .btn-fullscreen:hover {
     cursor: pointer
 }

 .game-buttons-top a:hover svg {
     fill: var(--deep-blue)
 }

 .game-buttons-top a:hover {
     text-decoration: none;
     background-color: var(--font-color);
     color: var(--deep-blue)
 }

 .game-buttons-bottom {
     width: 50%;
     background: #000000;;
     display: flex;
     justify-content: space-between;
     border-radius: 10px;
     padding: 20px 10px
 }

 .game-buttons-bottom .favorite {
     width: 100%
 }

 .game-buttons-bottom .favorite:hover {
     color: var(--deep-blue) !important;
     background-color: var(--font-color) !important;
 }

 .game-buttons-bottom .refresh {
     margin-right: 0
 }

 #page-title {
     font-size: 16px
 }

 .page-subtitle {
     margin-left: 5px
 }

 @media screen and (-ms-high-contrast:active),
 (-ms-high-contrast:none) {
     .game-list {
         display: block !important;
         overflow: hidden;
         padding: 15px 10px 10px;
         border-radius: 0 0 10px 10px
     }
     .single-game {
         margin: 0 0 10px;
         padding: 0 5px;
         float: left;
         width: 10%;
         position: relative;
         transition: .2s;
         display: block
     }
     .single-game a {
         display: block;
         background: var(--black-bg);
         color: var(--font-color);
         border-radius: 10px;
         overflow: hidden
     }
     .game-list.cat {
         display: block !important;
         overflow: hidden;
         background: #000000;;
         padding: 15px 10px 10px;
         border-radius: 0 0 10px 10px
     }
     .single-game-page {
         display: flex
     }
     .item-one,
     .item-two {
         display: block;
         margin-right: 10px
     }
     .item-five,
     .item-four {
         display: block;
         margin-left: 10px
     }
     .item-five,
     .item-one {
         width: 160px !important
     }
     .item-four,
     .item-two {
         width: 130px !important
     }
 }

 .m20 {
     margin: 20px !important
 }

 .mb10 {
     margin-bottom: 10px !important
 }

 .mb20 {
     margin-bottom: 20px !important
 }

 .mt10 {
     margin-top: 10px !important
 }

 .mt20 {
     margin-top: 20px !important
 }

 .p10 {
     padding: 10px
 }

 .ml10 {
     margin-left: 10px
 }

 .border-red,
 .redinput {
     border: red 1px solid !important
 }

 .menu-game-text p {
     font-size: 12px
 }

 .full-screen-game-area {
     height: 100vh !important;
     width: auto !important;
     position: relative;
     background: #f5f5f5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
 }

 .modal {
     z-index: 99999 !important
 }

 .post-meta {
     margin-bottom: 5px
 }

 .entry-meta a {
     color: #999;
     display: inline-block
 }

 .entry-meta {
     margin-right: 10px;
     margin-left: 0
 }

 .card-header {
     font-size: 14px;
     font-weight: 700
 }

 .list-group-item {
     margin-bottom: 0 !important;
     border: none;
     border-bottom: 1px solid rgba(0, 0, 0, .125)
 }

 .list-group span {
     float: right;
     margin-top: 5px
 }

 .single-content h2 {
     font-size: 16px;
     font-weight: 700
 }

 .menu-game a:hover {
     text-decoration: none
 }

 .search-list .card:hover {
     border: #2aa8e2 1px solid
 }

 .font-150 {
     font-size: 150px
 }

 .m15 {
     margin: 15px !important
 }

 .p15 {
     padding: 15px !important
 }

 .fs30 {
     font-size: 35px !important
 }

 .opacity07 {
     opacity: .5;
     filter: grayscale(80%)
 }

 .modal {
     color: #444 !important
 }

 .site-info ol li a {
     color: var(--font-color)
 }

 .breadcrumbs-list::-webkit-scrollbar {
     height: 6px
 }

 .breadcrumbs-list::-webkit-scrollbar-track {
     background: var(--deep-blue)
 }

 .breadcrumbs-list::-webkit-scrollbar-thumb {
     background-color: var(--font-color)
 }

 @media only screen and (min-width:1400px) {
     .main-menu ul.cat-menu {
         max-width: 1200px;
         left: 50%;
         margin-left: -600px;
         right: auto
     }
 }

 @media only screen and (min-width:1311px) and (max-width:1325px) {
     .search-form {
         position: relative
     }
 }

 @media only screen and (min-width:1201px) and (max-width:1310px) {
     .search-form {
         position: relative
     }
     .categoric ul li a {
         padding: 5px 5px
     }
 }

 @media only screen and (min-width:992px) and (max-width:1200px) {
     .categoric ul li a {
         padding: 5px 5px
     }
     .game-list.cat {
         -ms-grid-columns: (minmax(150px, 1fr)) [auto-fill];
         grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
         -ms-grid-rows: minmax(75px, auto);
         grid-template-rows: minmax(75px, auto)
     }
 }

 @media screen and (max-width:992px) {
     .breadcrumbs-list {
         overflow-x: auto;
         white-space: nowrap
     }
     .section-title {
         display: flex;
         grid-template-columns: repeat(3, auto);
         grid-gap: 5px;
         justify-content: center;
         padding: 5px
     }
     #page-title,
     .section-title h1,
     .section-title h2 {
         line-height: normal;
         font-size: 14px;
         text-align: center
     }
     .page-subtitle {
         margin: 0;
         text-align: center
     }
     .mobile-game-image {
         width: 100%;
         height: 200px;
         object-fit: cover;
         border-radius: 10px
     }
     .game-play-area {
         margin: 0 5px
     }
     .game-play-box {
         position: relative;
         margin: 10px 0;
         background-color: #000000;;
         text-align: center;
         border-radius: 10px;
         padding: 10px 10px 5px 10px
     }
     .game-play-box h1 {
         font-size: 16px;
         font-weight: 600
     }
     .broken-game {
         display: flex;
         flex-direction: column;
         padding: 20px
     }
     .broken-game-text .title {
         font-size: 16px
     }
     .game-play-area .game-rating-box,
     .game-play-area .social-bookmarks {
         display: flex;
         flex-direction: row;
         width: 100%;
         padding: 10px 0;
         margin-bottom: 10px
     }
     .game-rating>* {
         margin: 0
     }
     button.thumb:first-child {
         margin-left: 10px
     }
     .rating-bar {
         margin-right: 10px
     }
     .game-play-area .game-rating {
         display: block;
         margin: 0
     }
     .social-bookmarks {
         justify-content: space-around;
         align-items: center
     }
     .social-bookmarks ul {
         margin: 0;
         padding: 10px;
         width: 100%
     }
     .mobile-ad-area {
         height: 150px;
         margin: 10px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         text-align: center
     }
     .related-game {
         padding: 10px
     }
     .mobile-header {
         display: flex
     }
     .logo,
     .m-search,
     .menu-button {
         flex-grow: 1
     }
     .type-label {
         position: absolute;
         background: var(--font-color);
         border-radius: 10px;
         bottom: 5px;
         left: 5px;
         font-size: 10px;
         padding: 3px 8px;
         font-weight: 800;
         color: #000;
         z-index: 1
     }
     .type-label img {
         margin-right: 5px;
         width: 12px;
         height: 12px
     }
     .footer-area p {
         text-align: center
     }
     .category-ratings {
         display: flex;
         align-items: center;
         margin-left: 0;
         justify-content: center;
         background-color: var(--black-bg)
     }
     .category-ratings-stars {
         display: flex;
         list-style: none;
         margin-right: 5px;
         padding-left: 0
     }
     .category-ratings-text {
         font-size: 12px
     }
     .category_ratings_star_empty {
         filter: brightness(.5) grayscale(1);
         opacity: .5
     }
     .category-ratings-stars:hover .category_ratings_star_empty {
         filter: none;
         opacity: 1
     }
     .category_ratings_star:hover~.category_ratings_star {
         filter: brightness(.1) grayscale(1);
         opacity: .2
     }
     .category-related-categories {
         width: auto;
         padding-left: 10px;
     }
     .add-button {
         margin-left: 0;
         background-color: #8cc63e !important;
     }
 }

 @media (orientation:landscape) {
     .single-game .label.black {
         right: 30%;
         top: 30%
     }
 }

 @media screen and (max-width:680px) {
     .grid-ad {
         width: 100%;
         height: 150px
     }
     .grid-Advertisement {
         grid-row: 4/span 1;
         grid-column: 1/span 2
     }
 }

 .game-meta-stats {
     display: flex;
     justify-content: flex-start;
     font-size: 9px;
 }

 .game-meta-stats span {
     display: flex;
     align-items: center;
 }

 .broken-game-icon-section {
     width: 100%;
     height: 100%;
     display: flex;
     position: absolute;
     align-items: center;
     justify-items: center;
 }

 @media only screen and (max-width:700px) and (min-width:500px) {
     .game-list {
         grid-template-columns: repeat(auto-fill, minmax(20%, auto));
     }
 }

 @media only screen and (max-width:900px) and (min-width:701px) {
     .game-list {
         grid-template-columns: repeat(auto-fill, minmax(15%, auto));
     }
 }

 @media only screen and (max-width:1024px) and (min-width:901px) {
     .game-list {
         grid-template-columns: repeat(auto-fill, minmax(13%, auto));
     }
 }

 @media only screen and (max-width:1366px) and (min-width:1025px) {
     .game-list {
         grid-template-columns: repeat(auto-fill, minmax(10%, auto));
     }
 }

 .related-categories-image-preview {
     border-radius: 7px 0 0 7px;
     object-fit: cover;
     height: 40px;
     width: 60px;
     image-rendering: -webkit-optimize-contrast;
 }

 .tile-badge {
     padding: 3px;
     height: 22px;
     transition: transform .1s;
     background-color: var(--font-color);
     box-shadow: 0 0 5px #000;
     height: 17px;
     width: 17px;
     border-radius: 0 0 5px 0;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0
 }

 .broken-icon-preview,
 .desktop-icon-preview {
     position: absolute;
     top: 10%;
     left: 25%;
 }

 .footer-socials a {
     width: 24px;
     height: 24px;
 }

 .main-menu {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 10px;
 }

 .translateStateTrue {
     display: flex;
     gap: 15px;
     background-color: var(--font-color);
     border-radius: 10px;
     justify-content: center;
     align-items: center;
     padding: 10px 15px;
     margin-bottom: 10px;
 }

 #startTranslateSite {
     display: flex;
     background: #2e5096;
     margin-bottom: 10px;
     border-radius: 5px;
     color: var(--font-color);
     font-weight: 700;
     font-size: 14px;
     padding: 20px 15px;
     overflow: hidden;
     gap: 10px;
     justify-content: center;
     align-items: center;
 }

 .game-badge {
     position: absolute;
     left: -5px;
     top: 3px;
     z-index: 1;
     transition: opacity .2s;
 }

 .single-game:hover .game-badge {
     opacity: 0;
 }

 .button-load-more-games {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 5px;
     text-align: center;
     color: var(--font-color);
     background-color: var(--black-bg);
     border-radius: 10px;
     font-weight: 600;
     font-size: 12px;
     padding: 10px;
 }

 .button-load-more-games:hover.button-play-new-games {
     border: 2px solid #ffdb2d;
     color: #ffdb2d;
 }

 .button-load-more-games:hover.button-play-original-games {
     border: 2px solid #44d77c;
     color: #44d77c;
 }

 .cc-top {
     margin-top: 65px
 }

 .game-library,
 .header-area {
     position: fixed;
     webkit-backdrop-filter: blur(8px);
     backdrop-filter: blur(8px)
 }

 .main-menu,
 .search-form {
     margin-right: 0
 }

 *,
 ::after,
 ::before {
     box-sizing: inherit
 }

 html {
     scrollbar-width: thin;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     box-sizing: border-box;
     -webkit-text-size-adjust: 100%
 }

 .header-mobile {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding: 5px
 }

 .header-mobile button {
     position: absolute;
     left: 4%;
     height: 80%;
 }

 .header-area {
     width: 100vw;
     padding: 0;
     top: 0;
     background: #b1d3ff;
     border: 0 !important;
     z-index: 99999;
     box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
 }

 .logo {
     width: 172px;
     height: 45px;
     flex-grow: 0 !important
 }

 .search-form {
     width: 100%
 }

 .game-list-area {
     margin-right: 10px;
     margin-left: 10px
 }

 .single-game-page-area {
     margin-top: 49px
 }

 .search-form input {
     border: 1px solid #1d3572;
     border-radius: 10px;
     color: var(--font-color);
     padding: 14px 0 14px 50px;
     font-style: italic;
     background: #0b1a41;
     width: 100%
 }

 .search-form input::placeholder {
     color: rgba(255, 255, 255, .7);
     font-size: 12px
 }

 .game-library::-webkit-scrollbar {
     width: 5px
 }

 .game-library::-webkit-scrollbar-thumb {
     background-color: #a9a9a9;
     border-radius: 0
 }

 .game-library::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 0
 }

 .game-library-category:hover,
 .main-menu-button:hover {
     background-color: rgba(255, 255, 255, .1)
 }

 .game-library::-webkit-scrollbar-button {
     display: none
 }

 body.game-library-open .under-menu-background {
     z-index: 99;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .5);
     position: absolute
 }

 body.game-library-open {
     overflow-y: hidden
 }

 .main-menu-buttons {
     display: flex;
     align-items: center;
     gap: 5px
 }

 .main-menu-button {
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 5px;
     padding: 10px;
     background-color: transparent;
     border: 0;
     border-radius: 7px
 }

 .main-menu-button img {
     filter: invert(1);
     opacity: .8;
     margin: 0;
     transition: opacity .2s
 }

 .main-menu-button span {
     white-space: nowrap;
     opacity: .8;
     font-size: 12px;
     color: var(--font-color);
     font-family: Verdana, sans-serif;
     transition: opacity .2s
 }

 .main-menu-button:hover img,
 .main-menu-button:hover span {
     opacity: 1
 }

 button.game-library-icon-setup {
     background: 0 0;
     border: 0;
     font-family: Verdana
 }

 button.game-library-icon-setup img {
     filter: invert(1)
 }

 .game-library.game-library-open {
     display: flex;
     left: 0
 }

 .game-library-open {
     background-color: #000
 }

 .game-library {
     display: none;
     flex-direction: column;
     left: -100%;
     top: 55px;
     width: 250px;
     z-index: 999999;
     background: rgb(151 180 243 / 98%);
     height: 100vh;
     overflow-x: hidden;
     overflow-y: scroll;
 }

 .game-library-section {
     padding: 15px;
     display: flex;
     flex-direction: column;
     gap: 10px
 }

 .game-library-categories {
     display: flex;
     flex-direction: column;
     gap: 5px
 }

 .game-library-category {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 10px;
     padding: 5px 10px;
     border-radius: 7px;
     color: var(--font-color);
     font-size: .9rem;
     transition: background-color .2s, transform .2s
 }

 .game-library-icon-setup {
     padding: 10px
 }

 .game-library-category:hover {
     color: rgba(255, 255, 255, .7);
     transform: translateX(-5px)
 }

 .game-library-category svg {
     fill: var(--font-color)
 }

 .game-library-category:hover svg {
     fill: rgba(255, 255, 255, .8)
 }

 .game-library-recommendedcategory img {
     width: 42.25px;
     height: 35px;
     border-radius: 5px
 }

 .game-library-useful {
     gap: 5px
 }

 .game-library-useful .game-library-category {
     color: rgba(255, 255, 255, .7)
 }

 .delimitation-1 {
     border: 1px solid rgba(255, 255, 255, .1);
     width: 50%;
     display: flex;
     margin: 10px 20px
 }

 .search-box {
     display: none
 }

 .search-box.search-box-open {
     display: flex;
     position: absolute;
     background-color: #11265c;
     height: 100%;
     align-items: center;
     margin-left: 0;
     margin-right: 0;
     padding: 10px;
     justify-content: space-between;
     gap: 30px;
     width: 100%
 }

 .search-box-open .close-search-box {
     margin-right: 10px;
     flex-shrink: 0
 }

 .icon-svg {
     display: block;
     width: 18px;
     height: 18px;
     background-position: 100% 100%;
     background-size: cover;
 }

 .game-library-categories .game-library-category.game-library-icon-setup:nth-child(1) .icon-svg {
     background-image: url(/image/game16/Action.svg);
 }

 .game-library-categories .game-library-category.game-library-icon-setup:nth-child(2) .icon-svg {
     background-image: url(/image/game16/Adventure.svg);
 }

 .game-library-categories .game-library-category.game-library-icon-setup:nth-child(3) .icon-svg {
     background-image: url(/image/game16/Sports.svg);
 }

 .game-library-categories .game-library-category.game-library-icon-setup:nth-child(4) .icon-svg {
     background-image: url(/image/game16/family.svg);
 }

 .game-library-categories .game-library-category.game-library-icon-setup:nth-child(5) .icon-svg {
     background-image: url(/image/game16/Strategy.svg);
 }

 .game-library-categories .game-library-category.game-library-icon-setup:nth-child(6) .icon-svg {
     background-image: url(/image/game16/Puzzle.svg);
 }

 #client {
     height: 86px;
 }

 .my-box-style {
     width: 100%;
     padding: 10px;
     height: auto;
     overflow: hidden;
     position: relative;
     background-color: #000000;
 }

 #guester {
     width: 100%;
     overflow: hidden;
 }

 #guester ul {
     width: 200%;
     height: 48px;
     line-height: 48px;
     padding: 0;
     position: absolute;
     list-style-type: none;
     animation-name: client_move;
     animation-duration: 30s;
     animation-direction: normal;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     animation-play-state: running;
 }

 #client:nth-child(2) #guester ul {
     padding-left: 55px;
 }

 #guester ul li {
     float: left;
     width: 11.3%;
     height: 65px;
     overflow: hidden;
     position: relative;
     border-radius: 10px;
     margin-right: 20px;
 }

 #guester ul li img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 #guester ul:after {
     content: "";
     display: table;
     clear: both;
 }

 .title-position {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 20px;
     line-height: 20px;
     text-align: center;
     left: 50%;
     transform: translateX(-50%);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     background-color: rgba(0, 0, 0, .6);
     font-weight: 600;
 }

 #guester ul:hover {
     animation-play-state: paused;
 }

 @keyframes client_move {
     0% {
         left: 0
     }
     100% {
         left: -100%
     }
 }

 @-webkit-keyframes client_move {
     0% {
         left: 0%
     }
     100% {
         left: -100%
     }
 }

 @-moz-keyframes client_move {
     0% {
         left: 0%
     }
     100% {
         left: -100%
     }
 }

 @-o-keyframes client_move {
     0% {
         left: 0%
     }
     100% {
         left: -100%
     }
 }

 .slides-box {
     position: relative;
     top: 70px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 27px;
     height: 215px;
     overflow: hidden;
     width: 95%;
 }

 .slideshow-container {
     position: relative;
     max-width: 100%;
     margin: auto;
     min-height: 300px;
 }

 .slides {
     width: 100%;
     height: 100%;
 }

 .slide-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .dots {
     text-align: center;
     padding: 10px 0;
     position: absolute;
     right: 6%;
     bottom: 28%;
 }

 .dot {
     cursor: pointer;
     height: 10px;
     width: 10px;
     margin: 0 2px;
     background-color: #bbb;
     display: inline-block;
     border-radius: 50%;
     transition: background-color 0.3s ease;
 }

 .active,
 .dot:hover {
     background-color: #333;
 }

 .docs-detail.layout-container {
     padding: 0 1rem;
 }

 .layout-sidebar {
     display: none;
 }