@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
body {
  background: #1b1b1b;
  font: 14px/20px "Source Sans 3", Arial, Helvetica, sans-serif;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1110px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1110px;
  }
}

a {
  color: #ec2227;
  text-decoration: none;
}
a:hover {
  color: #c81a1f;
  text-decoration: underline;
}
.alert{border:unset;}
.alert.alert-info {
  background-color: #bce2f5;
  color: #1b5c7c;
}

blockquote {
  background: #3f3f3f;
  color: #fbfbfb;
  border-radius: 8px;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  margin: 2rem 0;
  padding: 22px 22px 22px 62px;
  position: relative;
}
blockquote:before {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbD0nIzc5N2U4MScgZD0nTTMuNzUgNS4xM2ExLjYzIDEuNjMgMCAwIDAtMS42MyAxLjYydjZhMS42MiAxLjYyIDAgMCAwIDEuNjMgMS42M2g1LjVWMTVhMi44NyAyLjg3IDAgMCAxLTIuODggMi44OC44OC44OCAwIDAgMC0uODcuODcuODguODggMCAwIDAgLjg4Ljg4QTQuNjMgNC42MyAwIDAgMCAxMSAxNVY2Ljc1YTEuNjMgMS42MyAwIDAgMC0xLjYzLTEuNjNIMy43NXptMTAuODggMEExLjYyIDEuNjIgMCAwIDAgMTMgNi43NXY2YTEuNjIgMS42MiAwIDAgMCAxLjYzIDEuNjNoNS41VjE1YTIuODcgMi44NyAwIDAgMS0yLjg4IDIuODguODguODggMCAwIDAtLjg4Ljg3Ljg4Ljg4IDAgMCAwIC44OC44OEE0LjYzIDQuNjMgMCAwIDAgMjEuODggMTVWNi43NWExLjYyIDEuNjIgMCAwIDAtMS42My0xLjYzaC01LjYzek0zLjg3IDYuODhoNS4zOHY1Ljc1SDMuODdWNi44N3ptMTAuODggMGg1LjM4djUuNzVoLTUuMzhWNi44N3onLz48L3N2Zz4=);
  content: "";
  height: 24px;
  left: 24px;
  position: absolute;
  top: 24px;
  width: 24px;
}


.btn-outline, a.btn-outline, button.btn-outline {
  display: flex;
  align-items: center;
  color: #0074d9!important;
  font-family: Roboto,sans-serif;
  font-size: 14px;
  height: 48px;
  cursor: pointer;
  position: relative;
  padding: 0 15px;
  margin-left: 4px;
  margin-right: 4px;
  min-width: 173px;
  text-decoration: none;
  border: 2px solid #0074d9!important;
  border-radius: 8px;
  transform: skewX(-11deg);
  box-shadow: 1px 1px 3px rgba(0,0,0,.2);
  margin-bottom: 3px;
}
.btn-outline:hover, a.btn-outline:hover, button.btn-outline:hover {
  background: #0074d9!important;
  color: #fff!important;;
}
a.btn-outline>.content, button.btn-outline>.content {
  display: block;
  width: 100%;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  transform: skewX(11deg);
}

header {
  padding: 18px 0!important;
  margin: 0;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
header ul.nav {margin: 0 18px;}
header ul.nav li {
  margin: 0 16px;
}
header ul.nav a, header ul.nav li.active a {
  font-weight: 600;
  font-size: 17px;
  color: #d0d0d0;
  position: relative;
  text-decoration: none;
}

header ul.nav a:hover,
header ul.nav li.active a:hover {
  color: #ffffff;
}

header ul.nav a::before,
header ul.nav a::after,
header ul.nav li.active a::before,
header ul.nav li.active a::after {
  content: '';
  position: absolute;
  bottom: -5px;
  width: 0;
  height: 3px;
  background-color: #ec2227; 
  transition: width 0.3s ease; 
  border-radius: 6px;
}

header ul.nav a::before,
header ul.nav li.active a::before {
  left: 50%;
  transform: translateX(-50%);
}

header ul.nav a::after,
header ul.nav li.active a::after {
  right: 50%;
  transform: translateX(50%);
}

header ul.nav a:hover::before,
header ul.nav a:hover::after,
header ul.nav li.active a::before,
header ul.nav li.active a::after {
  width: 50%;
}
header ul.nav li.active a {color: #fff;transition: opacity 0.3s ease;opacity: 1;}
header ul.nav li.active a:hover {opacity: 0.8;}



 form#search_global {
  flex: 1;
  margin-right: 38px;
  position:relative;
}
#search_global::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  left: 14px;
  font-weight: 400;
  transform: translateY(-50%);
  color: #999;
  font-size: 16px;
}
form#search_global input {
  background-color: #f5f5f5;
  border: none;
  font-size: 16px;
  padding: 6px 20px;
  padding-left: 40px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
form#search_global input:focus {
  box-shadow: none;
  background: #e3e1e1;
}
form#search_global input::placeholder {
  color: #999; 
}


