 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: Arial, sans-serif;
     line-height: 1.6;
     border: none;
}
 body {
     margin: 0;
     font-family: Helvetica;
     line-height: 1.6;
     background: #dfe3ee;
}
 p {
     margin-bottom: 1rem;
}
 ul, ol {
     margin-bottom: 1rem;
     padding-left: 2rem;
}
 li {
     margin-bottom: 0.5px;
}
 h1 {
     font-size: 2rem;
}
 h2 {
     font-size: 1.75rem;
}
 h3 {
     font-size: 1.25rem;
}
 strong, b {
     font-weight: bold;
     font-size: 1rem;
}
 img {
     max-width: 100%;
     height: auto;
}
 .category-group h4{
     font-size: 16px;
     text-decoration: none;
     color: #000;
}
 .category-group {
     padding: 5px 0 0 30px;
}
 .youtube-video {
     display: block;
     position: relative;
     max-width: 570px;
}
 .youtube {
     aspect-ratio: 16 / 9;
     width: 100%;
     top: 0;
     left: 0;
     border: 0;
}
 .youtube-play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate3d(-50%, -50%, 0);
     width: 133px;
     height: 100px;
     background: url('https://cdn.cdn-rix.com/images/video-play-button.png') center no-repeat;
     background-size: 133px 100px;
     border: none;
     outline: none;
     cursor: pointer;
     z-index: 10;
}
 .header {
     width: 100%;
     display: flex;
     overflow: hidden;
     padding: 2px 1px;
     min-height: 40px;
     margin: auto;
}
 .header .bar {
     display: flex;
     width: 100%;
     max-width: 1900px;
     justify-content: space-between;
     align-items: center;
     margin: auto;
     padding: 0 10px 0 10px;
}
 .nav {
     min-height: 36px;
     height: 36px;
     z-index: 3;
     box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
     background-color: #148ffa;
     background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2));
     max-width: 100%;
     margin: 0 auto;
     display: block;
}
 #links-container {
     display: flex;
     position: relative;
     align-items: center;
     margin: auto;
     max-width: 1900px;
}
 .categories-links {
     max-width: 1900px;
     display: flex;
     overflow: hidden;
     padding: 0 10px 0 10px;
}
 .nav a {
     float: right;
     color:white;
     display: flex;
     align-items: center;
     white-space: nowrap;
     text-decoration: none;
     height: 36px;
     padding: 0 12px 0 7px;
     border-left: solid 1px #ffffff29;
}
 .header a.logo {
     height: 33.3px;
     width:178px;
}
 .header img {
     height: 100%;
     width:100%;
}
 .nav a:hover {
     background-color: #44a4f7;
     color: #ffffff;
}
 .nav a.active {
     background-color: #44a4f7;
     color: #ffffff;
}
 .home {
     background-image: url(https://cdn.cdn-rix.com/images/home.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     position: relative;
     width: 32px;
     height: 30px;
     left: -4px;
}
 .drop-down-list {
     top:85%;
     right: 0;
     display: none;
     font-size: 20px;
     flex-direction: column;
     position: absolute;
     background-color: #292b2bfc;
     min-width: 200px;
     padding-bottom: 10px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 4;
}
 .more-btn {
     padding: 5px 7px;
     height: 35px;
     border-left: solid 1px #ffffff29;
     border-right: solid 1px #ffffff29;
     color: #fff;
     text-decoration: none;
     max-width: 65px;
     display: none;
     flex: 1;
}
 .more-btn::after {
     display: inline;
     position: relative;
     content: '';
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-top: 6px solid white;
     margin-left: 5px;
     top: 15px;
}
 .more-btn {
     cursor: pointer;
     border-bottom: none;
}
 .drop-down-list {
     display: none;
     flex-direction: column;
}
 .more-btn:hover + #drop-down-list {
     display: flex;
}
 #drop-down-list:hover {
     display: flex;
}
 .search {
     width:100%;
     position: relative;
     display: flex;
}
.searchTerm, .searchTerm-search {
     width: 100%;
     border: 2px solid #148ffa;
     border-right: none;
     padding: 5px 2px 5px 7px;
     border-radius: 10px 0 0 10px;
     outline: none;
     font-size: 16px;
     color: #9DBFAF;
     line-height: 1;
}
.searchButton, .searchButton-search {
     background: #148ffa url(https://cdn.cdn-rix.com/images/search.png) no-repeat center center;
     border: 2px solid #148ffa;
     background-size: 20px 20px;
     border-radius: 0 10px 10px 0;
     cursor: pointer;
     padding: 0px 30px 0 0;
}

 #form {
     display: flex;
     width:100%;
}
 .wrap{
     display: block;
     width: 400px;
     padding:1px 0;
}
 .main {
     margin:auto;
     max-width: 1900px;
     margin: auto;
}
 #page-container {
     position: relative;
     min-height: 100vh;
}
 .games-list {
     display: grid;
     grid-gap: 12px;
     grid-auto-flow: row dense;
     grid-template-columns: repeat(var(--gridTemplateColumns, 18),90px);
     grid-template-rows: repeat(auto-fill,90px);
     justify-content: center;
     list-style-type: none;
     margin: 16px 10px 16px 10px;
     padding: 0 14px 0 14px;
     justify-content: space-evenly;
}
 .item {
     position: relative;
     background: rgba(0, 0, 0, 0.1);
     border-radius: 0.25em;
     width:90px;
     height: 90px;
     border-radius: 16px;
     display: inline-block;
}
 .large {
     position: relative;
     overflow: hidden;
     background: rgba(0, 0, 0, 0.1);
     grid-column: auto / span 2;
     grid-row: auto / span 2;
     width: 192px;
     height:192px;
}
 .desktop {
}
 .desktop img {
}
 .pagin {
     width: 460px;
     height: 82px;
     margin-bottom: 5px;
     background: transparent;
     justify-self: center;
     grid-column: 1 / -1;
     align-self: end;
     order: 2;
}
 .item img {
     width:90px;
     height: 90px;
     border-radius: 16px;
}
 .games-list .large img {
     height: 192px;
     width: 192px;
}
 .gridGame {
     display: grid;
     grid-gap: 12px;
     grid-auto-flow: row dense;
     grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
     grid-template-rows: repeat(auto-fill,90px);
     justify-content: center;
     list-style-type: none;
     margin: 16px 10px 16px 10px;
     padding: 0 14px 0 14px;
}
 .gridGame .itemGame {
     background: rgba(0, 0, 0, 0.1);
     width:90px;
     height: 90px;
     border-radius: 16px;
}
 .gridGame .related {
     background: rgba(0, 0, 0, 0.1);
     width:90px;
     height: 90px;
     border-radius: 16px;
     grid-column-start: 1;
}
 .gridGame .big {
     width: 796px;
     height: 578px;
     margin: 0 10px 10px 10px;
     border-radius: 0;
     background-image: url(https://cdn.cdn-rix.com/images/big-background.gif);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     grid-column: span 7;
     grid-row: span 6;
     grid-column-start: 3;
     grid-column-end: span 8;
}
 .categories-list {
     display: grid;
     grid-gap: 12px;
     grid-auto-flow: row dense;
     grid-template-columns: repeat(var(--gridTemplateColumns, 9),196px);
     grid-template-rows: repeat(auto-fill,90px);
     justify-content: center;
     list-style-type: none;
     margin: 16px 10px 16px 10px;
     padding: 0 0 0px 14px;
     justify-content: space-evenly;
}
 .category {
     background: rgba(0, 0, 0, 0.1);
     border-radius: 16px;
     width:196px;
     height: 90px;
}
 .category .large {
     background: rgba(255, 0, 0, 0.25);
     grid-column: auto / span 2;
     grid-row: auto / span 2;
}
 .video {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     border-radius: 1rem;
     width: 100%;
     height: 100%;
     background-color: #ffffff;
}
 .newGame {
     position: relative;
     width: 100%;
     height: 100%;
     display: inline-flex;
     margin: 0px auto;
}
 .newGame:hover .video {
     display: block;
}
 .newGame a {
     display: flex;
     position: relative;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     font-size: 14px;
     text-decoration: none;
     text-align: center;
     font-weight: bold;
     line-height: 1.8em;
}
 .newGame a:hover {
     -ms-transform: scale(1.02);
     -webkit-transform: scale(1.02);
     transform: scale(1.02);
}
 .newGame span {
     font-Size: 13px;
     text-shadow: -1px 0 #160e0e, 0 1px #160e0e, 1px 0 #160e0e, 0 -1px #160e0e;
     background: linear-gradient(transparent 10%, rgb(3 7 12 / 50%) 75%);
     border-radius: 16px;
     line-Height: 14px;
     position: absolute;
     right: 0px;
     bottom: 0;
     left: 0px;
     padding: 0 5px 6px 5px;
     color: #fff;
     font-weight: 700;
     text-align: center;
     z-index: 3;
     opacity: 0;
}
 .newGame:hover span {
     opacity: 1;
     transform: translate(0px, 0px);
}
 .newGame img {
     width: 90px;
     height: 90px;
     border-radius: 16px;
}
 .footer {
     flex: 0 0 auto;
     z-index: 5;
     font-size: .75rem;
     border-top: solid 1px #000;
     box-shadow: 0 -1px 1px 1px rgba(0,0,0,0.25);
     margin-top: 100px;
     bottom: 0;
     width:100%;
}
 .last-dark .gradient {
     background-image: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.2));
}
 .last-dark {
     background: #000;
}
 .link {
     z-index: 3;
     box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
     max-width: 1900px;
     background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.2));
     padding: 0 10px 0 10px;
     margin: auto;
     display: flex;
}
 .link a {
     display: block;
     margin: 5px auto;
     padding: 0 2px;
     height: auto;
     color: #ebe6e6;
     font-size: 16px;
     font-weight: 500;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding: 22px 3px 13px 3px 
}
 .footer a.logo {
     height: 40px;
     width:213.7px;
     padding: 1px;
     margin: 1px;
}
 .footer img {
     height: 100%;
     width:100%;
}
 .categories-list a {
     float: right;
     background-color: #fff;
     margin: 0 5px 10px 5px;
     display: flex;
     align-items: center;
     border-radius: 16px;
     width: 97%;
     height: 90px;
     text-decoration: none;
}
 .categories-list a:hover {
     -ms-transform: scale(1.02);
     -webkit-transform: scale(1.02);
     transform: scale(1.02);
}
 .categories-list img {
     width: 80px;
     height: 80px;
     padding: 3px;
}
 .categories-list h3 {
     overflow: hidden;
     display: flex;
     align-items: center;
     color: #000;
     font: bold 14px sans-serif;
     letter-spacing: 0px;
     background: #fff;
     flex-grow: 1;
     height: 100%;
     padding: 0 3px;
     border-radius: 0 16px 16px 0;
}
 .article-container {
     max-width: 580px;
     padding: 2px;
     margin: 2px;
     border: 1px solid transparent;
}
 .article {
     display: block;
     padding: 10px;
     margin: 0px 10px 10px 10px;
     font-size: 16px;
     color: #000;
     background-color: #fff;
}
 .article h1 {
     font-size: 20px;
     margin: 0 5px 5px 0;
}
 .article h3 ,h4{
     font-size: 16px;
}
 .breadcrumb{
    background:#fff;
    width:94%;
    padding:5px;
    margin: 1px 0 0 0;
    color:#616874
}
 .breadcrumb ul{
    margin: 0px;
    padding: 0px;
    list-style: none
}
 .breadcrumb li{
    display: inline
}
 .breadcrumb p{
    display: inline;
    color:#616874
}
 .breadcrumb a{
    font-size:14px;
    color:#616874;
    text-decoration: none
}
 .breadcrumb li:before{
    content:'>';
    margin:0 4px;
    color:#616874
}
 .breadcrumb li:first-child::before{
    content:none
}
 .article li {
     padding: 2px 0 0 0;
}
 .article a:hover {
     text-decoration: underline;
}
 #rating {
     display: flex;
     margin-bottom: 5px;
}
 .game-rating {
     margin-right: 5px;
     padding: 0 5px 0 3px;
     background: #5d6b842e;
}
 .rating-value {
     color: #000;
     font-size: 14px;
     font-weight: bold;
}
 .star-svg {
     margin-top: 3px;
}
 .votes {
     font-size: 14px;
     margin-left: 5px;
     padding: 1px 5px 1px 3px;
     color: #666;
     background: #5d6b842e;
}
 .votes-count {
     font-weight: bold;
     color: #000;
}
 .votes-label {
     margin-right: 5px;
}
 .faq-list {
     max-width: 580px;
     padding: 2px;
     margin: 2px;
     border: 1px solid transparent;
}
 .faq-list h3{
     font-size: 16px;
}
 .faq-list a{
     font-size: 16px;
     text-decoration: none;
     color: #054a91d1;
}
 .faq-list a:hover {
     color: #009cff;
     text-decoration: underline;
}
 .pagination{
     clear:both;
     padding:2px 20px 2px 10px;
     text-align: center;
}
 .pagination a {
     padding: 20px 28px;
     color: #fff;
     margin: 2px;
     border: 4px solid #fff;
     font-size: 17px;
     font-weight: 900;
     border-radius: 50%;
     background-color: #44a4f787;
     text-decoration: none;
     display: inline-block;
}
 .pagination b {
     padding: 20px 28px;
     color: #fff;
     margin: 2px;
     border: 4px solid #fff;
     font-size: 17px;
     font-weight: 900;
     border-radius: 50%;
     background-color: #4caf50;
     text-decoration: none;
     display: inline-block;
}
 .pagination a:hover:not(.active) {
     background-color: #2500fa30;
}
 #game-play {
     height: 100%;
     width: 100%;
}
 .gameIframeContainer {
     position: relative;
     width: 100%;
     height: 90%;
     overflow: hidden;
}
 .gameIframfullscreen {
     background: #000;
     width: 100vw;
     height: 100vh;
     left: 0;
     position: fixed;
     top: 0;
     z-index: 1;
}
 .gameFullscreen {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
}
 #gameIframe {
     float: left;
     position: absolute;
     width: 100%;
     height: 100%;
     border: none;
     overflow:hidden;
}
 .game-title {
     color: #fff;
     font-size: 24px;
     text-align: center;
     margin-bottom: 2px;
     text-shadow: 1px 1px 0 #00000025, -1px -1px 0 #00000025,1px -1px 0 #00000025,-1px 1px 0 #00000025;
}
 #loadingBarContainer {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 5px;
     background-color: #ddd;
     display: none;
}
 #loadingBar {
     height: 100%;
     background-color: #4caf50;
     width: 0;
}
 #openLinkContainer {
     position: absolute;
     top: 30%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
}
 .openLinkContainer img {
     position: absolute;
     width:50px;
     height: 50px;
}
 #game-filter{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
}
 .game-filter img {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     filter: blur(50px);
}
 #openLink {
     display: block;
     text-decoration: none;
     cursor: pointer;
     text-align: center;
}
 .openLink img {
     height: 100px;
     width: 100px;
     position: relative;
     filter:none;
}
 #playButton {
     width: 100px;
     height: 40px;
     padding: 6px;
     font-size: 18px;
     line-height: normal;
     font-weight: bold;
     text-align: center;
     top: 5px;
     background-color: #e64944;
     color: white;
     border: solid;
     border-radius: 6px;
     position: relative;
     overflow: hidden;
     animation: playButton-animation 1s infinite;
}
 @keyframes playButton-animation {
     0% {
         box-shadow: 0 0 0 0px rgba(240 240 246 / 79%);
    }
     100% {
         box-shadow: 0 0 0 10px rgba(193, 244, 246, 0);
    }
}
 #playButton:hover {
     transform: scale(1.1);
     transition: transform 0.3s ease-in-out;
     cursor: pointer;
}
 #loader {
     float: right;
     width: 20px;
     height:20px;
     border-radius: 50%;
     border: 4px solid #fff;
     border-right-color: orange;
     animation: l2 1s infinite linear;
}
 @keyframes l2 {
    to{
        transform: rotate(1turn)
    }
}
 #gradient-container {
     width: 100%;
     height: 100%;
     display: none;
     position: absolute;
     text-align: center;
     background: linear-gradient(to right, #161516ba, #0e0e0eab);
}
 #pulsating-button {
     position: absolute;
     text-align: center;
     top: 30%;
     left: 43%;
     width: 200px;
     font-size: 24px;
     font-weight: bold;
     color: #fff;
     background: #3498db;
     border: none;
     border-radius: 25px;
     cursor: pointer;
     animation: pulse 1.5s infinite;
     transition: background 0.3s ease-in-out, transform 0.3s ease-in-out;
}
 #pulsating-button:hover {
     background: #4aa6e3;
     transform: scale(2.5);
     animation-play-state: paused;
}
 @keyframes pulse {
     0% {
         transform: scale(1);
         box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.7);
    }
     50% {
         transform: scale(1.1);
         box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
    }
     100% {
         transform: scale(1);
         box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
    }
}
 .boxInfo {
     display: flex;
     right: 0;
     bottom: 0;
     left: 0;
     justify-content: space-between;
     align-items: center;
     background-color: #ffffff;
}
 .boxInfo .icon {
     display: flex;
     align-items: center;
     padding-left: 20px;
     margin: 5px 0 5px 0;
}
 .boxInfo .icon img {
     height: 40px;
     width: 40px;
     border-radius: 0 0 0 0;
     padding: 4px;
}
 .boxInfo h2 {
     font-size: 18px;
     font-weight: 500;
     color: #374151;
}
 .boxInfo .dislike {
     display: flex;
     margin: 0 0 0 10px;
     flex-direction: column;
     align-items: center;
     color: #4B5563;
     cursor: pointer;
}
 .boxInfo .dislike:hover {
     -ms-transform: scale(1.15);
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
}
 .boxInfo .dislike img {
     width: 29px;
     height: 22px;
     border-radius: 0 0 0 0;
}
 .boxInfo .like {
     display: flex;
     padding-right: 0.75rem;
     flex-direction: column;
     align-items: center;
     border-right-width: 1px;
     border-color: #D1D5DB;
     color: #4B5563;
     cursor: pointer;
}
 .boxInfo .like:hover {
     -ms-transform: scale(1.15);
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
}
 .boxInfo .like img {
     width: 29px;
     height: 22px;
     border-radius: 0 0 0 0;
}
 .vote {
     color: #4B5563;
     padding-right: 5px;
}
 .control-box {
     display: flex;
     direction: rtl;
     margin: 10px 0 5px 0;
}
 .boxInfo p {
     font-size: 12px;
     color: #646868ad;
     margin: 0;
}
 .boxInfo .game-name {
     padding: 4px 4px 0 4px 
}
 .fullscreen-button {
     cursor: pointer;
     background: #ffffff;
     border:0;
     padding:0 20px 0 30px;
}
 #fullscreen-icon:hover {
     -ms-transform: scale(1.15);
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
}
 #backButton {
     position: absolute;
     float: left;
     text-decoration: none;
     z-index: 101;
     top: 60px;
     width: 60px;
     height: 40px;
     background: #fff;
     color: green;
     font-size:20px;
     font-weight:bold;
     box-shadow: 0 16px 32px rgba(0,0,0,.24);
     border-radius: 0 10px 10px 0;
     overflow: hidden;
     display: none;
     justify-content: center;
     align-items: center;
     animation: mymove 2s;
     animation-iteration-count: 2;
}
 @keyframes mymove {
     from {
        top: 5px;
    }
     to {
        top: 70px;
    }
}
 #closeFullscreenBtn {
     position: absolute;
     z-index: 999;
     margin: 10px;
     width: 50px;
     height: 50px;
     top: 30px;
     font-size: 24px;
     padding: 0;
     border: none;
     background-color: #007bff99;
     color: #ffffff;
     display: none;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     border-radius: 25px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     transition: background-color 0.3s ease;
}
 #closeFullscreenBtn:hover {
     background-color: #0056b3;
}
 #closeFullscreenBtn:focus {
     outline: none;
}
 .not-supported-message {
     width:90%;
     margin: auto;
     color:#fff;
     font-size: 12px;
     font-weight:bold;
     text-align: center;
     text-shadow: 1px 1px 0 #00000025, -1px -1px 0 #00000050, 1px -1px 0 #00000050, -1px 1px 0 #00000050;
}
 .indicator {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 10px;
}
 .indicator span {
     width: 0;
     height: 0;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     border-top: 15px solid #fafa00;
     margin: 5px 0;
     display: inline-block;
     animation: indicatorMove 1s infinite alternate;
}
 @keyframes indicatorMove {
     from {
         opacity: 0.5;
         transform: translateY(-10px);
    }
     to {
         opacity: 1;
         transform: translateY(10px);
    }
}
 #popup-container {
     display: block;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: #fff;
     padding: 30px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     z-index: 1;
     text-align: center;
}
 #popup-container a[target="_blank"] {
     text-decoration: none;
}
 #popup-header {
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
}
 #icon-box {
     margin-bottom: 20px;
}
 #link-box {
     display: flex;
     margin-bottom: 8px;
     margin-top: 16px;
     width: 100%;
     position: relative;
     -webkit-box-align: center;
     align-items: center;
}
 #copy-btn {
     padding: 10px;
     font-size: 16px;
     color: #fff;
     background-color: #4CAF50;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s ease;
}
 #copy-btn:hover {
     background-color: #45a049;
}
 #close-popup-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     padding: 10px;
     font-size: 16px;
     color: #fff;
     background-color: #4CAF50;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s ease;
}
 #close-popup-btn:hover {
     background-color: #45a049;
}
 #show-icons-btn {
     padding: 10px 20px;
     font-size: 16px;
     color: #fff;
     background-color: #4CAF50;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s ease;
}
 #show-icons-btn:hover {
     background-color: #45a049;
}
 .gamelinkbox {
     direction: ltr;
     outline: 0px;
     width: 100%;
     font-size: 16px;
     font-weight: 700;
     resize: none;
     padding: 0px;
     border: 0px;
     background: none;
     color: rgb(134 135 144);
}
 .game-link {
     display: inline-block;
     padding: 10px;
     font-size: 16px;
     color: #333;
     background-color: #f2f2f2;
     border: 1px solid #ddd;
     border-radius: 4px;
     margin-right: 10px;
}
 .shareIcon {
     display: inline-block;
     fill: currentcolor;
     color: white;
     width: 30px;
     height: 30px;
}
 .faceIcon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     align-items: center;
     background: rgb(44, 100, 246);
     justify-content: center;
     display: inline-flex;
}
 .xIcon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     align-items: center;
     background: black;
     justify-content: center;
     display: inline-flex;
}
 .whatsIcon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     align-items: center;
     background: rgb(88, 190, 85);
     justify-content: center;
     display: inline-flex;
}
 .teleIcon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     align-items: center;
     background: rgb(45, 100, 188);
     justify-content: center;
     display: inline-flex;
}
 .redditIcon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     align-items: center;
     background: rgb(236, 101, 61);
     justify-content: center;
     display: inline-flex;
}
 .ui-autocomplete {
     overflow-y: auto;
     overflow-x: hidden;
     border: 1px solid #ccc;
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     position: absolute;
     z-index: 1000;
     padding: 0 !important;
     margin: 0 !important;
}
 .ui-menu-item {
     padding: 0;
     margin: 0;
     cursor: pointer;
     list-style: none;
     width: auto !important;
     padding: 0 !important;
     margin: 0 !important;
     border-bottom: 1px solid #ddd;
}
 .ui-menu-item:last-child {
     border-bottom: none;
}
 .ui-menu-item a {
     position: relative;
     text-decoration: none;
     color: #333;
     padding: 0 5px;
     top:-7px;
}
 .autocomplete-icon {
     margin-right: 0px;
     width: 30px;
     height: 30px;
     border-radius: 3px;
     overflow: hidden;
}
 .ui-menu-item div:hover {
     background-color: #f5f5f5;
}
 #suggestions {
     position: absolute;
     padding: 0;
     margin: 0;
     width: 400px;
     z-index: 999;
     background: #fff;
}
 #suggestions a:last-child {
     border-bottom: none;
}
 #suggestions a:hover {
     background-color: #f5f5f5;
}
 #suggestions img {
     margin: 0 5px 0 0;
     width: 30px;
     height: 30px;
     min-width: 30px;
     border-radius: 3px;
     overflow: hidden;
}
 #suggestions a {
     display: flex;
     align-items: center;
     text-decoration: none;
     color: #333;
     padding: 10px;
}
 .see-more-button {
     display: block;
     width: 100%;
     min-width: 12.3em;
     padding: 10px;
     background-color: #4caf50;
     color: white;
     border: none;
     cursor: pointer;
     font-weight: 700;
}
 .see-more-button:hover {
     background-color: #45a049;
}
 .multi-language-box {
     max-width: 400px;
     margin: 0 auto;
     overflow: hidden;
     direction: ltr;
}
 .multi-lang-column {
     width: 50%;
     float: left;
     box-sizing: border-box;
     padding: 20px;
}
 .country-list {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .country-item {
     margin-bottom: 15px;
}
 .cz {
     background-image: url(https://cdn.cdn-rix.com/images/flags/cz.svg);
     background-repeat: no-repeat;
}
 .dk {
     background-image: url(https://cdn.cdn-rix.com/images/flags/dk.svg);
     background-repeat: no-repeat;
}
 .uk {
     background-image: url(https://cdn.cdn-rix.com/images/flags/uk.svg);
     background-repeat: no-repeat;
}
 .es {
     background-image: url(https://cdn.cdn-rix.com/images/flags/es.svg);
     background-repeat: no-repeat;
}
 .fr {
     background-image: url(https://cdn.cdn-rix.com/images/flags/fr.svg);
     background-repeat: no-repeat;
}
 .hu {
     background-image: url(https://cdn.cdn-rix.com/images/flags/hu.svg);
     background-repeat: no-repeat;
}
 .nl {
     background-image: url(https://cdn.cdn-rix.com/images/flags/nl.svg);
     background-repeat: no-repeat;
}
 .it {
     background-image: url(https://cdn.cdn-rix.com/images/flags/it.svg);
     background-repeat: no-repeat;
}
 .de {
     background-image: url(https://cdn.cdn-rix.com/images/flags/de.svg);
     background-repeat: no-repeat;
}
 .no {
     background-image: url(https://cdn.cdn-rix.com/images/flags/no.svg);
     background-repeat: no-repeat;
}
 .tr {
     background-image: url(https://cdn.cdn-rix.com/images/flags/tr.svg);
     background-repeat: no-repeat;
}
 .pl {
     background-image: url(https://cdn.cdn-rix.com/images/flags/pl.svg);
     background-repeat: no-repeat;
}
 .br {
     background-image: url(https://cdn.cdn-rix.com/images/flags/br.svg);
     background-repeat: no-repeat;
}
 .ar {
     background-image: url(https://cdn.cdn-rix.com/images/flags/ar.svg);
     background-repeat: no-repeat;
}
 .ro {
     background-image: url(https://cdn.cdn-rix.com/images/flags/ro.svg);
     background-repeat: no-repeat;
}
 .fi {
     background-image: url(https://cdn.cdn-rix.com/images/flags/fi.svg);
     background-repeat: no-repeat;
}
 .se {
     background-image: url(https://cdn.cdn-rix.com/images/flags/se.svg);
     background-repeat: no-repeat;
}
 .pt {
     background-image: url(https://cdn.cdn-rix.com/images/flags/pt.svg);
     background-repeat: no-repeat;
}
 .id {
     background-image: url(https://cdn.cdn-rix.com/images/flags/id.svg);
     background-repeat: no-repeat;
}
 .si {
     background-image: url(https://cdn.cdn-rix.com/images/flags/si.svg);
     background-repeat: no-repeat;
}
 .country-item a {
     text-decoration: none;
     color: #333;
     display: flex;
     align-items: center;
     padding: 0 0 0 50px;
     font-size: 16px;
     font-weight: 600;
}
 .country-item img {
     width: 30px;
     height: 30px;
     padding: 0 3px 0px 0px;
}
 .chose-language {
     text-align: center;
     font-size: 20px;
     color: #000;
     font-weight: bold;
}
 .button-container {
     margin-top: 12px;
     position: relative;
     display: inline-block;
}
 .hover-button {
     margin-top: 10px;
     height: 27px;
     width: 40px;
     padding: 2px;
     background-color: #232527b5;
     color: #fff;
     text-decoration: none;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     transition: background-color 0.3s ease-in-out;
     background-image: url(https://cdn.cdn-rix.com/images/flags/nl.svg);
     background-repeat: no-repeat;
}
 .hover-button:hover {
     background-color: #000;
}
 .code-container {
     display: none;
     position: absolute;
     top: -310px;
     left: -200px;
     width: 450px;
     background-color: #fff;
     padding: 10px;
     inset: auto 0px 100% auto;
     border-radius: 16px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     transition: top 0.3s ease-in-out;
     z-index: 11;
}
 .button-container:hover .code-container {
     display: block;
}
 @media only screen and (max-width: 1900px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 1750px;
    }
     #links-container {
         max-width: 1750px;
    }
     .category-group {
         padding: 5px 0 0 20px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 17),90px);
         padding: 0 8px 0 8px;
    }
     .categories-list{
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 8),205.25px);
         padding:0 0 0 4px;
    }
     .category {
         width: 205.25px;
    }
     .gridGame {
         grid-gap: 12px;
         grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
         grid-template-rows: repeat(auto-fill,90px);
         padding: 0 4px 0 4px;
    }
     .gridGame .big {
         width: 784px;
         height: 590px;
         margin: 0 10px 10px 10px;
         grid-column: span 7;
         grid-row: span 6;
         grid-column-start: 3;
         grid-column-end: span 8;
    }
     #pulsating-button {
         left: 40%;
    }
}
 @media only screen and (max-width: 1750px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 1550px;
    }
     #links-container {
         max-width: 1550px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 15),90px);
         padding: 0 5.6px 0 5.6px;
    }
     .categories-list{
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 7),207.45px);
         padding: 0 0 0 5.6px;
    }
     .category {
         width: 207.45px;
    }
     .gridGame {
         padding: 0 4px 0 4px;
    }
     .gridGame .big {
         width: 784px;
         height: 590px;
         margin: 0 10px 10px 10px;
         grid-column-end: span 8;
    }
     #pulsating-button {
         left: 40%;
    }
}
 @media only screen and (max-width: 1550px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 1300px;
    }
     .wrap {
         max-width: 300px;
    }
     #suggestions {
         width: 300px;
    }
     #links-container {
         max-width: 1300px;
    }
     .category-group {
         padding: 5px 0 0 50px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 12),90px);
         padding: 0 34px 0 34px;
    }
     .categories-list{
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 6),192px);
         padding: 0 34px 0 34px;
    }
     .category {
         width: 192px;
    }
     .gridGame {
         padding: 0 34px 0 34px;
    }
     .gridGame .big {
         grid-column-start: 2;
         grid-column-end: span 8;
    }
     #pulsating-button {
         left: 40%;
    }
}
 @media only screen and (max-width: 1300px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 1150px;
    }
     #links-container {
         max-width: 1150px;
    }
     .more-btn {
         display: block;
    }
     .category-group {
         padding: 5px 0 0 20px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 11),90px);
         padding: 0 4px 0 4px;
    }
     .categories-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 5),215.6px);
         padding: 0 0 0 4px;
    }
     .category {
         width: 215.6px;
    }
     .gridGame {
         padding: 0 10px 0 10px;
    }
     #pulsating-button {
         left: 40%;
    }
}
 @media only screen and (max-width: 1150px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 1020px;
    }
     #links-container {
         max-width: 1020px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 10),90px);
         padding: 0 5.5px 0 5.5px;
    }
     .categories-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 5),192.6px);
         margin: 16px 7px 16px 7px;
         padding: 0 1px 0 1px;
    }
     .category {
         width: 192px;
    }
     .gridGame {
         grid-template-columns: repeat(var(--gridTemplateColumns, 10),90px);
         padding: 0;
    }
     .gridGame .big {
         width: 780px;
         height: 590px;
         margin: 0 10px 10px 0px;
         grid-column: span 7;
         grid-row: span 6;
         grid-column-start: 1;
         grid-column-end: span 8;
    }
     #pulsating-button {
         left: 40%;
    }
}
 @media only screen and (max-width: 1020px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 800px;
    }
     #links-container {
         max-width: 800px;
    }
    
     .category-group {
         padding: 5px 0 0 50px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 7),90px);
         padding: 0 39px 0 39px;
    }
     .gridGame {
         grid-template-columns: repeat(var(--gridTemplateColumns, 7),90px);
         padding: 0 39px 0 39px;
    }
     .gridGame .big {
         width: 780px;
         height: 580px;
         margin: 0 10px 0 0;
    }
     .gridGame .related {
         grid-column-start: auto;
    }
     .categories-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 3),239px);
         margin: 16px 10px 16px 10px;
         padding: 0 0 0 39px;
    }
     .category {
         width: 239px;
    }
     #gameIframeContainer {
         height: 89%;
    }
     #suggestions {
         left: -1px;
         width: 100%;
    }
}
 @media only screen and (max-width: 800px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 600px;
    }
     .wrap {
         width: 260px;
    }
     #links-container {
         max-width: 600px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 5),90px);
         padding: 0 41px 0 41px;
    }
     .categories-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 2),269px);
         padding: 0 0 0 30px;
    }
     .category {
         width: 269px;
    }
     .gridGame {
         grid-template-columns: repeat(var(--gridTemplateColumns, 5),90px);
         padding: 0 41px 0 41px;
    }
     .gridGame .big {
         width: 498px;
         height: 460px;
         grid-column-start: 1;
         grid-column-end: span 5;
         grid-row: span 4;
    }
     #gameIframeContainer {
         height: 86%;
    }
     .game-title {
         font-size: 18px;
    }
     .boxInfo h2 {
         font-size: 14px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         max-width: 280px;
    }
     .faceIcon, .xIcon, .whatsIcon, .teleIcon, .redditIcon {
         width: 40px;
         height: 40px;
    }
     .fullscreen-button {
         padding:0 20px 0 20px;
    }
     .link {
         display: block;
         height: auto;
    }
     .link a {
         white-space: normal;
         padding: 5px 3px 3px 3px 
    }
     .code-container {
         margin: 1px;
         width: 378px;
         padding: 10px 50px 10px 30px;
         inset: auto auto 100% auto;
    }
     .country-item a {
         text-decoration: none;
         color: #333;
         display: flex;
         align-items: center;
         padding: 0 0 0 50px;
         font-size: 16px;
         font-weight: 600;
         white-space: nowrap;
    }
}
 @media only screen and (max-width: 600px) {
     .fullscreen-button, .boxInfo .icon img{
         display:none;
    }
     .vote {
         padding-right: 10px;
    }
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 450px;
    }
     .wrap {
         width: 200px;
    }
     #links-container {
         max-width: 450px;
    }
     .category-group {
         padding: 5px 0 0 30px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 4),90px);
         padding: 0 17px 0 17px;
    }
     .gridGame {
         grid-template-columns: repeat(var(--gridTemplateColumns, 4),90px);
         padding: 0 17px 0 17px;
    }
     .gridGame .big {
         background: transparent;
         border-radius: 16px;
         width: 396px;
         height: 396px;
         grid-column-start: 1;
         grid-column-end: 5;
    }
     .categories-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 2),209px);
         padding: 0 0 20px 0;
    }
     .category {
         width: 209px;
    }
     #gameIframeContainer {
         height:77%;
    }
     #openLinkContainer {
         top:50%;
    }
     .game-title {
         width:250px;
    }
     .boxInfo h2 {
         max-width: 250px;
    }
     #pulsating-button {
         left: 30%;
    }
}
 @media only screen and (max-width: 500px) {
     .control-box {
         display:none;
    }
     .nav .categories-links, .main {
         max-width: 340px;
    }
     .header .bar {
         max-width: 380px;
         padding: 0 2px;
    }
     #links-container {
         max-width: 340px;
    }
     .link {
         max-width: 340px;
         display: block;
         height: auto;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 3),90px);
         padding: 0 13px 0 13px;
    }
     .gridGame {
         grid-template-columns: repeat(var(--gridTemplateColumns, 3),90px);
         padding: 0 13px 0 13px;
    }
     .gridGame .big {
         width: 294px;
         height: 294px;
         grid-column-start: 1;
         grid-column-end: 4;
    }
     .categories-list {
         grid-template-columns: repeat(var(--gridTemplateColumns, 1),280px);
         padding:0 15px 20px 0;
    }
     .categories-list .v {
         float:none;
    }
     .category {
         width:273px;
    }
     #pulsating-button {
         left: 27%;
    }
     .pagin {
         width: 300px;
    }
     .pagination a {
         padding: 10px 20px;
         font-size: 17px;
         font-weight: 700;
    }
     .pagination b {
         padding: 10px 20px;
         font-size: 17px;
         font-weight: 700;
    }
     .game-title {
         font-size: 14px;
    }
     .article h1 {
         font-size: 20px;
    }
     .boxInfo h2 {
         font-size: 12px;
    }
     .multi-lang-column {
         width: 100%;
         padding: 1px;
    }
     .code-container {
         margin: 1px;
         width: 320px;
    }
     .chose-language {
         margin-bottom: 10px;
    }
}
 @media only screen and (max-width: 400px) {
     .header .bar, .nav .categories-links, .main, .link {
         max-width: 300px;
    }
     .searchButton {
         display: none;
    }
     #form {
         direction: rtl;
    }
     .searchTerm {
         width: 30px;
         background: #148ffa url(https://cdn.cdn-rix.com/images/search.png) no-repeat center center;
         border: 2px solid #148ffa;
         background-size: 25px 25px;
         border-radius: 5px;
         cursor: pointer;
         padding: 5px 35px 5px 0;
    }
     .searchTerm:focus{
         direction: ltr;
         position: absolute;
         right: 0;
         top: -15px;
         left: -1;
         height: 33.3px;
         transition: width 0.3s ease, border 0.3s ease;
         width: 300px;
         border: 2px solid #148ffa;
         padding: 5px 2px 5px 7px;
         border-radius: 10px;
         background-color: white;
    }
     #suggestions {
         top: 38px;
    }
     .wrap {
         width: 140px;
    }
     .see-more-button {
         min-width: 8.6em;
    }
     .category-group {
         padding: 5px 0 0 5px;
    }
     .games-list {
         grid-gap: 12px;
         grid-template-columns: repeat(var(--gridTemplateColumns, 3),90px);
         margin: 16px 0 16px 0;
         padding: 0 3px 0 3px;
    }
     .large {
         width: 187px;
         height: 187px;
    }
     .pagin {
         width: 300px;
    }
     .games-list .large img {
         width: 187px;
         height: 187px;
    }
     .gridGame {
         grid-template-columns: repeat(var(--gridTemplateColumns, 3),90px);
         margin: 16px 0 16px 0;
         padding: 0 3px 0 3px;
    }
     #pulsating-button {
         left: 20%;
    }
     .boxInfo .game-name {
         padding-right: 2px;
    }
     .code-container {
         width: 278px;
         padding: 10px 30px 10px 30px;
    }
}