/*=============================================================*/
/* Theme: Repack-Byrutor
/* Version: 1.0.1
/* Copyright (c) 2020 https://shopthemes.ru/ and http://art-ucoz.ru/
/* Design Autor: Roman Buger
/*=============================================================*/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Nunito', sans-serif;font-size: 16px; background: #6d9fbc url('../images/game_back.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover; color: #1d2333; line-height: 1.5;}
a {text-decoration: none;border: none;outline: none;font-weight: 500;transition: all 0.3s ease 0s;color: #8e740c;}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%;}
textarea {font-size:14px;}

.btn,
.ui-button,
.pm .bbcodes,
#pm-menu a,
input.bbcodes {
   background-color: #ffd441;
   color: #1d2333 !important;
   font-weight: 600;
   border-radius: 3px !important;
   padding: 7px 25px;
   box-shadow: none !important
}
.btn:hover,
.ui-button:hover,
.pm .bbcodes:hover,
#pm-menu a:hover,
.mass_comments_action .bbcodes:hover,
input.bbcodes:hover {
   background-color: #1d2333;
   color: #ffd441 !important;
}
.ui-button {font-size:12px;}

/* .topwrap {margin:50px auto;max-width:90%;background:#fff;border-radius:10px;min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:space-between;} */
.topwrap {margin:50px auto;max-width:1170px;min-width: 320px;background:#fff;border-radius:10px;min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:space-between;}
.contwrap {flex:1;display:flex;flex-wrap:wrap;}
.aside {flex:0 0 350px; max-width: 350px; border-right: 1px solid #eaeaea;}
.centercont {flex:1}
#dle-content {display:flex;flex-wrap:wrap; padding: 7.5px;}
#dle-content .short-news {flex: 0 0 50%; max-width: 50%;}
.centercont.block #dle-content {padding: 0;display: block;}

.nameblock {font-size: 20px; border-left: 2px solid #7b90a1; padding: 15px 20px 20px;border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;}
.nameblock svg {height:20px;width:20px;margin-right:10px;fill:#ffd441;}
.nameblock span {display:block;font-size:12px;font-weight:500;margin-top: -3px;color:#999;}
.nameblock2 {font-size: 1em; padding: 10px 20px;background: #f4f4f4;}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header {position: relative;}
.wraptophead {position: relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wrapheadbot {background: #7b90a1;}


/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {display:inline-flex;align-items:center;font-weight:900;text-transform:uppercase;font-size:20px;padding: 15px 20px;}
.logo a {font-weight:900;color: #1d2333;}
.logo::before {content: ''; width: 32px; height: 32px; background: url('../images/logo.png');display: inline-block; margin-right: 10px;}
.logo span {color:#22bf22;display:inline-block;padding-left:3px}


/*=============================================================*/
/* NAV TOP
/*=============================================================*/
.topmenunav {flex:1;display:flex;flex-wrap:wrap;padding:0 15px}
.topmenunav button {color:#1d2333;background:none;display:flex;align-items:center;flex-wrap:nowrap;font-weight:600;font-family:'Nunito',sans-serif;font-size:14px}
.topmenunav button [class^="ri-"] {font-size:16px;margin-left:5px}
.topmenunav .subbmenu {border:none;margin:5px 0 0;min-width:180px;border-top:3px solid #22bf22;border-radius:0}
.topmenunav .subbmenu ul {padding: 0;}
.topmenunav .subbmenu li {list-style: none;}
.topmenunav .subbmenu li a {color:#1d2333;display:flex;align-items:center;flex-wrap:nowrap;padding:4px 15px;white-space:nowrap;font-weight:400}
.topmenunav .subbmenu li a:hover {background:#f4f4f4}
.topmenunav .dropdown.open {background:#f7f7f7;border-radius:3px}
.wraptophead span.nav-mob {display:none}
.wraptophead button[class*="mob_"] {padding:0 7px;background:transparent;color:#1d2333}
.wraptophead button[class*="mob_"] i {font-size: 20px;}


/*=============================================================*/
/* USER PANEl
/*=============================================================*/
.user_panel {display: inline-flex; padding: 15px 20px;}
.user_panel button {background:transparent;color:#3e3f5e;display:inline-flex;align-items:center;font-weight:700;font-family: 'Nunito', sans-serif;padding:0}
.user_panel button img {border-radius: 5px; width: 28px;height: 28px; display: block; object-fit: cover; margin-right: 15px;}
.login_form li {margin-bottom: 20px;}
.login_form input {border-radius:3px;display:block;background:#f7f7f7;border:1px solid #ddd;box-shadow:none;width:100%!important;height:38px!important}
.login_form input:focus {background:#f7f7fb;box-shadow:none !important}
.login_form__foot {display:flex;justify-content:space-between;}
.login_form__foot a {color: #1d2333;}
.login_form__foot a:hover {text-decoration: underline;}
.avatar_modal {display:flex;justify-content:center;margin-bottom:20px}
.avatar_modal img {width:40px;height:40px;display:block;object-fit:cover;border-radius:5px}


/*=============================================================*/
/* MODAL
/*=============================================================*/
.modal {position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:0;background-color:transparent;overflow:hidden;transition:background-color .25s ease;z-index:9999}
.modal.open {position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);transition:background-color .25s}
.modal.open>.content-wrapper {transform:scale(1)}
.modal .content-wrapper {width:300px;margin:0;padding: 10px 20px 20px 20px;background-color:#fff;border-radius:3px;transform:scale(0);transition:transform .25s;transition-delay:.15s; border-top: 5px solid #ffd441;}
.modal .content-wrapper .close {position:absolute;top:7px;right:10px;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background-color:transparent;font-size:1.5rem;transition:.25s linear}
.modal .content-wrapper .close:before,
.modal .content-wrapper .close:after {position:absolute;content:'';width:1.25rem;height:.125rem;background-color:#8f91ac}
.modal .content-wrapper .close:before {transform:rotate(-45deg)}
.modal .content-wrapper .close:after {transform:rotate(45deg)}
.modal .content-wrapper .close:hover {transform:rotate(360deg)}
.modal .content-wrapper .close:hover:before,
.modal .content-wrapper .close:hover:after {background-color:#f46843}
.modal_content {line-height: 24px;}
.modal_content li {list-style: none;}
.modal_content li a {color: #1d2333;display:flex;padding:4px 20px;font-weight:600;border-radius:3px;justify-content:space-between}
.modal_content li a:hover {background: #f4f4f4;color: #1d2333;}
.modal_head {font-weight:700;font-size:16px;display:flex;justify-content:center;margin-bottom:20px}
.modal_ava {display:flex;justify-content:center; margin-bottom: 20px;}
.modal_ava img {width:40px;height:40px;display:block;border-radius:50px;object-fit:cover}
.modal .btn_content {display: flex;justify-content: center; margin-top: 20px;}
.modal .logout, .modal .login {color: #1d2333;font-weight:600;border-radius:3px;padding:7px 25px}
.modal .logout {background: #ffd441;}
.modal .login {background: #ffd441;}
.modal .logout:hover, .modal .login:hover {opacity:.85}


/*=============================================================*/
/* SEARCH
/*=============================================================*/
.search {padding: 15px 20px;}
.search form {position: relative;}
.search input {width:100%;border:none;height:35px;background:#f4f4f4;padding:0 48px 0 15px;font-family:'Nunito',sans-serif;color:#5d5d5d; border-radius: 3px;}
.search button {position: absolute; top: 0; right: 0; bottom: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border-left: 1px solid #ffe487; border-radius: 0 3px 3px 0;}
.search svg {width:18px;height:18px;fill:#969285;transition:all ease-in-out .2s;}
.search button:hover svg {fill:#1d2333;}


/*=============================================================*/
/* CAROUSEL
/*=============================================================*/
.caroublock {padding: 15px 20px; position: relative;height: 310px;}
.caroublock .nameblock {display: flex; align-items: center; padding: 0; margin-bottom: 20px; border: 0; }
#carousel {position: relative;border-radius: 5px;}
#carousel .carousel_poster {position: relative;height:210px;background:#f2f2f2;border-radius:5px;overflow:hidden; margin-bottom: 5px;}
#carousel .carousel_poster img {display: block; width: 100%; height: 100%; object-fit: cover;transition:all ease-in-out .2s}
#carousel .owl-nav {position:absolute;top:-42px;right:0;display:inline-flex;align-items:center;justify-content:space-between;width:70px}
#carousel .owl-nav button {height:28px;width:28px;display:inline-flex;background:#ffe487;align-items:center;justify-content:center;border-radius:3px}
#carousel .owl-nav button:hover {transition:all ease-in-out .2s;background:#1d2333;}
#carousel .owl-nav svg {fill:#1d2333;width:24px;height:24px;transition:all ease-in-out .2s;}
#carousel .owl-nav button:hover svg {fill:#f9d55b;}
#carousel .owl-stage-outer {border-radius:5px;}
#carousel .item .item_title {font-size:14px;line-height:1.2;padding:0 5px;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#carousel .item .item_title a {font-weight:700;color: #272727;}
#carousel .item:hover .carousel_poster img {filter:brightness(.85);}

/*=============================================================*/
/* foot
/*=============================================================*/
.foot {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:15px;font-size:12px;color:#9b9b9b;background:#292929;border-radius:0 0 10px 10px;font-weight:500;}
.foot .counter img {display: block;}
.foot a {color:#9b9b9b;}
.foot a:hover {text-decoration: underline;}


/*=============================================================*/
/* short-news
/*=============================================================*/
.short-news { padding: 12px; position: relative;margin-bottom: 10px;}
.short-news .s-poster {height:200px;background:#f2f2f2;border-radius:5px;overflow:hidden;margin-bottom:5px; position: relative;}
.short-news img {width:100%;display:block;height:100%;object-fit:cover;transition:all ease-in-out .2s;}
.short-news:hover .s-poster img {filter:brightness(.85);}
.short-news .update {position:absolute;right:10px;bottom:10px;background:#22bf22b8;color:#fff;font-size:12px;font-weight:600;display:inline-block;padding:2px 7px;border-radius:5px;}
.short-news .item_title {overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
.short-news .item_title a {font-weight:700;font-size:15px;color:#1d2333;}
.short-news .s-info {display: flex; align-items: center; justify-content: space-between;margin-top: 5px;}
.short-news .date {font-size:12px;font-weight:600;color:#a4a4a4;}
.short-news .size {font-size:12px;font-weight:700;color:#8e740c;background:#ffe487;padding:2px 5px;border-radius:3px; display: inline-block; text-transform: uppercase;}


/*=============================================================*/
/* ASIDE BLOCK
/*=============================================================*/
.side-bl-title {font-weight:700;margin-bottom:10px; text-transform: uppercase;}
.side-bl-title span {color:#22bf22;}
.side-bl {border-top:3px solid #dbdbdb;padding:20px;}
.side-bl li {list-style: none;}
.side-bl li a {color:#1d2333;padding:3px 0;display:inline-flex;}
.side-bl li a:hover {text-decoration:underline;}
.side-bl .cat_menu {display:flex;flex-wrap:wrap;}
.side-bl .cat_menu li {flex: 0 0 50%; max-width: 50%;}
.side-bl .cat_year {display:flex;flex-wrap:wrap;}
.side-bl .cat_year li {flex: 0 0 25%; max-width: 25%;}
.side-bl .navigcat {position: relative;}
.side-bl .navigcat ul {overflow-y:scroll!important;scrollbar-color:#ffd441 #f4f4f4;scrollbar-width:thin;overflow-x:hidden;}
.side-bl .navigcat ul::-webkit-scrollbar {width:7px;}
.side-bl .navigcat ul::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 100px #f4f4f4;}
.side-bl .navigcat ul::-webkit-scrollbar-thumb {background-color:#ffd441;}
.side-bl .navigcat ul::-webkit-scrollbar-corner {background:#f4f4f4;}
.side-bl .navigcat ul li {padding-right:20px;}
.side-bl .navigcat ul li a {display: block; padding: 3px 10px; border-radius: 3px;}
.side-bl .navigcat ul li a:hover {background: #f4f4f4; text-decoration: none; padding-left: 12px;}
.side-bl .navigcat .readall-hide:after {background:none;}
.side-bl .navigcat .readall_button {margin-top:15px;width:100%;background:#ffd441;color:#1d2333;font-weight:600;border-radius:3px;padding:7px 25px;}
.side-bl .navigcat .readall_button:hover {background:#1d2333;color:#ffd441;}


/*=============================================================*/
/* POPULAR ASIDE
/*=============================================================*/
.popular_aside {display: flex; flex-wrap: wrap;margin: 0 -10px;}
.popular_aside li {/* flex: 0 0 50%; */ max-width: 100%;padding: 7px 10px;margin-bottom: 5px;}
.popular_aside li a {padding: 0; display: block;}
.popular_aside img {display:block;width:100%;height:100%;border-radius: 5px;object-fit:cover; transition: all ease-in-out .2s;}
.popular_aside li a:hover img {filter: brightness(.85);}
.popular_aside h4 {margin-top: 5px; padding:0 5px; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}

.side-two {display: flex;font-size: 0.8em;color: #8c8c8c; margin-left: 5px;}
.side-two .info:first-child:after {content: "-"; margin: 0 4px;}


/*=============================================================*/
/* PAGINATION
/*=============================================================*/
.pages {display:flex;width:100%;justify-content:center;flex-wrap:wrap; margin:0 0 20px;}
.pages span, .pages a {padding:5px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;background:#f4f4f4;margin:5px; font-weight: 600; border-radius: 3px; color: #1d2333;font-size: 12px;}
.pages span {background:#ffd441;}
.pages a:hover {background:#1d2333;color:#ffd441;}


/*=============================================================*/
/* SEO
/*=============================================================*/
.seo {margin-bottom: 10px;}
.seo_descr {padding: 15px 20px;hyphens: auto;}
.seo_descr + .description_button {
    margin: 20px 0;
}
.seo_descr p {
 	margin-bottom: 20px;   
}


/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.full-head {padding:10px 20px;position:relative;display:flex;flex-wrap:wrap;}
.full-head .poster {height:280px;border-radius:5px;overflow:hidden;flex:0 0 200px;max-width:200px;margin-right:20px;}
.full-head .poster img {width: 100%; height: 100%; display: block; object-fit: cover;background: #f2f2f2;}
.info_item {flex:1;}
.info_item li {list-style:none;padding:8px 12px;display:flex;flex-wrap:wrap;border-radius:5px;}
.info_item li b {flex:0 0 180px;max-width:130px;}
.info_item > ul > li:nth-child(2n+1) {background:#f7f7f7;}
.info_item a {color: #1d2333;}
.info_item a:hover {text-decoration:underline;}
.rating_block {padding:10px 0px;color:#f9ca2b;font-size:17px;}
.rating_block li {padding: 0;}
.rating_block a {transition: none !important;}
.info_update {background:#d6ffd6;padding:10px 15px;/*border-radius:5px;*/color:#7b7564;font-weight:500;max-width: 460px;}
.info_item_bottom {padding: 3px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.text-cont {padding:0 20px 20px;font-size:16px;}
.description {hyphens:auto; margin-bottom: 15px;}

.description ul li {
    /* color: green;  Задаем зеленый цвет текста */
    position: relative; /* Позволяет точно позиционировать псевдоэлемент */
    padding-left: 20px; /* Отступ слева для размещения знака "+" */
}

.description ul li::before {
    content: "+"; /* Добавляем знак "+" перед каждым <li> */
    color: #22bf22; /* Делаем его тоже зеленым */
    position: absolute;
    left: 0; /* Размещаем перед текстом */
    font-weight: bold; /* Можно сделать жирным для лучшей видимости */
}

.text-cont .readall-wrapper {text-align:right;}
.description_button {background:#ffd441;color:#1d2333;font-weight:600;border-radius:3px;padding:7px 25px;}
.description_button:hover {background:#1d2333;color:#ffd441;}
.leftfoto {float:left;margin: 4px 10px 2px 0px;}

/*=============================================================*/
/* SCREENS
/*=============================================================*/
.scrn-block {padding: 0 20px 20px;}
.screens_items ul {display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px;}
.screens_items li {list-style: none;flex: 0 0 33.333333%; max-width: 33.333333%; padding: 10px;}
.screens_items img {display:block;border:0!important;border-radius:5px;height:140px!important;width:100%!important;object-fit:cover;transition:all ease-in-out .2s!important;}
.screens_items img:hover {filter: brightness(.85);box-shadow:none !important;}
.scrn-block .readall-wrapper {text-align: right;}
.screens_items:not(.readall-hide) {padding-bottom: 12px;}

/*=============================================================*/
/* VIDEO
/*=============================================================*/
.video_block {padding:0 20px 20px;}
.videoWrapper {position:relative;height:0;padding-bottom:56.25%;padding-top:25px;border-radius:5px;overflow:hidden;}
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube .play {
    background: url('/img/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}

/*=============================================================*/
/* INFO & SISTEM REQ
/*=============================================================*/
.info_sistem {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 10px 20px;}
.info_sistem .block {flex: 0 0 50%; max-width: 50%; padding: 0 10px;}
.info_sistem .block_content {border-radius:5px;background:#f4f4f4;padding:15px}
.info_sistem .title_section {background:#7b90a1;min-height:30px;display:flex;align-items:center;border-radius:5px 5px 0 0;padding:10px 12px;font-weight:700;color:#fff;margin:-15px -15px 12px}
.info_sistem .title_section svg {width:15px;height:15px;fill:#e4e6ea;margin-right:10px}
.info_sistem .block_content .mess {line-height: 24px;}
.info_sistem .block_content .mess li {list-style: none;}
.info_sistem .block_content .mess b {font-weight: 700;}
.imp_block {border-radius:10px;border:1px dashed #accb51;position:relative; background: #fefefe; margin-bottom: 30px;}
.imp_block .head_title {font-weight:700;background:#fff;position:absolute;top:-8px;left:18px;padding:0 8px;line-height:1; color: #3e3f5e;}
.imp_block .imp_content {padding: 15px 20px; color: #8f91ac;}


/*=============================================================*/
/* IMPORTANT INFO
/*=============================================================*/
.info_important {margin:0 20px 20px;background:#f4f4f4;padding:12px 20px;border-radius:5px;border-left:3px solid #ff4a41}
.info_important_title {text-transform:uppercase;font-weight:800; margin-bottom: 5px;}
.info_grid {margin: 0 20px; padding: 12px 20px; font-size:17px;}
.info_grid2 {margin: 0 auto; padding: 0 20px 10px; font-size:17px;text-align: center;}

/*=============================================================*/
/* TAGS
/*=============================================================*/
.tags {font-size: 0; padding: 0 20px 20px;}
.tags svg {fill:#1d2333;width:16px;height:16px;margin-right:10px;position:relative;top:3px}
.tags a,
.tag_list a {
   border: 1px solid transparent;
   background: #f4f4f4;
   color: #1d2333;
   font-size: 12px;
   display: inline-block;
   padding: 4px 10px;
   border-radius: 5px;
   margin-right: 7px;
   font-weight: 500
}
.tags a:hover,
.tag_list a:hover {
   border: 1px solid #d7d7d7
}


/*=============================================================*/
/* DOWNLOAD BLOCK
/*=============================================================*/
.sub_title {padding:0 20px 20px;text-align:center;font-size:18px}
.title_download {text-align: center; font-size: 18px; color: #3e3f5e; margin-bottom: 20px;}
.download_content {text-align: center; margin-bottom: 20px;}
.download {display: flex; justify-content: center; flex-wrap: wrap;}
.download [class*="btn_"] {display: inline-flex; align-items: center; border-radius: 5px; color: #fff; font-weight: 600; margin:0 10px 20px; padding: 7px 15px;}
.download [class*="btn_"]:hover {box-shadow:rgba(34,191,34,.35) 0 7px 15px 0}
.download [class*="btn_"] svg {width: 18px;height: 18px; fill: #fff; margin-right: 7px;}
.download .btn_1 {background: #22bf22;}
.download .btn_2 {background: #ffd441;color: #1d2333;}
.download .btn_2 svg {fill: #1d2333;}
.download .btn_2:hover {box-shadow: rgb(255, 212, 65, .45) 0 7px 15px 0;}
.download_content .offer {display: flex; justify-content: center;}
.download_content .btn_offer {background: #22bf22;height: 55px; font-size: 20px; display: inline-flex; align-items: center; border-radius: 5px; color: #fff; font-weight: 600; margin:0 10px 15px; padding: 0 20px;}
.download_content .btn_offer span {width: 31px; height: 31px; display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 5px; margin-right: 10px; margin-left: -7px;}
.download_content .btn_offer svg {width: 22px;height: 22px; fill: #22bf22;}
.download_content .btn_offer:hover {box-shadow:rgba(34,191,34,.35) 0 7px 15px 0}
.btn_block {padding:0 20px 20px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}
.btn_block a.download {padding:7px 20px;background:#22bf22;border-radius:3px;color:#fff;font-weight:600;font-size:16px}
.btn_block a.download:hover {box-shadow:rgba(34,191,34,.35) 0 7px 15px 0}


/*=============================================================*/
/* TABLE OTHER GAMES
/*=============================================================*/
.other_repaks {padding: 0 20px 20px;}
.other_repaks_top {padding:8px 12px;border-radius:5px 5px 0 0;background:#1d2333;color:#ffd441;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-weight:600}
.other_repaks_top_title {flex:1}
.other_repaks_top_right_block {flex:0 0 180px;max-width:180px;display:flex;justify-content:space-between;align-items:center}
.other_repaks_item_row {display:flex;justify-content:space-between;flex-wrap:wrap;padding:3px 7px;transition:all ease-in-out .2s;border:1px solid #eaeaea;margin-bottom:-1px}
.other_repaks_item:hover .other_repaks_item_row,
.other_repaks_item.open .other_repaks_item_row {background:#f4f4f4}
.other_repaks_title {cursor:pointer;position:relative;display:flex;align-items:center;font-weight:600;flex:1}
.other_repaks_right_block {flex:0 0 180px;max-width:180px;display:flex;justify-content:space-between;align-items:center}
.other_repaks_title::before {content:"\ED51";font-family:remixicon!important;margin-right:10px;font-size:16px;color:#dbbb52}
.other_repaks_item.open .other_repaks_title::before {content:"\ED70"}
.other_repaks_item_download {display:inline-flex;align-items:center;color:#1d2333;font-weight:700}
.other_repaks_item_download:hover, .other_repaks_item.open .other_repaks_item_download {color:#22bf22}
.other_repaks_item_download [class*="ri-"] {font-size: 16px; margin-right: 5px; font-weight: normal;}
.other_repaks_info {display:none;padding:10px 0 10px 10px;border-left:2px solid #dbbb52;margin-left:13px}
.other_repaks_info_mess {border:1px solid #eaeaea;padding:10px 15px}


/*=============================================================*/
/* RELATED GAMES
/*=============================================================*/
.related_games {padding: 0 20px 20px;}
.related_games_title {font-size:18px;border-left:3px solid #ffd441;padding:0 15px;margin-bottom:10px}
.related_games ul {display: flex; flex-wrap: wrap; margin: 0px;}
.related_games ul li {flex: 0 0 33%; max-width: 33%; list-style: none; padding: 5px;}
.related_games ul li img {display:block;width:100%;/*height:160px;*/border-radius:3px;object-fit:cover; transition: all ease-in-out .2s;background: #f2f2f2;}
.related_games h4 {margin-top:5px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
.related_games li a {color:#1d2333;padding:3px 0;}
.related_games li a:hover img {filter: brightness(.85);}


/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.comments_content {margin-top: 10px;}
.comment_form {margin-bottom: 20px;border-bottom: 1px solid #eaeaea;}
.comment_form, .comments_body {padding: 20px;}
.comments_body {padding-top: 0;}
.comments_body .side-bl-title {margin-bottom: 20px;}
.comments_nav {padding-bottom: 10px;}
.comment_item {margin-bottom: 20px;}
.comment_message {hyphens: auto;}
.comment_moder {display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; margin-top: 5px;}
.comment_moder a {margin-left: 12px; font-size: 12px;color:#999;}
.comment_moder a:hover {color:#1d2333;}
.comments_body .news_title a {font-weight:700;color:#1d2333;margin-bottom:5px}
.comment_head {display:flex;flex-wrap:wrap;align-items:center; margin-bottom: 10px;}
.comment_head .avatar {border-radius:3px;overflow:hidden;width:28px;height:28px;margin-right:10px}
.comment_head .avatar img {display: block; object-fit: cover; width: 100%; height: 100%;}
.comments_body .autor_comm {flex: 1;}
.comments_body .autor_comm span {color:#999; font-size: 12px;}
.comments_body .autor_comm a {color:#1d2333; font-weight: 700; margin-right: 10px;}
.comm_rating {font-weight:700;color:#999}
.comm_rating a .plus, .comm_rating a .minus, .comm_rating .rating_num {font-weight:700;display:inline-flex;height:17px;align-items:center;width:17px;justify-content:center;border-radius:3px}
.comm_rating a .plus {border:2px solid #22bf22;color:#22bf22}
.comm_rating a .minus {border:2px solid red;color:red}

ul.hotul {margin: 0 30px;padding: 0;} ul.hotul li {display: inline;margin-right: 10px;padding: 2px;}
ul.hotul li a {color: #1d2333;font-size: 1.1em;} ul.hotul li a:hover {text-decoration: underline;}