header .nav_burger{margin-left: 1rem;display: none;}
header .nav_burger button {
  background: none;
  border: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 23px;
  width: 30px;
  color: #d2d2d2;
}
header .nav_burger button.open_nav_burger:before {content: "\f0c9";}
header .nav_burger button.close_nav_burger:before {content: "\f00d";}
header .nav_burger button:hover{color: #2697ff;}

.nav_burger_menu {
  position: fixed;
  top: 68px;
  left: 0;
  width: 100%;
  height: calc(100% - 68px);
  background-color: #dddddd;
  z-index: 999;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.nav_burger_menu .nav_burger_menu_footer {margin-top: auto;}
.nav_burger_menu #search_global {
  margin-right: 0;
  margin-bottom: 2rem;
  flex: unset;
}
.nav_burger_menu .nav {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  row-gap: 24px;
}
.nav_burger_menu .nav li {
}
.nav_burger_menu .nav li a {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.breadcrumb-item.active{display: none;}
.breadcrumb-item + .breadcrumb-item::before {
  color: #727272;
}
.breadcrumb-item a {color: #fff;}

footer {
  padding: 0 !important;
  margin-top: -10px;
}
.footer_top {
  color: #fff;
  background-color: #121212;
  border-radius: 0 0 12px 12px;
  display: flex;
  padding: 40px;
  padding-right: 110px !important;
  padding-left: 110px !important;
}
.footer_bottom {
  text-align: center;
  margin: 20px 0;
  color: #646464;
}
.footer_social {
    margin-right: 70px;
}
.footer_social_title{
    font-size: 15px;
    margin-bottom: 16px;
}
.footer_social_links{
    display: flex;
}
.footer_social_links a{
    color: #fff;
    font-size: 27px;
    margin: 0 auto;
}

.footer_navigation{
    display: flex;
    margin-left: auto;
    flex-grow: 1;
}
.footer_navigation .footer_navigation_col {
    display: flex;
    flex-direction: column;
    margin: auto;
}
.footer_navigation a{
    font-size: 15px;
    color: #d5d5d5;
}
.footer_navigation a+a{
    margin-top: 15px;
}





main {
  margin: 0;
}

main > .container {
  padding: 2rem;
  background: #292929;
  border-radius: 12px;
  color: #d3d3d3;
}
main > .container > section:first-child {margin-top:0;}
main.sections > .container {
  background: unset;
  border-radius: unset;
  padding: unset;
}

.logotype {
  display: block;
  width: 108px;
  height: 27px;
  background: url(/images/logo.svg) left center no-repeat;
  background-size: contain;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  float: left;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.logotype:hover {opacity: 0.8;}

a.user_nav_button {
  margin-right: 0.5rem;
}
a.search_button:hover, a.user_nav_button:hover {background-color:#3b4752;text-decoration: none;}
.user_nav {
  display: flex;
  margin-left: auto;
}
.user_nav a.user_ava img {border-radius: 12px;overflow: hidden;}
.user_nav .auth_btn {
  background: #ffcc35;
  font-weight: 600;
  padding-right: 16px;
  padding-left: 16px;
}
.user_nav .auth_btn:hover, .user_nav .auth_btn:active {background: #ffd453;text-decoration: none;    border-color: #ffd453;}


.h_title {
  font-family: Rubik, sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  color:#fff;
}

/*LOGIN*/
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.dropdown_usermenu {
  left: 50% !important;
  transform: translate(-50%, 55px) !important;
}

#loginModal .modal-body {
  max-width: 500px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#loginModal .login_bottom {
  display: flex;
}
#loginModal .login_bottom a:last-child {
  margin-left: auto;
}
#loginModal .g-recaptcha{
  display: flex;
  align-items: center;
  justify-content: center;
}

/*MODAL*/

.modal-header {
  border: unset;
  padding: 20px 30px;
}
.modal-title {
  font-size: 27px;
  font-weight: 700;
}

.modal-body {
  padding: 0px 30px 20px;
}

.modal-backdrop.show {
  opacity: 0.8;
}


/* LOADING LAYOT*/
.ajax-loading {
  height: 3px;
  left: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: all .15s linear;
  transition-property: opacity;
  width: auto;
  z-index: 9999
}

.ajax-loading .ajax-loading-bar {
  background: #2697ff;
  height: inherit;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: auto
}

.ajax-loading.show {
  opacity: 1
}

.ajax-loading.show .ajax-loading-bar {
  animation: preloader_line 1.2s cubic-bezier(.55,.03,.54,.99) infinite;
}
@keyframes preloader_line {
  0% {
      left: 0;
      width: 0;
  }
  25% {
      left: 0;
  }
  50% {
      width: 40%;
  }
  75% {
      width: 30%;
  }
  to {
      left: 100%;
      width: 0;
  }
}


/* Notify */
.native-toast {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: hsla(0,0%,8%,.75);
  border-radius: 8px;
  box-shadow: 0 0 1px hsla(0,0%,100%,.05), 0 2px 10px rgba(0,0,0,.3);
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  left: 50%;
  line-height: 1.4;
  opacity: 0;
  padding: 18px;
  position: fixed;
  text-align: center;
  text-shadow: none;
  top: 20px;
  transform: translate(-50%,-10px);
  transition: all .3s ease;
  transition-property: opacity,transform;
  width: 550px;
  z-index: 2000;
}

.native-toast-bottom {
  bottom: 50px;
  -ms-transform: translateX(-50%) translateY(50px);
      transform: translateX(-50%) translateY(50px)
}

.native-toast-bottom.native-toast-shown {
  opacity: 1;
  -ms-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0);
}

.native-toast-bottom.native-toast-edge {
  bottom: 0;
}

.native-toast-top {
  top: 50px;
  -ms-transform: translateX(-50%) translateY(-50px);
      transform: translateX(-50%) translateY(-50px)
}

.native-toast-top.native-toast-shown {
  opacity: 1;
  -ms-transform: translateX(-50%) translateY(0);
      transform: translateX(-50%) translateY(0);
}

.native-toast-top.native-toast-edge {
  top: 0;
}

.native-toast-center {
  top: 0;
  -ms-transform: translateX(-50%) translateY(-50px);
      transform: translateX(-50%) translateY(-50px)
}

.native-toast-center.native-toast-shown {
  opacity: 1;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
}

.native-toast-edge {
  border-radius: 0;
  width: 100%;
  text-align: left;
}

@media screen and (min-width: 40rem) {
  .native-toast:not(.native-toast-edge) {
    max-width: 18rem;
  }
}

/*
  max-width does not seem to work in small screen?
*/

/*@media screen and (max-width: 768px) {
  .native-toast:not(.native-toast-edge) {
    max-width: 400px;
  }
}

@media screen and (max-width: 468px) {
  .native-toast:not(.native-toast-edge) {
    max-width: 300px;
  }
}*/

/* types */

.native-toast-error {
  background-color: #d92727;
  color: white;
}

.native-toast-success {
  background-color: rgb(25 135 84);
  color: white;
}

.native-toast-warning {
  background-color: #fdaf17;
  color: white;
}

.native-toast-info {
  background-color: #5060ba;
  color: white;
}

[class^="native-toast-icon-"] {
  vertical-align: middle;
  margin-right: 8px
}

[class^="native-toast-icon-"] svg {
  width: 16px;
  height: 16px;
}

.form-label {
  margin-bottom: 0.5rem;
  font-family: 'Rubik';
  font-size: 15px;
  font-weight: bold;
  margin-left: 0.2rem;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Исправление смещения */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-content {
  --bs-modal-color: #dbdbdb;
  --bs-modal-bg: #2c2c2c;
}
.modal-header .btn-close { filter: invert(1) brightness(2);}
.modal-footer {    --bs-modal-footer-border-color: #474747;}
.modal-dialog .form-control {
  --bs-body-bg: #353535;
  --bs-border-color: transparent;
  --bs-body-color: #d0d0d0;
  --bs-secondary-color: #8d8d8d;
}
.modal-dialog textarea.form-control {
  padding: 0.7rem 1.2rem;
}

.input-password{position: relative;}
.password-control {
  background: transparent;
  border: none;
  position: absolute;
  right: 15px;
  top: auto;
  height: 100%;
  z-index: 6;
  color: #777;
  font-size: 15px;
}
.password-control:before {
  content: "\f06e";
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
}
.password-control.view:before {
  content: "\f070";
}

.cursor_pointer {cursor:pointer;}
.bottom_panel {
  background-color: rgb(0 0 0 / 80%);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  margin: 0;
  display: none;
  color:#fff;
}

section .section_head {
  color: #fff;
  font-family: 'Rubik';
  font-weight: bold;
  line-height: 29px;
}

section.main_section {
  margin-top: 2.2rem;
}
section.main_section.dark {
  background: #333333;
  border-radius: 12px;
  padding: 25px;
}
section.main_section.filter {
  display: flex;
  align-items: baseline;
  margin-bottom: -2rem;
}
section.main_section:first-child {margin-top:0;}
section.main_section .section_head {
  margin-bottom: 1.5rem;
}
.section_title {
  font-size: 2.3em;
  font-family: Rubik, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 3rem;
}
section .head_2col .section_title {
  font-size: 1.7rem;
  text-transform: none;
}

section.dark .section_head .section_title{color:#FFF;}

section.page_description {}
section.page_description .section_title {
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: none;
}

section.page_description .page_description_cont {
  color: #a3a3a3;
}
section.page_description .section_content.collapsed{
  position: relative;
  max-height: 150px;
  overflow: hidden;
}
section.page_description .section_content .coll {text-align: center;}
section.page_description .section_content.collapsed .coll {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, #292929, 75%, transparent);
  width: 100%;
  text-align: center;
  z-index: 3;
  padding: var(--inner-pad);
  box-sizing: border-box;
}


.company_info {
  font-size: 15px;
  line-height: 25px;
}
.company_info .games_list_title{margin-bottom: 1.5rem;}
.company_info h2, .company_info h3, .company_info h4, .company_info h5{
  font-size: 2.3em;
  font-family: Rubik, sans-serif;
  font-weight: 600;
  line-height: 3rem;
  margin-top: 2.8rem;
}
.company_info h3 {font-size: 1.6rem;  margin-top: 2.8rem;    font-weight: 500;}
.company_info h4 {font-size: 1.4rem;  margin-top: 2.6rem;    font-weight: 500;}
.company_info h5 {font-size: 1.2rem;  margin-top: 2.4rem;    font-weight: 500;}


.page_content_links {

}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.page_content_tabs {
  width: auto !important;
}
.page_content_tabs + .page_content_tabs {
  margin-left: 20px;
}
.page_content_links .page_content_link {
  font-size: 1rem;
  line-height: 20px;
  padding: 0 0 10px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border: none;
  transition: all .3s;
  font-weight: 600;
  white-space: nowrap;
  color: #a2a2a2;
}
.page_content_links .page_content_link:hover {
  text-decoration: none;
  color: #ec2227;
}
.page_content_links .active .page_content_link, .page_content_links .page_content_link.active {
  border-bottom: 2px solid #ec2227;
  color: #f0f0f0;
}
.page_content_links .active .page_content_link:hover {
  color: #c8c8c8;
}


section.page_nav_section {
  box-shadow: inset 0 -1px 0 0 #535353;
}
section.game_nav.page_nav_section{
  margin-top: 0;
}

.sticky-side {
  display: flex;
}
.sticky-container {
  flex: 1;
}

/* GAMES */
.games_list{margin: 0 -20px 0 -20px;}
.games_list .game{margin-bottom:40px; padding: 0 20px;}
.games_list .card {
  border: none;
  background: #343434;
  border-radius: 12px;
}
.games_list .card .poster {
  height: 250px;
  background: #1b1b1b;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  position: relative;
}
.games_list .card .poster img{height:100%;width:100%;}
.games_list .card .card-body {
  padding: 1rem;
  height: 185px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.games_list .card .card-body-bottom {
  font-size: 14px;
  color: #8b8b8b;
  margin-top: auto;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
}
.games_list .card .card-body-bottom button {
  color: #dedede;
  text-decoration: none;
  background: #4c4c4c;
  border: none;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin: 0;
}
.games_list .card .card-body-bottom button span {
  margin-left: 4px;
  font-weight: bold;
  font-size: 14px;
}
.games_list .card .card-body-bottom button:hover {  background: #626262;}
 
.card-body-top {
  display: flex;
  align-items: center;
  margin-bottom: 0.6rem;
}
.card-body-top .game_r_date {
  background: #ffffff;
  display: flex;
  width: fit-content;
  height: fit-content;
  padding: 1px 11px;
  border-radius: 6px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.card-body-top .game_rating {
  margin-left: auto;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 0;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    border: 1px solid;
    min-width: 32px;
}
.card-body-top .game_rating.m3 {
  color: #6dc849;
  border-color: rgba(109, 200, 73, .4);
}
.card-body-top .game_rating.m2 {
  color:#fdca52;border-color:rgba(253,202,82,.4);
}
.card-body-top .game_rating.m1 {
  color:#fc4b37;border-color:rgba(252,75,55,.4);
}

.games_short_pl {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgb(0 0 0 / 70%);
  display: flex;
  padding: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.platforms_icons .platform {
  line-height: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  display: block;
  margin-right: 3px;
}
.platforms_icons .value {
  margin: 0 3px;
  color: #fff;
  font-size: 13px;
}

.platforms_icons .pl_pc {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.772l6.545.902V8.426H0zM0 7.62h6.545V1.296L0 2.198zm7.265 7.15l8.704 1.2V8.425H7.265zm0-13.57v6.42h8.704V0z' fill='%23ffffff'/%3E%3C/svg%3E");
  width: 12px;
  height: 13px;
}
.platforms_icons .pl_ps {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.112 16L8 14.654V0s6.764 1.147 7.695 3.987c.931 2.842-.52 4.682-1.03 4.736-1.42.15-1.96-.748-1.96-.748V3.39l-1.544-.648L11.112 16zM12 14.32V16s7.666-2.338 8.794-3.24c1.128-.9-2.641-3.142-4.666-2.704 0 0-2.152.099-4.102.901-.019.008 0 1.51 0 1.51l4.948-1.095 1.743.73L12 14.32zm-5.024-.773s-.942.476-3.041.452c-2.1-.024-3.959-.595-3.935-1.833C.024 10.928 3.476 9.571 6.952 9v1.738l-3.693.952s-.632.786.217.81A11.934 11.934 0 007 12.046l-.024 1.5z' fill='%23ffffff'/%3E%3C/svg%3E");
  width: 17px;
  height: 13px;
}
.platforms_icons .pl_mac {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 18'%3E%3Cpath d='M10.869 0h.127c.102 1.26-.379 2.202-.963 2.884-.574.677-1.359 1.334-2.629 1.234-.084-1.242.397-2.114.98-2.794C8.927.69 9.919.126 10.87 0zm3.756 13.196v.036a10.534 10.534 0 01-1.494 2.899c-.57.789-1.267 1.85-2.513 1.85-1.077 0-1.792-.696-2.896-.715-1.167-.02-1.81.583-2.877.734h-.364c-.783-.114-1.416-.74-1.877-1.302A11.452 11.452 0 010 10.134v-.808c.083-1.969 1.033-3.57 2.295-4.345.667-.413 1.583-.764 2.603-.607.437.068.884.219 1.275.368.371.144.835.398 1.275.385.298-.009.594-.165.894-.275.88-.32 1.74-.687 2.877-.514 1.365.207 2.334.818 2.933 1.76-1.155.74-2.068 1.855-1.912 3.76.138 1.73 1.137 2.742 2.385 3.338z' fill='%23ffffff'/%3E%3C/svg%3E");
  width: 13px;
  height: 14px;
}
.platforms_icons .pl_linux {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.52 14.452c-.513-.216-.733-.503-.712-.93.022-.5-.254-.866-.385-1.01.079-.312.31-1.386 0-2.32-.334-.999-1.352-2.525-2.403-4.025-.43-.616-.45-1.285-.474-2.06-.022-.74-.048-1.579-.45-2.51C9.66.582 8.785 0 7.694 0a3.23 3.23 0 00-1.829.572c-1.05.744-.91 2.366-.819 3.44.013.147.024.286.031.404.061 1.052.006 1.606-.067 1.774-.047.11-.279.423-.524.755-.254.343-.541.732-.777 1.094-.281.436-.508 1.103-.728 1.747-.16.471-.312.917-.46 1.183-.28.512-.21.99-.152 1.21-.106.076-.259.225-.388.505-.156.342-.473.526-1.132.657-.303.063-.512.194-.621.388-.16.283-.073.638.006.881.117.357.044.583-.088.993-.03.095-.065.202-.1.32a.59.59 0 00.06.504c.248.391.974.529 1.722.62.447.054.935.237 1.408.415.463.173.942.353 1.377.408.066.008.131.012.195.012.657 0 .954-.447 1.048-.631a11.36 11.36 0 011.889-.23 8 8 0 011.878.199c.072.142.262.466.566.633.166.093.398.147.636.147.254 0 .737-.062 1.119-.475.38-.414 1.333-.944 2.029-1.33.155-.087.3-.167.427-.24.39-.223.604-.54.585-.872a.735.735 0 00-.463-.63zm-8.647-.08c-.049-.351-.49-.7-1-1.104-.417-.33-.89-.705-1.02-1.022-.27-.654-.057-1.804.313-2.396.183-.296.332-.746.477-1.18.156-.47.317-.956.497-1.168.286-.332.55-.978.597-1.486.267.262.682.595 1.066.595a.613.613 0 00.17-.024c.263-.078.649-.307 1.022-.528.322-.191.718-.426.868-.448.256.378 1.743 3.757 1.895 4.842a5.266 5.266 0 01-.071 1.847 1.289 1.289 0 00-.177-.013c-.414 0-.524.232-.552.37-.074.36-.082 1.512-.082 1.771-.15.195-.908 1.116-1.995 1.281-.443.066-.857.1-1.23.1-.318 0-.521-.026-.606-.039l-.546-.642c.215-.109.43-.34.374-.755zm.693-10.586a.863.863 0 00-.05.024 1.073 1.073 0 00-.011-.115c-.06-.353-.288-.609-.542-.609a.373.373 0 00-.058.005c-.151.026-.27.142-.335.308.057-.363.257-.631.495-.631.278 0 .514.385.514.842 0 .057-.004.115-.013.176zm2.166.272a.916.916 0 00.04-.268c0-.414-.256-.738-.583-.738-.319 0-.578.331-.578.738 0 .028 0 .056.003.084a10.386 10.386 0 00-.05-.02A1.156 1.156 0 017.51 3.5c0-.495.308-.898.686-.898.38 0 .687.403.687.898 0 .206-.055.403-.15.559zm-.28.963c-.005.025-.016.036-.145.105a3.894 3.894 0 00-.246.14l-.067.043c-.272.168-.907.564-1.079.587-.117.016-.19-.03-.352-.144a5.075 5.075 0 00-.118-.08c-.293-.198-.482-.416-.503-.501.095-.076.333-.266.454-.379.247-.235.495-.393.617-.393l.019.001c.144.027.5.172.76.279.12.049.224.092.297.118.23.082.35.185.364.224zM10.52 16.02c.13-.6.279-1.418.255-1.9-.006-.11-.015-.229-.024-.344-.017-.215-.043-.535-.017-.63a.11.11 0 01.018-.007c0 .276.06.825.487 1.017.128.057.273.086.433.086.429 0 .904-.216 1.1-.416a2.05 2.05 0 00.278-.376.465.465 0 01.02.177c-.026.406.166.945.532 1.144l.053.029c.13.07.477.257.482.345 0 0-.003.01-.022.03-.087.08-.392.24-.687.395-.524.275-1.117.586-1.384.874-.375.406-.8.678-1.056.678a.27.27 0 01-.084-.012c-.278-.09-.507-.502-.384-1.09zm-9.49-1.533c-.028-.136-.05-.244-.026-.348.017-.078.39-.16.548-.196.223-.05.454-.101.605-.195.204-.127.314-.361.412-.568.07-.15.143-.304.23-.354a.048.048 0 01.027-.007c.162 0 .503.351.7.665.05.08.142.238.248.421.32.55.757 1.3.985 1.553.206.226.54.661.457 1.035-.06.29-.379.525-.454.577a.454.454 0 01-.101.01c-.438 0-1.303-.374-1.768-.574l-.068-.03c-.26-.112-.684-.182-1.094-.25-.326-.055-.772-.129-.846-.196-.06-.069.01-.294.07-.492.045-.142.09-.29.115-.444a1.634 1.634 0 00-.04-.607z' fill='%23ffffff'/%3E%3C/svg%3E");
  width: 12px;
  height: 16px;
}
.platforms_icons .pl_android {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.168 5.86H1.12c-.614 0-1.115.482-1.115 1.07v4.665c0 .59.5 1.071 1.115 1.071h.049c.614 0 1.115-.482 1.115-1.071V6.93c0-.589-.502-1.072-1.116-1.072zm1.65 7.535c0 .541.46.983 1.025.983h1.095v2.519c0 .591.503 1.073 1.116 1.073h.048c.615 0 1.116-.482 1.116-1.073v-2.52H8.75v2.52c0 .591.504 1.073 1.117 1.073h.047c.615 0 1.116-.482 1.116-1.073v-2.52h1.096c.564 0 1.025-.44 1.025-.982V6.03H2.818v7.364zm7.739-11.83l.87-1.29a.173.173 0 00-.054-.246.188.188 0 00-.256.052l-.902 1.335A6.092 6.092 0 007.985 1a6.1 6.1 0 00-2.232.416L4.853.08a.19.19 0 00-.257-.05.173.173 0 00-.055.246l.871 1.29c-1.57.739-2.628 2.131-2.628 3.729 0 .098.006.195.015.29H13.17c.009-.095.014-.192.014-.29 0-1.598-1.059-2.99-2.628-3.73zM5.58 3.875a.489.489 0 01-.5-.48c0-.265.224-.478.5-.478.277 0 .5.213.5.478a.489.489 0 01-.5.48zm4.809 0a.489.489 0 01-.5-.48c0-.265.224-.478.5-.478s.498.213.498.478a.488.488 0 01-.498.48zm4.458 1.985h-.046c-.614 0-1.117.482-1.117 1.07v4.665c0 .59.503 1.071 1.117 1.071h.047c.615 0 1.115-.482 1.115-1.071V6.93c0-.589-.501-1.072-1.116-1.072z' fill='%23ffffff'/%3E%3C/svg%3E");
  width: 12px;
  height: 14px;
}
.platforms_icons .pl_xbox {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M3.564 1.357l-.022.02c.046-.048.11-.1.154-.128C4.948.435 6.396 0 8 0c1.502 0 2.908.415 4.11 1.136.086.052.324.215.446.363C11.4.222 7.993 2.962 7.993 2.962c-1.177-.908-2.26-1.526-3.067-1.746-.674-.185-1.14-.03-1.362.141zm10.305 1.208c-.035-.04-.074-.076-.109-.116-.293-.322-.653-.4-.978-.378-.295.092-1.66.584-3.342 2.172 0 0 1.894 1.841 3.053 3.723 1.159 1.883 1.852 3.362 1.426 5.415A7.969 7.969 0 0016 7.999a7.968 7.968 0 00-2.13-5.434zM10.98 8.77a55.416 55.416 0 00-2.287-2.405 52.84 52.84 0 00-.7-.686l-.848.854c-.614.62-1.411 1.43-1.853 1.902-.787.84-3.043 3.479-3.17 4.958 0 0-.502-1.174.6-3.88.72-1.769 2.893-4.425 3.801-5.29 0 0-.83-.913-1.87-1.544l-.007-.002s-.011-.009-.03-.02c-.5-.3-1.047-.53-1.573-.56a1.391 1.391 0 00-.878.431A8 8 0 0013.92 13.381c0-.002-.169-1.056-1.245-2.57-.253-.354-1.178-1.46-1.696-2.04z'/%3E%3C/svg%3E");
  width: 13px;
  height: 13px;
}
.platforms_icons .pl_commodore-amiga {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M3.673 7.498h2.993l5.629 8.413H9.329z'/%3E%3Cpath d='M19.932.048h2.965L12.326 15.911H9.497zM.003 7.498h3.019l5.677 8.413H5.71z'/%3E%3Cpath d='M16.401.048h2.991L8.73 15.911H5.878z'/%3E%3C/g%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
}
.platforms_icons .pl_nintendo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 16'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M8 0h5a8 8 0 110 16H8A8 8 0 118 0zm-.135 1.935a6.065 6.065 0 000 12.13h5.12a6.065 6.065 0 000-12.13h-5.12zm-1.33 2.304h2.401l3.199 5.175V4.24h2.346v7.495H12.18L8.864 6.537v5.201H6.53l.005-7.499z'/%3E%3C/svg%3E");
  width: 17px;
  height: 13px;
}
.platforms_icons .pl_atari {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M11.042 16V0H8.75v16h2.292zM7.102 0h1.231c0 7.417-.19 9.224-1.325 11.412C5.87 13.599 2.698 15.762 0 16v-2.445c2.036-.333 3.883-1.43 5.492-3.855C7.102 7.275 7.15 1.52 7.102 0zm5.796 0h-1.231c0 7.417.19 9.224 1.325 11.412C14.13 13.599 17.302 15.762 20 16v-2.445c-2.036-.333-3.883-1.43-5.492-3.855-1.61-2.425-1.658-8.179-1.61-9.7z' fill='%23ffffff'/%3E%3C/svg%3E");
  width: 16px;
  height: 13px;
}
.platforms_icons .pl_ios {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18'%3E%3Cpath fill='%23ffffff' d='M9.538 0H1.651C.896 0 .287.587.287 1.31v15.368c0 .723.61 1.31 1.364 1.31h7.887c.754 0 1.364-.587 1.364-1.31V1.31c0-.723-.61-1.31-1.364-1.31zm-5.89.796h3.894c.098 0 .178.14.178.315 0 .174-.08.316-.178.316H3.648c-.099 0-.177-.142-.177-.316 0-.174.078-.315.177-.315zm1.947 15.898c-.48 0-.87-.375-.87-.836 0-.462.39-.835.87-.835s.87.373.87.835c0 .461-.39.836-.87.836zM9.88 13.83H1.31V2.21h8.57v11.62z'/%3E%3C/svg%3E");
  width: 10px;
  height: 16px;
}  
.platforms_icons .pl_sega {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 16'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M7.468 15.993c3.056 0 5.532-2.335 5.532-5.212 0-2.883-2.476-5.218-5.532-5.218l-1.94.01a.271.271 0 01-.276-.264c0-.146.124-.265.277-.265l7.454.001.003-2.212H5.527c-1.442 0-2.615 1.108-2.615 2.47 0 1.363 1.173 2.466 2.615 2.466l1.949.025c1.75 0 3.167 1.335 3.167 2.983 0 1.648-1.416 2.987-3.167 2.987H.003L0 16l7.468-.007z'/%3E%3Cpath d='M.006 13.167h7.38c1.428 0 2.583-1.106 2.583-2.472 0-1.364-1.155-2.468-2.584-2.468l-1.924-.02c-1.726 0-3.126-1.34-3.126-2.993 0-1.65 1.4-2.989 3.126-2.989l7.366-.001L12.824 0H5.462C2.448 0 0 2.336 0 5.22c0 2.883 2.448 5.22 5.462 5.22l1.905.003c.145 0 .267.113.267.257 0 .14-.122.253-.267.253l-7.364.006.003 2.208'/%3E%3C/g%3E%3C/svg%3E");
  width: 10px;
  height: 13px;
}
.platforms_icons .pl_web {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M15.98 7.467A7.998 7.998 0 008.534.018V0H7.467v.018A7.999 7.999 0 00.018 7.467H0v1.066h.018a7.998 7.998 0 007.449 7.448V16h1.066v-.02a7.997 7.997 0 007.448-7.447H16V7.467h-.02zM5.009 1.744c-.515.685-.943 1.543-1.254 2.523H2.156a6.97 6.97 0 012.852-2.523zm-3.41 3.59h1.875c-.143.673-.234 1.39-.262 2.133H1.087c.056-.751.234-1.47.51-2.134zm-.511 3.2H3.21c.028.743.12 1.459.262 2.133H1.598a6.873 6.873 0 01-.511-2.134zm1.069 3.2h1.597c.311.979.739 1.837 1.255 2.522a6.962 6.962 0 01-2.852-2.523zm5.31 3.131c-1.096-.293-2.04-1.47-2.613-3.132h2.614v3.132zm0-4.198H4.555a11.921 11.921 0 01-.277-2.134h3.19v2.134zm0-3.2H4.278c.031-.751.126-1.47.277-2.134h2.913v2.134zm0-3.2H4.854c.573-1.661 1.517-2.839 2.614-3.131v3.13zm6.378 0H12.25c-.313-.98-.74-1.838-1.257-2.523a6.977 6.977 0 012.852 2.523zm-5.31-3.131c1.095.292 2.04 1.47 2.613 3.13H8.533v-3.13zm0 4.197h2.911c.152.665.245 1.383.278 2.134h-3.19V5.333zm0 3.2h3.189c-.031.751-.126 1.47-.278 2.134H8.533V8.533zm0 6.332v-3.132h2.613c-.573 1.661-1.518 2.839-2.614 3.132zm2.458-.609c.515-.686.944-1.543 1.257-2.523h1.595a6.969 6.969 0 01-2.852 2.523zm3.41-3.59h-1.875c.143-.673.234-1.39.262-2.133h2.123a6.842 6.842 0 01-.51 2.134zm-1.613-3.2a12.682 12.682 0 00-.262-2.133h1.875c.277.665.455 1.383.511 2.134H12.79z'/%3E%3C/svg%3E");
  width: 12px;
  height: 13px;
}
.platforms_icons .pl_3do {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 20'%3E%3Cg fill='%23ffffff' fill-rule='evenodd'%3E%3Crect width='7.579' height='5.361' x='.211' y='8.041' rx='2.265'/%3E%3Cpath d='M3.96.087l3.87 3.87-3.79 3.791-3.87-3.87z'/%3E%3Cellipse cx='4.105' cy='16.907' rx='3.263' ry='3.093'/%3E%3C/g%3E%3C/svg%3E");
  width: 6px;
  height: 16px;
}




.game_card {
  grid-column-gap: 24px;
  background: transparent;
  border-radius: 16px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  display: grid;
  grid-template-columns: auto 1fr 285px;
  padding: 0;
  position: relative;
}
.image_container {
  position: relative;
}
.image_container_inner {
  background: #999999;
  background-size: 431px 270px;
  border-radius: 12px;
  display: block;
  overflow: hidden;
  position: relative;
}
.image_container_inner img {
  display: block;
  height: 120px;
  transform: scale(1);
  transition: transform .3s ease-in-out;
  width: 109px;
}
.info_container {
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 0 20px;
}
.info_container_top {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.game_card_title {
  align-items: center;
  display: flex;
  font-size: 25px;
  font-weight: bold;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.game_card_title a { 
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
  color: #fff;
  display: -webkit-box;
  text-decoration: none;
}
.info_grid {
  display: flex;
  flex-direction: column;
}
.info_grid_title, .info_grid_value {
  font-size: 15px;
  line-height: 20px;
}
.info_grid_title {
  color: #747c81;
}
.info_grid_value {
  color: #2f3437;
}

.game_card_rating {
  margin-top: auto;
  display: flex;
  align-items: end;
  flex-direction: row;
}
.game_card_rating .meta_rating, .game_card_rating .user_rating {
  display: flex;
  background: #e9e9e9;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  width: max-content;
}
.game_card_rating .rating_count {
  font-weight: 700;
  background: #686868;
  font-size: 16px;
  color: #fff;
  width: fit-content;
  width: 36px;
  height: 34px;
  margin: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}
.game_card_rating .meta_rating .rating_title i {
  background: url(/images/Metacritic.svg) left center no-repeat;
  background-size: contain;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.game_card_rating .user_rating .rating_title i {
  font-weight: bold;
  color: #f5b700;
  font-size: 17px;
  margin-right: 4px;
}
.game_card_rating .rating_title {
  display: flex;
  padding: 0 8px 0 12px;
  font-size: 12px;
  font-family: Rubik, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #5e5e5e;
}

.game_card_rating .rating_count.m1 {background: #ff6874;}
.game_card_rating .rating_count.m2 {background: #ffbd3f;}
.game_card_rating .rating_count.m3 {background: #48b80f;}


.company_list {
  padding: 0 12px;
}
.company_list .company_item{display: flex;padding: 20px 0;}
.company_list .company_item + .company_item {
    border-top: 1px solid #3a3a3a;
    margin-top: -10px;
}
.company_list .company_item .company_name{}
.company_list .company_item .company_name a{
    color: #fff;
}
.company_list .company_item .company_name h4{
    font-size: 16px;
    font-weight: bold;
}
.company_list .company_item .company_games_count{
    margin-left: auto;
}

/* NEWS */
.news_list{margin: 0 -20px 0 -20px;}
.news_list .news{margin-bottom:40px; padding: 0 20px;}
.news_list .card {
  background: transparent;
  border: none;
  background: #343434;
  border-radius: 12px;
}
.news_list .card .poster {
  height: 254px;
  border: 1px solid #383838;
  border-radius: 12px 12px 0 0;
}
.news_list .col-md-4 .card .poster {
  height: 192px;
}
.news_list .card .poster img{height:100%;width:100%;    border-radius: 12px 12px 0 0;}
.news_list .card .card-body {
  padding: 12px 20px;
}
.news_list .card .card-body-bottom {
  font-size: 15px;
  color: #8b8b8b;
  margin-top: 0.3rem;
}

.card a.full_link {
  color: #fff;
  font-weight: bold;
  line-height: 29px;
  font-size: 19px;
  text-decoration: none;
}

.card a.full_link:hover{text-decoration: none;color: #ec2227;}

.news_list_l {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news_list_l .news {
  width: 100%;
}
.news_list_l .card {
  display: flex;
  flex-direction: row;
  background: #424242;
  border: none;
  padding: 20px;
  border-radius: 12px;
  color: #dedede;
}
.news_list_l .news:last-child .card {border-bottom:none;}

  .news_list_l .poster {
    width: 200px;
    height: 100px;
}
.news_list_l .poster img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.news_list_l .card-body {
  padding: 0;
  margin-left: 20px;
}
.news_list_l .card-body a.full_link {
  font-size: 1.2rem;
  color: #dedede;
}
.news_list_l .card-body a.full_link:hover {color: #fff;text-decoration: underline;}



.news_list_big .news{width: 100%;}
.news_list_big .news+.news{margin-top: 2rem;}
.news_list_big .news .card {
  background: #343434;
  padding: 1.5rem;
}
.news_list_big .news .card .card-top a.full_link {
  line-height: 31px;
  font-size: 24px;
}
.news_list_big .news .card .card-top {
  color: #fff;
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
}
.news_list_big .news .card .card-top ul {
  padding: 0;
  margin: 0;
}
.news_list_big .news .card .card-top ul li {
  display: inline-flex;
  padding: 0;
  border-radius: 12px;
  color: #8e8e8e;
  align-items: center;
}
.news_list_big .news .card .card-top ul li + li {
  margin-left: 20px;
}
.news_list_big .news .card .card-top ul li a {
  color: #8e8e8e;
  border-bottom: 1px dotted #626262;
}
.news_list_big .news .card .card-top ul li a:hover {
  text-decoration: none;
  color: #fe6969;
  border-color: #fe6969;
}
.news_list_big .news .card .card-body {
  display: flex;
  padding: 0;
}
.news_list_big .news .card .poster {
  width: 200px;
  height: 120px;
  background: #1b1b1b;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.news_list_big .news .card .poster img {width: 100%;height: 100%;}
.news_list_big .news .card .card-content {
  color: #bcbcbc;
  line-height: 24px;
  margin-left: 24px;
  font-size: 15px;
}
.news_list_big .news .card .card-bottom {
  color: #fff;
  display: flex;
  margin-top: 1rem;
}
.news_list_big .news .card .card-bottom ul {
  padding: 0;
  margin: 0;
}
.news_list_big .news .card .card-bottom ul li {
  display: inline-flex;
  background: #4a4a4a;
  padding: 8px 14px;
  border-radius: 12px;
  color: #e4e4e4;
  align-items: center;
}
.news_list_big .news .card .card-bottom ul li:hover {
  background: #3f3f3f;
}
.news_list_big .news .card .card-bottom ul li + li {
  margin-left: 12px;
}
.news_list_big .news .card .card-bottom ul li i {
  margin-right: 3px;
  font-size: 13px;
}
.news_list_big .news .card .card-bottom ul li a {color:#e4e4e4;}
.news_list_big .news .card .card-bottom ul li a:hover {color:#ffffff; text-decoration: none;}
.news_list_big .news .card .card-bottom .pub_score{margin-left: auto;}

.pagination_items {
  display: flex;
  justify-content: center;
  margin-top: 2.2rem;
}
.pagination_items .page-item {
  margin: 0 7px;
}
.pagination_items .page-item .page-link {
  margin-left: 0;
  color: #fff;
  border-radius: 6px;
  background: #343434;
  font-size: 16px;
  border: none;
}
.pagination_items .page-item .page-link:hover {
  background: #444444;
  text-decoration: none;
}
.pagination_items .page-item span.page-link {  border: none;}
.pagination_items .page-item.active .page-link {
  background: #7e1d20;
  color: #fefefe;
  border: none;
}


.SumoSelect>.CaptionCont {
  border: 1px solid #666666 !important;
  background-color: #ffffff !important;
  color: #000;
  font-weight: 600;
  border-radius: 0.375rem !important;
  height: 2.5rem !important;
  line-height: 1.65rem !important;
}
.SumoSelect>.CaptionCont>span {
  padding-left: 6px;
  cursor: pointer!important;
}
.SumoSelect>.CaptionCont>label>i {
  font-family: "Font Awesome 5 Pro";
  background: none !important;
  height: auto !important;
  width: auto !important;
  font-style: normal;
  font-weight: 400;
  top: 5px !important;
}
.SumoSelect>.CaptionCont>label>i:before{    content: "\f078";}
.SumoSelect.open>.CaptionCont>label>i:before{    content: "\f077";}
.SumoSelect.open>.optWrapper {
  top: 48px !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .08), 0 24px 32px rgba(0, 0, 0, .16) !important;
  border: none !important;
  min-width: min-content;
  border-radius: 12px;
}
.SumoSelect>.optWrapper>.options li.opt {
  padding: 9px 16px!important;
  position: relative!important;
  border-bottom: none!important;
}
.SumoSelect>.optWrapper>.options li label {
  color: #4b4b4b!important;
}
.SumoSelect>.optWrapper>.options li.opt.selected::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  right: 10px;
  font-weight: 300;
  transform: translateY(-50%);
  color: #48b80f;
  font-size: 13px;
}
.SumoSelect .placeholder{background-color: transparent; color: #000!important;font-style: normal!important;opacity: 1!important;}
.SumoSelect .optWrapper.multiple .opt > span {display: none!important;}

.tooltip{font-family: 'Source Sans 3';}

#to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #2697ff;
  height: 36px;
  width: 36px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  display: none;
  border-radius: 50%;
  cursor: pointer;
}
#to-top:before {
  font-family: "Font Awesome 5 Pro";
    font-weight: 900;
  content: "\f077";
}

.search_section {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(229 229 229 / 90%);
  z-index: 999;
  backdrop-filter: blur(10px);
}
.search_section .search_section_top {
  height: 74px;
  background: rgb(255 255 255 / 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.search_section .search_section_top .container {
  display: flex;
  padding: 0;
}
.search_section .search_section_top button.close_search {
  background: none;
  border: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 23px;
  width: 30px;
  color: #666;
}
.search_section .search_section_top button.close_search:before {
  content: "\f00d";
}
form#search_web {
  flex: 1;
  margin-right: 38px;
  position:relative;
}
#search_web::before {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  left: 14px;
  font-weight: 400;
  transform: translateY(-50%);
  color: #292929;
  font-size: 16px;
}
form#search_web input {
  background-color: #e8e8e8;
  border: none;
  font-size: 16px;
  padding: 8px 20px;
  padding-left: 40px;
  font-weight: 400;
  transition: background-color 0.3s ease;
  border: none;
  border-radius: 0;
}
form#search_web input[type="search"]::-webkit-search-decoration,
form#search_web input[type="search"]::-webkit-search-cancel-button,
form#search_web input[type="search"]::-webkit-search-results-button,
form#search_web input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}
form#search_web input:focus {
  box-shadow: none;
  background: #eae9e9;
}
form#search_web input::placeholder {
  color: #292929; 
}
#search_results {
  position: relative;
  height: calc(100% - 150px);
  overflow-y: auto;
  margin-top: 35px;
  margin-bottom: 35px;
  padding: 0 30px;
  overflow-x: hidden;
}

@media only screen and (max-width: 480px) {
  header {
    position: fixed;
    z-index: 999;
    background: #1b1b1b;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
  header #search_global, header ul.nav {display: none;}
  header .nav_burger{display: block;}
  main {
    padding: 68px 0px;
}
main > .container {padding: 1rem;  border-radius: 0;}
.games_list .game{
  width: 50%;
}
.games_list .card .poster {
  height: 200px;
}
.games_list .card .card-body {
  height: 160px;
  text-align: center;
}
.games_list .card .card-body-top{flex-direction: column;}
.games_list .card .card-body-top .game_rating {
  margin-left: unset;
  margin-top: 0.4rem;
}
.games_list .card a.full_link {
  font-size: 17px;
}

.news_list .card .poster {
  height: 192px;
}


.news_list_big .news .card .card-body {flex-direction: column;}
.news_list_big .news .card .card-content {display: none;}
.news_list_big .news .card .poster  {
  width: 100%;
  height: auto;
}
.news_list_big .col{width: 100%;}
.news_list_big .col-4{display: none;}

.section.page_nav_section { margin-right: -15px;  margin-left: -15px;}

.pagination_items .page-item {
  margin: 0 3px;
}

.page_nav .page_content_tabs:first-child{margin-left: 0;}
.page_nav .page_content_tabs + .page_content_tabs {
  margin-left: 1.5rem;
}
.page_nav .page_content_link {
  font-size: 1.1rem;
}

.game_card{
  display: flex;
  overflow: hidden;
  column-gap: 0;
}

.game_card{
  display: flex;
  overflow: hidden;
  column-gap: 0;
  border-radius: 0;
}

.game_card .info_container {
  flex-wrap: wrap;
  align-items: start;
  margin: 0;
}
.game_card .image_container {
  display: none;
}

section.main_section.dark {
  margin: 0px -16px; 
  border-radius: 0;
}
section.main_section.dark .col-md + .col-md {
  margin-top: 2.5rem;
}

  /*FOOTER*/
  .footer_top {
    flex-direction: column;
    padding-right: 40px !important;
    padding-left: 40px !important;
    border-radius: 0;
}

.footer_social {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 0; 
}
.footer_social_links a {
  margin: 0 15px;
}
.footer_navigation {
  margin-top: 2rem;
  margin-left: 0;
}
.footer_navigation .footer_navigation_col {
  align-items: center;
}




}