@charset "UTF-8";

/***/
.has-title .section-item {
    padding-top: 20px;
    padding-bottom: 55px;
}
.section-title-centered span.the-section-title {
    line-height: 1.4;
}
/********/


.filter>*:first-child {
    margin-top: 0;
}
.filter .f_title, .filter .title {
    font-weight: 500;
    margin: 20px 0 12px;
}

.genres_list .abba, .filter .abba {
    margin: 0 6px 6px 0;
}

.games_list .game_search {
    z-index: 10;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    align-items: flex-start;
    padding: 15px 0 10px 0;
}
.game_search .game_click {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.archive-meta{padding:10px 0 5px;}
.article_block{margin-bottom:20px;width:100%;box-sizing:border-box;}
.nbut.btn_big{font-size:initial;padding-top:12px;padding-bottom:12px;}
.nbut.btn_blue,.btn_blue{background:#866239;color:#fff;border-color:#866239;}
.nbut.btn_gray,.btn_gray{background-color:#ccc;cursor:not-allowed;}
.nbut.btn_green,.btn_green{background:#008710;background-color:#28a745;cursor:pointer;border-color:#008710;}
.nbut.btn_red,.btn_red{background:var(--brand-color);border-color:var(--brand-color);}
.but{border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-align:center;cursor:pointer;border:0;font:500 15px Roboto, sans-serif, arial, helvetica;color:#fff;box-shadow:0 1px 0px rgb(0 0 0 / 10%);display:inline-block;box-sizing:border-box;user-select:none;padding:9px 20px;}
.cancel-btn{background:#ff4c4c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;position:absolute;bottom:15px;right:15px;transition:background .3s;padding:10px 20px;}
.cancel-btn:hover{background:#e04343;}
.cat-box .entry{font-size:14px;}
.cat-box-preview-thumb{line-height:0!important;overflow:hidden;margin:0 -1px!important;}
.cat-box-preview-thumb .post-data{margin-top:-65px;width:100%;left:0;position:relative;line-height:normal;height:55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:linear-gradient(tobottom,rgba(0,0,0,0), rgba(0,0,0,0.88));padding:24px 16px 0 32px;}
.cat-box-preview-thumb img{background-size:cover;background-position:center;object-fit:cover;width:100%!important;max-height:310px;}
.info-box-content {min-height: 570px;}
.info-box-content .cat-box-preview-thumb img{background-size:cover;background-position:center;object-fit:cover;width:100%!important;max-height:150px;}
.category-link{display:block;color:var(--brand-color);text-decoration:none;}
.category-link:hover{text-decoration:underline;}
.check_your_pc .comp_name,.promo{margin-bottom:12px;font-size:16px;}
.check_your_pc .my_result .comp_name{font-weight:700;margin-bottom:12px;}
.check_your_pc .my_result .fa-exclamation-circle{color:#dcad76;}
.check_your_pc .my_result .img img{max-width:100%;border-radius:16px;}
.check_your_pc .my_result .result_row{border-radius:16px;margin-bottom:20px;border:#f2f2f2 1px solid;font-size:16px;padding:20px;box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);}

.dark-skin .check_your_pc .my_result .result_row{border:#454545 1px solid;font-size:16px;padding:20px;}

.check_your_pc .my_result .row{justify-content:normal;white-space:normal;align-items:baseline;display:inline-block;}
.check_your_pc .my_result .row .fa{margin-right:6px;}
.check_your_pc .my_result .row .fa-check-circle{color:#00c502;}
.check_your_pc .my_result .row .fa-times-circle{color:#bd1b1b;}
.check_your_pc .my_result .row.error{text-decoration-color:#ff0000c4;text-decoration-skip-ink:none;text-decoration-style:wavy;text-decoration-line:underline;text-underline-offset:2px;}
.check_your_pc .my_result .share_input{margin:12px 0;}
.check_your_pc .pc_check{margin-bottom:40px;}
.check_your_pc .pc_test_act_buttons,.check_your_pc .my_result,.check_your_pc .share,.check_your_pc .my_result .img,.check_your_pc .row,.gm_radius{margin:0 0 10px 0;}
.check_your_pc .row{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;}
.check_your_pc .row .inputparent2{width:100%;margin-right:12px;}
.close{position:absolute;top:10px;right:15px;font-size:24px;color:#fff;cursor:pointer;}
.copybut{transition:background-color .3s ease;}
.description.active{max-height:200px;overflow:hidden;position:relative;}

.description.active:after{content:"";height:120px;background:linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(255 255 255));position:absolute;bottom:0;width:100%;left:0;}
.dark-skin .description.active:after{background:linear-gradient(to bottom,rgba(60,60,60,0), rgba(31,32,37,1));}

.description_btn{position:relative;text-align:center;}
.e3lan-cell{width:100%;display:block;float:none;text-align:center;line-height:0;padding:0;}
.entry .lSSlideOuter ul li{list-style-type:none;list-style-image:none;}
.error-message{color:red;font-size:12px;margin-top:5px;}
.fa{font-size:larger;}
.filter-buttons{margin-bottom:20px;text-align:center;}

.filter-buttons button{border:none;background-color:#f2f2f2;border-radius:40px;cursor:pointer;margin:5px;padding:10px 20px;}
.dark-skin .filter-buttons button{background-color:#1f2024;color: #fff;}

.dark-skin .filter-buttons button.active, .filter-buttons button.active{background-color:var(--brand-color);color: #fff;}
.game-requirements{border:1px solid #ddd;background-color:#f9f9f9;margin-top:20px;padding:15px;}



.gm_radius,.bg_radius,.radius{/*background-color:#f2f2f2;*/box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);border-radius:5px;padding:12px;}
.dark-skin .gm_radius,.bg_radius,.radius{background-color:#1f2024;}
.game_header{margin-bottom:12px;background-color:#fdfdfd;box-shadow: 0 1px 0 1px rgb(0 0 0 / 4%);border-radius:5px;}


.dark-skin .game_header, .dark-skin .gm_radius, .dark-skin .bg_radius, .dark-skin .radius, .dark-skin .gp_lb
{background-color:#1f2024;margin-top: 25px;line-height: normal;}

.game_header .bh{display:flex;align-items:flex-start;width:100%;}
.game_header .desc p,.game_header .rads{line-height:22px;width:100%;font-size:100%;margin:5px 0 0;}
.game_header .game_rank{display:flex;line-height:20px;font-size:15px;}
.game_header .game_rank .who{font-weight:500;}
.game_header .game_rank>*{margin-right:5px;}
.game_header .header_info{display:inline-flex;flex-wrap:wrap;align-items:flex-start;}
.game_header .header_info .desc{line-height:22px;min-width:100%;}
.game_header .header_info .pic{width:100%;height:auto;vertical-align:bottom;}
.game_header .header_main_info,.sort .sort-menu{width:100%;padding:10px 0 10px 20px;}
.game_header .img_holder{width:100%;border-radius:5px;margin-bottom:2px;overflow:hidden;}
.game_header .img_holder:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;box-shadow:inset 0 0 25px rgb(0 0 0 / 10%);pointer-events:none;}

.game_header .game_rank .stars .fa {
  vertical-align: top;
  margin-right: 1px;
  line-height: 18px;
  font-size: 15px;
  pointer-events: none;
}
.game_header .stars .fa {
  color: #ffcb00;
}.fa-star1::before {
  content: "\f009";
}
    .game_header .game_rank .lnk, .game_header .game_rank .num, .game_header .game_rank .num .l_ks {
  font-size: 15px;
}

.game_header .gres {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  margin-bottom: 12px;;
}

   .gres,  .gres .l_ks {
  margin: 5px 6px 6px 0;
    margin-bottom: 6px;
}
    .abba {
  padding: 5px 12px;
  border-radius: 15px;
  font-weight: 400;
  box-shadow: none;
}
    
    
    
    .abba {
  padding: 5px 9px;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  text-align: center;
  cursor: pointer;
  background: #f2f2f2;
  border: 0;
    font-weight: 500;
 /* color: #fff;*/
  box-shadow: 0 1px 0px rgb(0 0 0 / 10%);;
  display: inline-block;
  box-sizing: border-box;
  user-select: none;
}
.dark-skin .abba {background: #1f2024;}
    
.abba:hover,.ab:hover,.nbut:hover,trix-toolbar .trix-button:hover,.sfbutton:hover,.plusbut:hover,.but:hover,.newselect:hover,.ui-dialog-buttonpane .ui-button:hover,.morethat.in_block:hover,.top_games .more:hover {
        background-color: #3c3c3c;
    color: #fff;
    }
    
    .l_ks, .roulette_balance a, .list-items .gatx {
    text-decoration-color: #ffffff5c;
    text-underline-offset: 2px;
    text-decoration-thickness: .1em;
    text-decoration-line: none;
}

.game_header .rate{background:#f2f2f2;border-radius:5px;width:100%;box-sizing:border-box;padding:3px 3px;}
.dark-skin .game_header .rate{background:#1f2024;}

.game_header h2{font-size:21px;margin:0 0 8px;}
.game_header.collapsed .desc p,.game_header.collapsed .rads{margin:6px 0 0;}
.game_header.collapsed .game_rank{margin-right:var(--spad);margin-top:7px;}
.game_header.collapsed .header_info{flex-wrap:nowrap;}
.game_header.collapsed .header_main_info{display:inline-flex;flex-wrap:wrap;}
.game_header.collapsed .header_main_info h2 .header_link{font-size:21px;color:#fff;}
.game_header.collapsed .header_main_info h2,.entry .lSSlideOuter ul,.entry ul{margin:0;}
.game_header.collapsed .img_holder{margin-right:12px;width:285px;min-width:285px;}
.game_header.collapsed .img_holder .pic{min-height:150px;object-fit:cover;margin-bottom:0;height:150px;opacity:0;transition:opacity 300ms;transform:translateZ(0);backface-visibility:hidden;}
.game_header.collapsed .img_holder .pic.lazyloaded{opacity:1;}
.game_header.collapsed .rads.rate{display:flex;background:none;border-radius:0;margin-top:6px;flex-wrap:wrap;padding:0;}
.game_menu_parent{white-space:nowrap;width:100%;margin-bottom:12px;box-sizing:border-box;position:relative;overflow:hidden;}
.game_menu_parent .menu{display:flex;list-style:none;transition:transform .3s ease;overflow:hidden;margin:0;}

.hidden{display:none;}
.info-box .cat-box-content{border-radius:15px;}
.info-box-content .desc p{font-size:95%;margin-bottom:5px;max-height:125px;overflow:hidden;position:relative;}
.info-box-content .desc p:after{content:"";height:90px;background:linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(255 255 255));position:absolute;bottom:0;width:100%;left:0;}
.dark-skin .info-box-content .desc p:after{background:linear-gradient(to bottom,rgba(60,60,60,0), rgba(31,32,37,1));}
.info-box-img{background-size:cover;background-position:center;object-fit:cover;width:100%!important;max-height:180px;}


.fast_review textarea.input2{background:#f2f2f2;}
.dark-skin .fast_review textarea.input2{background:#494949;}

.fast_review_wrap.loaded .fast_review_footer.rates {
  margin-bottom: 20px;
}
.fast_review_footer {
  margin-top: 12px;
}
    .fast_review_footer .userrate {
  user-select: none;
}
    .userrate .rmenu {
  display: flex;
  white-space: nowrap;
  align-items: flex-start;
}
.userrate .rate_result, .fast_review_wrap .review_title, .fast_review_wrap .rmenu, .fullrates .rates .summary .disconnect .summary_change, .userrate .addmore, .fast_review_footer .user_rates {
  margin-bottom: 20px;
}
    .frat, .userrate .addmore, .fast_review_wrap .review_title {
  display: inline-block;
  width: 100%;
}
.userrate .rate_result, .fast_review_wrap .review_title, .fast_review_wrap .rmenu, .fullrates .rates .summary .disconnect .summary_change, .userrate .addmore, .fast_review_footer .user_rates {
  margin-bottom: 20px;
}
    .userrate .rmenu .abba {
  margin-left: 12px;
}
.ui-dialog-titlebar {
  display: none;
}
 
    
    

    
    .download_page .title, .reviews_main .mh2, .gamepage .mh2 {
  margin: 0 0 20px;
}
    
    
.ui-dialog-buttonpane .btn_blue, .btn_blue {
  background: #866239;
  border-color: #866239;
  color: #fff;
}
    
.ab, .abba {
  padding: 5px 12px;
  border-radius: 15px;
  font-weight: 400;
  box-shadow: none;
}
    .userrate .actual {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 12px;
}
.userrate .summary_rate_row, .userrate .summary, .userrate .actual, .shortrates_rated .rate_result {
  font-size: 28px;
  line-height: 35px;
}
    
    .review .fullrates .summary .summary_rate, .shortrates_rated .rated, .userrate .yourate2, .userrate .summary_rate {
  font-weight: 500;
  width: 35px;
  display: inline-block;
  margin-right: 12px;
  color: #fff;
}
    
    .usersreviews .stars_rating, .fast_review_wrap .stars_rating {
  vertical-align: top;
  line-height: 29px;
}
    .fast_review_footer .shortrates .user_rates {
  margin: 0 auto 20px;
  width: 100%;
  max-width: 400px;
}

}
.ui-slider-handle span {
  position: absolute;
  top: 22px;
  white-space: nowrap;
}
    .userrate .fullrates_rated .changerate, .userrate .makerate {
  float: right;
}
    
    .fast_review {
  position: relative;
}
    .fast_review_footer {
  margin-top: 12px;
}
    
    .fast_review_footer .se {
  text-align: right;
}
    .fast_review_wrap.focus .guest {
  display: block;
  text-align: left;
}
.mobile .frat, .fullrates .rate, .frat .rated_row, .fullrates .rate_row, .fast_review_footer .guest .captcha, .fast_review_footer .guest, .fast_review_footer .chatdate {
  margin-bottom: 12px;
}
    .fast_review_footer .guestname {
  margin: 0 12px 12px 0;
}
    .fast_review_wrap .r_buttons {
  display: flex;
  justify-content: right;
}
.fast_review_footer .se {
  text-align: right;
}



.r_cnt_rates .game_ratings {
    display: flex;
    align-items: flex-start;
}
    .r_cnt_rates .rates_chart {
    display: flex;
    justify-content: center;
    width: 100%;
}
    
    .r_cnt_rates .rates_chart .total {
  position: relative;
  background: conic-gradient(
    #62cc61 0 calc(var(--green)),
    #ffcb2e calc(var(--green)) calc(var(--green) + var(--yellow)),
    #ff4d4d calc(var(--green) + var(--yellow)) calc(var(--green) + var(--yellow) + var(--red))
  );
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin-right: 20px;
  min-width: 130px;
}
    
    .r_cnt_rates .rates_chart .total_text {
    background:#f2f2f2;
    border-radius: 50%;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.dark-skin  .r_cnt_rates .rates_chart .total_text {background: #1f2024;}
    
    .r_cnt_rates .rates_chart .total_text .num {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
}
.r_cnt_rates .rates_chart .total_text .text {
    font-size: 13px;
    color:#929292;
}
.r_cnt_rates .rates_chart .details {
    flex-wrap: wrap;
}

.r_cnt_rates .rates_chart .details_row, .r_cnt_rates .rates_chart .details {
    display: flex;
    width: 100%;
}
    
    .r_cnt_rates .rates_chart .details_row {
    align-items: center;
}
    .r_cnt_rates .rates_chart .details_row .fa {
    font-size: 21px;
}
    .fa-laugh:before {
    content: "\f599";
}
    .fa-meh:before {
    content: "\f11a";
}
    .fa-angry:before {
    content: "\f556";
}
    .r_cnt_rates .rates_chart .perc_f {
    margin-left: 12px;
}
.gupl_parent, .r_cnt_rates .rates_chart .perc_f, .frat .ratebar {
    position: relative;
    height: 12px;
    width: 100%;
    background: #929292;
    border-radius: 10px;
    overflow: hidden;
    flex: 1;
}
    
    .r_cnt_rates .rates_chart .perc.gre {
    background: #62cc61;
}
    .r_cnt_rates .rates_chart .perc.yel {
    background: #ffcb2e;
}
    .r_cnt_rates .rates_chart .perc.red {
    background: #ff4d4d;
}
.r_cnt_rates .rates_chart .perc {
    width: var(--perc);
}
.gupl_parent .gupl, .r_cnt_rates .rates_chart .perc, .frat .ratebar span {
    position: absolute;
    left: 0;
    height: 100%;
    background: linear-gradient(45deg, var(--light-blue), var(--white-blue));
    border-radius: 10px;
}
    .r_cnt_rates .rates_chart .perc_n {
    width: 45px;
    margin-left: 12px;
}


.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 500px;
    background-color:rgba(0,0,0,0.5);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.modal-content {
    padding: 20px;
    position: relative;
    cursor: grab;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    background:#1f2024;
    border-radius:12px;
}

.modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
}

.modal.hidden {
    display: none;
}

.modal-list {
    max-height: 300px;
    overflow-y: auto;
    list-style: none;
    padding: 0;
    margin: 10px 0;
    border-radius: 4px;
}

.modal-list li {
    padding: 10px;
    background:#414141;
    color:#fff;
    border-radius:8px;
    margin-bottom:8px;
    cursor:pointer;
    transition:background .3s;
    padding:10px;
}
    
.modal-list li:hover {
    background-color: #525252;
}
.modal-cancel-btn{margin-top:50px;}
.search-bar {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #3c3c3c;
    border-radius: 4px;
}
.suggestions{ 
    position:absolute;
    background:#f2f2f2;
    border:1px solid #3c3c3c;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    max-height:150px;
    overflow-y:auto;
    z-index:1000;
    list-style:none;
    width: 100%; /* Устанавливаем ширину равной ширине родителя */
    margin:0;
    padding:0;
}
.dark-skin .suggestions{background:#1f2024;}
.suggestions li{
    padding: 10px;
    background:#f2f2f2;
    border-radius:8px;
    margin-bottom:8px;
    cursor:pointer;
    transition:background .3s;
    padding:10px;
}
.dark-skin .suggestions li{background:#1f2024;}
.suggestions li:hover{background-color:#d0d0d0;}
.dark-skin .suggestions li:hover{background-color:#494949;}

    

/* Для обеспечения точного совпадения с шириной поля ввода */
.inputparent2 {
    position: relative; /* Убедимся, что ul позиционируется относительно родителя */
}
    
@media (max-width: 500px) {
    .check_your_pc .row {
        display: block;
    }

    .open-modal-button {
        margin-top: 10px;
    }

    .nbut {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        box-sizing: border-box;
    }
}
@media (max-width: 600px) {
    .modal {
        width: 95%;
    }
    #submit-button {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center;
        box-sizing: border-box;
    }
}

.input2.error{border:1px solid red;}
.menu li{display:inline-block;margin:0 5px;}
.menu li i,.btn .fa,.nbut .fa{margin-right:8px;}
#scrollable-menu > li.active a, .filter-menu a.active {
    background:var(--brand-color);
    color:#fff;
}

.nbut{border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-align:center;cursor:pointer;/*background:#434343;*/border:0;font:500 15px Roboto, sans-serif, arial, helvetica;color:#fff;box-shadow:0 1px 0px rgb(0 0 0 / 10%);display:inline-block;box-sizing:border-box;user-select:none;width:100%;max-width:250px;margin:0 auto 2px;padding:9px 20px;}
.page-title{font-size:24px;}
.pagination a{text-decoration:none;border:1px solid #5a5a5a;color:#000;margin:0 1px;padding:5px 10px;}
.pagination a.active{background-color:var(--brand-color);color:#fff;border-color:var(--brand-color);}
.pane .info, .page-descr .info {font-size:initial;margin:0 0 20px;}
.pane ul{margin:5px 0 10px 16px;}
.pane ul li{list-style:outside disc;list-style-type:disc;list-style-image:none;list-style-position:outside;}
.pc-check-form .input2{background:#f2f2f2!important;border-radius:8px;transition:border .4s, box-shadow .4s;appearance:none;outline:none;border:0;width:100%;box-sizing:border-box;font-size:16px;font-family:inherit;vertical-align:top;resize:vertical;height:auto;margin:0;padding:12px 15px;}
.dark-skin .pc-check-form .input2{background:#494949!important;}

.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;color:#FFF;background-color:rgba(0,0,0,0.6);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:15px;}
.post-inner{padding:0 20px;}
.preview-box{clear:both;}
.preview-box .cat-box-content{position:relative;padding:20px 20px 0;}
.rads{width:100%;line-height:22px;font-family:var(--main-font);margin:2px 0 10px;}
.requirement-item{font-size:15px;margin-bottom:5px;}
.requirement-item strong{font-weight:700;color:#333;}
.requirements{margin-bottom:20px;}
.search-bar{background:#494949;border-radius:8px;appearance:none;outline:none;border:0;width:100%;color:#fff;font-size:16px;margin:0 0 15px;padding:12px 15px;}
.sh_left{left:0;}

.sh_left i,.sh_right i{font-size:24px;width:36px;height:36px;line-height:36px;background:#f2f2f2;border-radius:50%;box-shadow:0 1px 0 1px rgba(0,0,0,0.04);transition:transform .3s ease, background .3s ease;}
.sh_left:hover i,.sh_right:hover i{transform:translateX(-5px);background:#b3b3b3;}
.sh_right:hover i{transform:translateX(5px);background:#b3b3b3;}
.dark-skin .sh_left i, .dark-skin  .sh_right i{background:#1f2024;}
.dark-skin .sh_left:hover i, .dark-skin .sh_right:hover i{background:#444;}

.sh_left,.sh_right{position:absolute;top:0;bottom:0;width:65px;background:linear-gradient(toright,rgba(52,52,52,1), rgba(52,52,52,0));text-align:center;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center;transition:transform .3s ease, opacity .3s ease;}

.sh_left:hover,.sh_right:hover{transform:scale(1.1);opacity:1;}
.sh_right{right:0;background:linear-gradient(toleft,rgba(52,52,52,1), rgba(52,52,52,0));}

.share_input{display:flex;white-space:nowrap;align-items:center;}
.share_input .input2,.check_your_pc .pc_test_act_buttons .btn_green{margin-right:12px; width: 100%;}
.slider-box{margin-bottom:5px;}
.slider-box .slider-box-content{padding:8px;}
.slider-box-content{background:#FFF;border-bottom:4px solid var(--brand-color);-webkit-box-shadow:0 0 3px #CACACA;-moz-box-shadow:0 0 3px #cacaca;box-shadow:0 0 3px #CACACA;}
.sort{display:flex;}
.sort form select{box-sizing:border-box;width:100%;}
.star{font-size:24px;color:#ccc;cursor:pointer;transition:color .2s ease-in-out;}
.star.selected,.star:hover,.star:hover ~ .star{color:#FFD700;}
.who, .score, .stars{display:inline-block; margin: 0 5px 0 0}
.test-btn{position:relative;text-align:center;width:100%;padding:12px 0 20px;}
.user-rate{float:right;width:130px;}





.wbut{background:#f2f2f2;box-shadow:0 1px 0 1px rgba(0,0,0,0.04);border-radius:40px;line-height:36px;display:inline-block;text-decoration:none;font-size:14px;user-select:none;transition:background .3s ease;padding:0 20px;}
.wbut:hover{background:#444;color:#fff;}
.dark-skin .wbut{background:#1f2024;}
.dark-skin .wbut:hover{background:#444;}

.gm_radius .sort select {background-color: #fff}
.dark-skin .gm_radius .sort select {background-color: #383838}

.dark-skin .filter_list.gm_radius {
    background-color:unset;
}

.dark-skin .slider-box-content{background-color:#3c3c3c;-webkit-box-shadow:0 0 3px #2A2A2A;-moz-box-shadow:0 0 3px #2A2A2A;box-shadow:0 0 3px #2A2A2A;}
div.post-meta{color:#888;font-size:85%;line-height:20px;margin:0;}
div.post-meta a{color:#888;}
div.post-meta a:hover{border-bottom:1px #000 dotted;color:#000;text-decoration:none;}
.post-meta span{margin-right:2px;}
@media (max-width: 500px) {
.check_your_pc.row{display:block;}
.nbut{widthslider-boxgin:12px 10px;}
.modal-content{width:100%;}
}

@media max-width 768px {
.game_gallery{grid-template-columns:repeat(2,1fr);gap:10px;}
.game_gallery img{height:150px;}
}
@media max-width 480px {
.game_gallery{grid-template-columns:1fr;gap:10px;}
.game_gallery img{height:150px;}
}
@media only screen and max-width 1245px {
.cat-box-preview-thumb img{margin-right:0!important;margin-left:0!important;width:100%!important;max-width:100%!important;}
}