html { height: 100%; }
a {
    color:#fff;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #fff;
}
p {
    margin-bottom:15px;
}
.btn {
    border: 0;
    text-decoration: none!important;
}
.btn.btn-default {
    background-color: #597A2F;
    color:#fff;
}
.btn.btn-primary {
    background-color: #334156;
    color:#fff;
}
.btn.btn-primary:hover {
    background-color: #2b333f;
}
.btn:focus {
    outline: none !important;
    box-shadow: none;
}
.margin_top_40 {
    margin-top:40px;
}
.badge {
    font-size: 16px;
}
.badge.bg-success {
    background-color: #597A2F!important;
    color:#fff;
}
input {
    outline: none !important;
    box-shadow: none !important;
    border:1px solid #334156!important;
    font-size: 16px!important;
    padding:5px 10px!important;
    width:100%;
    background-color: transparent!important;
    color:#fff!important;
}
select {
    outline: none !important;
    box-shadow: none !important;
    border:1px solid #ccc!important;
    font-size: 14px!important;
    padding:10px 15px!important;
}
textarea {
    outline: none !important;
    box-shadow: none !important;
    border:1px solid #ccc!important;
    font-size: 14px!important;
    padding:10px 15px!important;
}
input:focus {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 10px!important;
}
select:focus {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 10px!important;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    line-height: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    background-position: right 10px bottom 8px;

}
textarea:focus {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 10px!important;
}
h1 {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.green {color:#67CC33!important}
.red {color:#FF0100!important}
.blue {color:#73A3F2!important}
body {
    color:#fff;
    background:#141416;
    height: 100%;
    position:relative; 
    line-height: 1.7;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
body.new {
    background-size: 100% auto !important;
}
body.new:before {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,.25);
    backdrop-filter: blur(3px);
    content:'';
}
.wrapper {
    position: relative;
    min-height: 100%;
    min-width: 320px;
    z-index: 2;
}
.noshow {
    display: none;
}
.form-group {
    margin: 0 0 20px 0;
    position: relative;
}
form .form-group:last-child {
    margin-bottom:0;
}
.form-group .field_name{
    margin: 0 0 5px 0;
    font-weight: 600;
    font-size: 16px;
}
.form-group .field_name span{
    color:grey;
    font-weight: normal;
}
.errors {
    color: red;
    display: none;
}
.clr {clear:both;}
header {
    background:#000;
    height: 60px;
    width:100%;
    position: fixed;
    left:0;
    top:0;
    color:#fff;
    padding: 0 50px;
    z-index: 4!important;
    display: flex;
    justify-content: left;
    align-items: center;
}
header .logo {
    position: relative;
    top:-3px;
}
header .main_menu  {
    padding:15px 0 0 0;
}
header .main_menu ul {
    list-style: none;
}
header .main_menu ul ul {
    position: absolute;
    width:200px;
    background: #344156;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    display: none;
}
header .main_menu ul > li{
    display: inline-block;
    margin-right:20px;
    position: relative;
}
header .main_menu ul > li:hover ul {
    display: block;
}
header .main_menu ul li ul li {
    padding:7px 20px;
}
header .main_search{
    margin-left: auto;
    width:240px;
    position: relative;
}
header .language_list{
    margin-left:auto;
    padding: 0 0 0 20px;
}
header .language_list .dropdown-toggle{
    text-decoration: none!important;
}
header .language_list #dropdownLang {
    position: relative;
}
header .language_list .dropdown-menu {
    left:-90px!important;
    width:50px!important;
    padding:0;
    background: #000;
    border:1px solid #334156!important;
    margin-top:17px;
}
header .language_list .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}
header .language_list .dropdown-menu ul li a{
    display: block;
    width:100%;
    padding: 5px 20px;
}
main {
    padding: 0 0 50px 0;
}
.content {
    position: relative;
    padding: 110px 50px 0 50px;
}
footer {
    position: absolute; 
    left: 0px;
    right: 0;
    bottom: 0; 
    height: 250px; 
    margin-bottom:-250px;
    z-index: 1;
    border-top:1px solid #334156;
    padding:50px 0 0 0;
}
footer .flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 50px;
}
footer .block1 {
    width:270px;
    font-size: 14px;    
    color:#999;
}
footer .block2 {
}
footer .block2 ul{
    list-style: none;
    padding:0;
    margin:0;
}
footer .block2 ul li a{
    color:#999;
}
.dz-preview {
    display: none!important;
}
.upload_progress {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 50px;
    background: linear-gradient(-45deg, #ee7752, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
    z-index:211111;
    color:#fff;
    text-align: center;
    line-height: 50px;
    display: none;
}
.upload_progress span:after {
    content: '.';
    animation: loading 1s ease alternate infinite;
}
@keyframes loading {
    60%  { text-shadow: 0.35em 0 0 currentColor; }
    100% { text-shadow: 0.35em 0 0 currentColor, 0.75em 0 0 currentColor; }
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.one_block {
    background:#1F232E;
    padding:20px;
    border-radius: 5px;
    margin-bottom:20px;
}
.one_block .hed{
    font-size: 22px;
}
.app_page .table{
    background:#141416;
    border-collapse: collapse;
    border-radius: 5px;
}
.app_page img {
    max-width: 100%;
}

.table th, .table td {
    color:#fff;
    vertical-align: middle;
    border-bottom:1px solid #334156;
}
.table thead {
    border-bottom:1px solid #334156;
}
.table > thead > tr > th {
    border-bottom: 1px solid #334156!important;
    font-weight: normal;
}
.table.table-bordered td {
    border: 1px solid #334156!important;
}
.table.table-bordered th {
    border: 1px solid #334156!important;
}

.counter {
    font-size: 16px;
    padding:0 5px;
    display: inline-block;
    background-color: #597A2F;
    color:#fff;
    border-radius: 3px;
}
.counter.red,
.counter.reded {
    background-color: #FF0100;
}
.counter.yellow {
    background-color: #F2A30C;
    color:#000!important;
}
.breadcrumbs {
    margin: 0 0 20px 0;
    list-style: none;
    padding: 0;
}
.breadcrumbs li{
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
}
.breadcrumbs li:after{
    content: '';
    top:10px;
    position: absolute;
    right: -13px;
    border: solid grey;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    color:grey;
}
.breadcrumbs li:last-child:after{
    display: none;
}
.breadcrumbs li span.last_item{
    color:grey;
}
.app_page.flex {
    display: grid;
    grid-template-columns: 320px 1fr 250px;
    align-items: start;
    gap:40px;
}
.app_page .left_side_app {
}
.app_page .left_side_app .header_image {
    margin: 0 0 20px 0;
}
.app_page .left_side_app .header_image img{
    border-radius: 5px;
}
.app_page .left_side_app .block_one {
    border-radius: 5px;
    margin: 0 0 20px 0;
    background:  #334156;
    padding: 20px;
}
.app_page .left_side_app .block_one .hed{
    font-size: 40px;
    font-weight: 600;
}
.app_page .left_side_app .block_one .desc h2{
    font-size: 16px;
    font-weight: 400;
}
.app_page .center_side_app {
}
.app_page .right_side_app{
    position: sticky;
    top: 80px;
}
.app_page .right_side_app ul{
    width:100%;
    margin:0;
    padding:0;
    list-style: none;
    border: 1px solid #334156;
    border-radius: 5px;
}
.app_page .right_side_app ul li.active a{
    background: #423352;
}
.app_page .right_side_app ul li a{
    display: block;
    border: 1px solid #334156;
    padding:5px 10px;
}
.app_page .app_short_description{
    margin: 0 0 20px 0;
}
.app_page .page_hed {
    font-size:22px;
    margin: 0 0 20px 0;
}
.app_page .screenshots img {
    max-width:100%;
    height:auto;
    margin-bottom:20px;
}

/*Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #333;
    opacity: 0.8; 
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; 
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; 
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; 
}
.mfp-align-top .mfp-container:before {
    display: none; 
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; 
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; 
}
.mfp-ajax-cur {
    cursor: progress; 
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; 
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; 
}
.mfp-auto-cursor .mfp-content {
    cursor: auto; 
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; 
}
.mfp-loading.mfp-figure {
    display: none; 
}
.mfp-hide {
    display: none !important; 
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; 
}
.mfp-preloader a {
    color: #CCC; 
}
.mfp-preloader a:hover {
    color: #FFF; 
}
.mfp-s-ready .mfp-preloader {
    display: none; 
}
.mfp-s-error .mfp-content {
    display: none; 
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; 
}
button::-moz-focus-inner {
    padding: 0;
    border: 0; 
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; 
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; 
}
.mfp-close:active {
      top: 1px; 
}
.mfp-close-btn-in .mfp-close {
    color: #333; 
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; 
}  
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; 
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; 
}
.mfp-arrow:active {
    margin-top: -54px; 
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; 
}
.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; 
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; 
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; 
}
.mfp-arrow-left {
    left: 0; 
}
    .mfp-arrow-left:after {
      border-right: 17px solid #FFF;
      margin-left: 31px; }
    .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3F3F3F; }
  
  .mfp-arrow-right {
    right: 0; }
    .mfp-arrow-right:after {
      border-left: 17px solid #FFF;
      margin-left: 39px; }
    .mfp-arrow-right:before {
      border-left: 27px solid #3F3F3F; }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px; }
    .mfp-iframe-holder .mfp-close {
      top: -40px; }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
    .mfp-iframe-scaler iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      background: #000; }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0; }
    .mfp-figure:after {
      content: '';
      position: absolute;
      left: 0;
      top: 40px;
      bottom: 40px;
      display: block;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
     }
    .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      line-height: 14px; }
    .mfp-figure figure {
      margin: 0; }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%; }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }
  
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0; }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%; }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px; } }
/* end POPUP */

.pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
}
.pagination-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px; 
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 1;
    color: #A8AAB7;
    transition: 0.3s;
}
.pagination .prev{
    padding: 0 3px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination .next{
    padding: 0 0 0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagination .next i{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.pagination .prev i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.pagination-btn:hover , .pagination-btn:active , .pagination-btn:focus{
    text-decoration: none;
    color: #597A2F;
    background: #F1F4F8;
    border-color: #F1F4F8;
    transition: 0.3s;
}
.pagination ul{
    padding: 0;
    margin: 0 23px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.pagination ul li{
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;    
    margin: 0 5px;
}
.pagination ul li a{
    width: 36px;
    height: 36px;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    color: #7F8FA4;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    transition: 0.3s;
}
.pagination ul li span{
    width: 36px;
    height: 36px;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    color: #7F8FA4;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    transition: 0.3s;
}
.pagination ul li.active a{
    background: #597A2F;
    color: #ffffff!important;
    text-decoration: none;
    transition: 0.3s;
}
.pagination ul li a:focus , .pagination ul li a:active{
    text-decoration: none;
    color: #7F8FA4;
}
.pagination ul li a:hover{
    color: #333333;
    text-decoration: none;
}
.search_results {
    position: absolute;
    width:100%;
    max-height:150px;
    background: #141416;
    border:1px solid #334156;
    border-radius: 5px;
    overflow-y: auto;
}
.search_results ul {
    list-style: none;
    margin:0;
    padding:0;
}
.search_results ul li a{
    display: block;
    padding:5px 20px;
    text-decoration: none;
}
.search_results ul li a img{
    border-radius: 5px;
    margin: 0 5px 0 0;
}
.search_results ul li a:hover{
    background: #334156;
}
.buttons_app {
    margin: 0 0 20px 0;
}
.buttons_app .btn img{
    position: relative;
    top:-1px;
}
.block_chart {
    border-radius: 5px;
    margin: 0 0 20px 0;
    background:  #334156;
    padding: 20px;
    border:3px solid #73A3F2;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.block_chart img{
    border-radius: 5px;
}
.block_chart .counter_block{
    padding: 0 15px;
    text-align: center;
}
.block_chart .counter_block span{
    display: block;
    font-size: 26px;
    font-weight: 800;
    padding: 0 5px;
}
.reviews_counter_block .counter_block {
    font-size: 14px;
}
.reviews_counter_block .counter_block span{
    font-size: 20px;
}
.moble_menu_button {
    position: relative;
    margin: 0 20px 0 0;
    float: left;
    display: none;
}
.discount_original_price {
    text-decoration: line-through;
}
.livestream_apps .hed {
    font-size: 24px;
    margin: 0 0 10px 0;
}
.similar_apps .hed {
    font-size: 24px;
    margin: 0 0 20px 0;
}
.similar_apps .games_in {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: wrap;
}
.similar_apps .one_game {
    margin: 0 0 20px 0;
    /*width:45%;*/
}
.dotted {
    white-space: nowrap; /* Текст не переносится */
    overflow: hidden; /* Обрезаем всё за пределами блока */
    text-overflow: ellipsis; /* Добавляем многоточие */
}
.one_blogs_post {
    margin: 0 0 20px 0;
    border: 1px solid #344156;
    border-radius: 5px;
    padding:15px;
}
.one_blogs_post .name{
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.one_blogs_post .date{
    margin: 10px 0 0 0;
    color:#344156;
}
.blog_post_text {
    font-size: 16px;
}
.blog_post_text .date{
    margin: 0 0 20px 0;
    color:#344156;
}

.social-buttons {
    margin: 10px -.375rem 0;
}

.social-buttons#uSocial .uscl-bar.uscl-style4 .ico_uscl,
.social-buttons .uSocial-Share .uscl-bar.uscl-style4 .ico_uscl {
    background: #334156;
}

.social-buttons #uSocial .uscl-bar.uscl-style4 .ico_uscl:hover,
.social-buttons .uSocial-Share .uscl-bar.uscl-style4 .ico_uscl:hover {
    background: #2b333f;
}

.social-buttons #uSocial .uscl-bar.uscl-size32.uscl-round-rect .ico_uscl,
.social-buttons #uSocial .uscl-bar.uscl-size32.uscl-round-rect .uscl-counter,
.social-buttons .uSocial-Share .uscl-bar.uscl-size32.uscl-round-rect .ico_uscl,
.social-buttons .uSocial-Share .uscl-bar.uscl-size32.uscl-round-rect .uscl-counter {
    border-radius: .25rem;
}

.social-buttons #uSocial .uscl-bar.uscl-size32 .ico_uscl.ico_uscl-arrow,
.social-buttons #uSocial .uscl-bar.uscl-size32 .uscl-item,
.social-buttons .uSocial-Share .uscl-bar.uscl-size32 .ico_uscl.ico_uscl-arrow,
.social-buttons .uSocial-Share .uscl-bar.uscl-size32 .uscl-item {
    padding: .375rem;
}

.social-buttons .ico_uscl-twi::before {
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    background: transparent url(../images/x.svg) no-repeat center;
    background-size: 16px 16px;
    top: 1px;
}

@media all and (min-width: 1001px) {
    a.only-mobile,
    div.only-mobile {
        display: none;
    }
}

@media all and (max-width: 1000px) {
    div.only-desktop {
        display: none;
    }
}

.text-nowrap {
    white-space: nowrap !important;
}
.steam_id {
    max-width: 900px;
    margin: 0 auto;
}
.steam_id .search_input {
    display: grid;
    grid-template-columns: 1fr 150px;
}
.steam_id .search_input.two {
    grid-template-columns: 220px 150px 1fr;
}
.steam_id .search_input .left input {
    height: 40px;
    background: #1F2937!important;
    border:0!important;
    color:#9299A5!important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.steam_id .search_input .right .btn {
    background: #3B82F6;
    color:#fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
}
.steam_id .search_input .right .btn.yellow {
    background: #D97707!important;
}
.steam_id .search_input .right .btn.playtime {
    background: #9433EB!important;
}
.steam_user_info .top {
    display: flex;
    gap:20px;
    color:#EBEBEB;
}
.steam_user_info .top .image img {
    width:150px;
    border-radius: 50%;;
}
.steam_user_info .top .name h1 {
    margin: 0;
}
.steam_user_info .top .stats span {
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
    font-size: 14px;
}
.steam_user_info .top .stats span:after {
    display: inline-block;
    margin: 0 10px 0 10px;
    content:"." ;
    position: absolute;
    top:-4px;
}
.steam_user_info .top .stats span:last-child {
    margin:0;
}
.steam_user_info .top .stats span:last-child:after {
    display: none;
}
.steam_user_info .bottom .name h2 {
    font-size: 24px;
    margin:0;
}
.steam_user_info .bottom .price {
    font-size: 24px;
    font-weight: bold;
}
.steam_user_info .bottom .desc {
    font-size: 12px;
    color:#6F7784;
}
.steam_user_info .bottom .desc img {
    position: relative;
    top:-1px;
}
.center_info {
    display: grid;
    gap:20px;
    grid-template-columns: 1fr 1fr;
    color:#EBEBEB;
}
.center_info .left .hed {
    margin: 0 0 10px 0;
}
.center_info .left table {
    width:100%;
}
.center_info .left table tr td {
    border-bottom:1px solid #353E4E;
    padding:10px 0;
}
.center_info .left table tr td:first-child {
    color:#B8BEBA;
    width:170px;
}
.center_info .right .top {
    text-align: center;
}
.center_info .right .top .votes {
    color:#6F7784;
}
.center_info .right .bottom .line {
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0  0;
}
.center_info .right .bottom .line .left_line {
    color:#B8BEBA;
}
.center_info .right .bottom .line .right_line {
    color:#00e600;
}
.games_list table  {
    width:100%;
}
.games_list table th {
    color:#B8BEBA;
}
.games_list table td {
    padding:10px 0;
    border-bottom:1px solid #353E4E;
}
/* HTML: <div class="loader"></div> */
.loader {
width: 20px;
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid #0000;
border-right-color: #1F2937;
position: relative;
animation: l24 1s infinite linear;
}
.loader:before,
.loader:after {
content: "";
position: absolute;
inset: -8px;
border-radius: 50%;
border: inherit;
animation: inherit;
animation-duration: 2s;
}
.loader:after {
animation-duration: 4s;
}
@keyframes l24 {
100% {transform: rotate(1turn)}
}
.steam_id .hed2 {
    margin:20px 0 0 0;
}
.steam_id .hed2 h2{
    font-size: 20px;
}
.steam_id .hed3{
    margin: 0 0 30px 0;
    color:#B8BEBA;
}
.steam_id .example_list table{
    width:100%;
}
.steam_id .example_list table tr td {
    border-bottom:1px solid #353E4E;
    padding:10px 0;
}
.error_block {
    border:3px solid #CF000F;
    padding:20px;
    margin: 0 0 20px 0;
}
.error_block span{
    display: flex;
    justify-content: space-between;
    background: #CF000F;
    padding:10px;
    border-radius: 5px;
}
.error_block strong {
    font-weight: normal;
}
.rubrics {
    margin: 0 0 20px 0;
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.rubrics .search2 {
    width:100%;
}
.rubrics ul {
    list-style: none;
    margin:0;
    padding:0;
    display: flex;
    justify-content: space-between;
    width:100%;
}
.rubrics ul li.active a{
    text-decoration: underline;
    font-weight: bold;
}
.calendar_page .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
}
.calendar_page .top .right {
    font-size: 22px;
}
.calendar_page .months  {
    margin: 0 0 20px 0;
}
.calendar_page .months ul {
    list-style: none;
    padding:0;
    margin:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.calendar_page .months ul li a{
    font-size: 20px;
}
.calendar_page .months ul li.active a{
    font-weight: bold;
    text-decoration: underline;
}
.calendar_page .grid {
    display: grid;
    justify-content: space-between;
    gap: 20px;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
    margin: 0 0 20px 0;
}
.calendar_page .grid .day {
    position: relative;
    text-align: left;
    border-radius: 9px;
    min-height: 110px;
}
.calendar_page .grid .day .day_number {
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
    border-top-left-radius: 9px;
    border-bottom-right-radius: 9px;
    width: 30px;
    line-height: 25px;
    text-align: center;
    background: #0000007f;
    color: #fff;
    backdrop-filter: blur(5px);
}
.calendar_page .grid .day .image {
    min-height: 80px;
    margin: 0 0 5px 0;
}
.calendar_page .grid .day img {
    max-width: 100%;
    border-top-left-radius: 9px;
}
.calendar_page .grid .day .app_one {
    display: none;
}
.calendar_page .grid .day .app_one.counter_0 {
    display: block;
}
.calendar_page .grid .lists {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:5px;
    justify-content: space-between;
    margin:5px 0 0 0;
}
.calendar_page .grid .lists a{
    display: block;
    height:8px;
    width:100%;
    background: #1F2733;
    border-radius: 5px;
}
.calendar_page .grid .lists a.active {
    background: #62743C;
}
.upcoming {
    background: #20232E;
    border-radius: 10px;
    padding:20px;
    margin: 0 0 20px 0;
}
.upcoming .sliding {
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    align-items: center;
}
.upcoming .hed {
    font-size: 22px;
    margin: 0 0 20px 0;
}
/*
.upcoming .inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.upcoming .inner .one {
    width:24%;
}
    */
.upcoming .inner .one {
    margin: 0 20px 0  0;
}
.upcoming .inner .one .image {
    margin: 0 0 5px 0;
}
.upcoming .inner .one .image img{
    border-radius: 5px;
    max-width: 100%;
}
.upcoming .inner .one .date {
    color:#999;
    font-size: 13px;
}
.arrow-right,
.arrow-left,
.long-arrow-right,
.long-arrow-left{
  display: block;
  margin: 0 20px 80px 10px;
  width: 35px;
  height: 35px;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
}
.arrow-right{
  margin-left:0;
}
.arrow-right,
.long-arrow-right{
 transform: rotate(135deg);
}

.arrow-left,
.long-arrow-left{
 transform: rotate(-45deg);
}
.private_profile strong,
.private_profile a {
    color:#00e600;
}
.private_profile a {
    text-decoration: underline;
}
.private_profile a:hover {
    text-decoration: none;
}
.steam_id_faq span,
.steam_id_faq a {
    color:#00e600;
}
.steam_id_faq a {
    text-decoration: underline;
}
.steam_id_faq a:hover {
    text-decoration: none;
}
.faq_links {
    margin: 0 0 30px 0;
}
.faq_links .name {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.faq_texts .one {
    margin: 0 0 30px 0;
    font-size: 16px;
}
.faq_texts .one .name{
    margin: 0 0 20px 0;
    font-size: 20px;
}
.restricted {
    background: #141416;
    max-width: 400px;
    padding:10px;
    border-radius: 5px;
    font-size: 13px;
}
.restricted .inner_i {
    display: flex;
    gap: 10px;
    align-items: center;
}
.restricted .inner_i .name_i {
    font-weight: bold;
}
.restricted_screen {
    background: #141416;
    max-width: 400px;
    padding:20px;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
}
.restricted_screen .button_rc {
    margin:10px 0 0 0;
}
.restricted_screen .button_rc a{
    display: inline-block;
    padding:5px 20px;
    border:1px solid #7C0000;
    border-radius: 5px;
    color:#7C0000;
    text-decoration: none;
}

.range_group {display:grid;grid-template-columns: 130px 1fr;}
input[type=range] {border:0!important;margin:0!important;padding:0!important;width:100%!important}
.range_values {margin: -10px 0 -10px 0;}
input {
    color-scheme: dark;
}

.games_with_filter {
    display:grid;
    gap:30px;
    grid-template-columns: 1fr 300px;
    align-items: start;
}
.games_with_filter .filter_menu {
    background: #344156;
    padding:15px;
    border-radius: 5px;
}
.games_with_filter .filter_menu .hed {
    font-size: 18px;
    margin: 0 0 15px 0;
}
.games_with_filter .filter_menu label {
    margin: 0 0 10px 0;
}
.games_with_filter .filter_menu select {
    border-radius:5px;
    background-color: #6F7784;
    font-size: 16px!important;
    line-height: 20px!important;
}
.games_with_filter .filter_menu input[type=date],
.games_with_filter .filter_menu input[type=text] {
    border: 1px solid #6F7784!important;
    border-radius:5px;
}
.games_with_filter .filter_menu .btn {
    background: #6F7784;
    border-radius:5px;
    color:#fff;
    width:100%;
    font-size: 15px;
    font-weight: bold;
}
.myselect {
    border-radius:5px;
    background-color: #6F7784;
    color:#000;
    border: 1px solid #ccc;
    padding:10px 15px;
    cursor: default;
    line-height: 20px!important;
}
.myselect .name_s  {
    position: relative;
}
.myselect .name_s span {
    width:20px;
    height:20px;
    display: block;
    position: absolute;
    right:5px;
    top:2px;
    background: url('../images/arrow.svg') no-repeat;
    background-size: 20px, 20px;
    cursor: pointer;
}
.myselect.opened .name_s span {
    transform: rotate(180deg);
}
.myselect .list_selected {
    display: none;
    margin:20px 0 0 0;
}
.myselect .list_selected .block_over {
    max-height: 200px;
    overflow-y: auto;
}
.myselect.opened .list_selected {
    display: block;
}
.myselect .list_selected input[type=checkbox]{
    display: inline-block;
    width:auto;
}
.goline {
    display: flex;
    align-items: start;
    gap:5px;
}
.goline label {
    position: relative;
    top:-2px;
}
select,
select option {
    color:#000!important;
}
.search_line {
    margin: 0 0 20px 0;
}
.search_line .search_line_input {
    background: #344156!important;
    border:1px solid #0F0F10!important;
    width:100%;
    height:40px;
}
.app_page .tabled table thead tr th {
    background: #423352;
    font-weight: 600;
}
.achivements_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
  align-items: stretch;

  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.achivements_list .one {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #222;
  padding: 10px;
  border: 1px solid #404041;
  text-align: center;
}
.achivements_list .one .name {
    margin: 0 0 10px 0;
    color:#A8A8A8;
    font-weight: 600;
}
.achivements_list .one .image {
    margin: 0 0 10px 0;
}
.achivements_list .one .image img {
    max-width: 100%!important;
    height: auto!important;
}
.achivements_list .one p {
    font-size: 13px;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}
.reviews_list .one_review {
    display: flex;
    align-items: start;
}
.reviews_list .one_review {
    display: flex;
    align-items: start;
    background: #242424;
    margin: 0 0 20px 0;
    border:1px solid #393939;
    padding:15px;
    border-radius: 5px;
    color:#B2B2B2;
}
.reviews_list .one_review .left_review .top_review {
    margin: 0 0 15px 0 ;
}
.reviews_list .one_review .left_review .review_text {
    font-style: italic;
    margin: 0 0 15px 0 ;
}
.reviews_list .one_review .left_review .review_rate {
    font-size:14px;
}
.reviews_list .one_review .right_review {
    margin: 0 0 0 auto;
    padding: 0 0 0 30px;
}

.updates_list .one_update {
    background: #242424;
    margin: 0 0 20px 0;
    border:1px solid #393939;
    padding:15px;
    border-radius: 5px;
    color:#B2B2B2;
}
.updates_list .one_update .name_date {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin: 0 0 15px 0;
}
.updates_list .one_update .name_date .text {
    color:#E0E1E4;
    margin: 0 0 15px 0;
}
.updates_list .one_update .name_date .name {
    font-size: 18px;
    font-weight: 600;
    color:#E0E1E4;
}
.updates_list .one_update .name_date .date {
    font-size: 13px;
    font-weight: 600;
}
.updates_list .one_update .review_rate {
    font-size:14px;
}
.table_tops table {
    width:100%;
}
.table_tops table th,
.table_tops table td {
    border:1px solid #334156!important;
    color:#acacac;
    padding:5px 10px;
}
.table_tops table a {
    color:#acacac;
}
.table_tops table th.active,
.table_tops table td.active {
    background: #1E2433;
}
.table_tops table th.active.green,
.table_tops table th.active.green a,
.table_tops table td.active.green {
    background: #1B1712;
    color:#45D478!important;
}
.table_tops table th.active.yellow,
.table_tops table th.active.yellow a,
.table_tops table td.active.yellow {
    background: #11231A;
    color:#FBBE25!important;
}
.table_tops table th.active.blue,
.table_tops table th.active.blue a,
.table_tops table td.active.blue {
    background: #18131F;
    color:#9433EB!important;
}
.table_tops .avatar_name {
    display: flex;
    align-items: center;
    gap:15px;
}
.table_tops .avatar_name img {
    border-radius: 50%;;
}

.user_top_info {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap:20px;
    align-items: center;
    border:1px solid #334156!important;
    border-radius: 5px;
    padding:10px;
    background: #101013;
}
.user_top_info .counters span{
    width:50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #141B2A;
    border-radius: 50%;
    font-weight: bold;
    color:#2564EB;
    font-size: 20px;
}
.user_top_info .counters.green span{
    color:#49DE80;
}
.user_top_info .counters.yellow span{
    color:#D97707;
}
.user_top_info .counters.playtime span{
    color:#9533EC;
}
.user_top_info .usin {
    display: flex;
    align-items: center;
    gap:15px;
}
.user_top_info .usin p {
    margin:0;
}
.user_top_info .usin .u_name a {
    font-weight: 600;
    font-size: 18px;
}
.user_top_info .usin .toped img{
    border-radius: 50%;
}
.user_top_info .usin .botted {
    color:#acacac;
}
.user_top_info .usin .botted span{
    position: relative;
    margin: 0 15px 0 0;
}
.user_top_info .usin .botted span:after{
    content:"." ;
    position: absolute;
    right:-13px;
    top:-12px;
    font-size: 20px;
    font-weight: 600;
}
.user_top_info .usin .botted span:last-child:after{
    display: none;
}
.users_tops_block {
    margin: 0 0 50px 0;
    padding:30px 0 0 0;
}
.users_tops_block .lists {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:30px;
}
.users_tops_block .one {
    background: #0C0C0D;
    border:1px solid #262629;
    border-radius: 5px;
    padding:20px;
}
.users_tops_block .one .icon_block {
    width:36px;
    height: 36px;
    display: block;
    background: #111826;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 0 10px 0;
}
.users_tops_block .one .icon_block.bl2 {
    background: #0E1F16;
}
.users_tops_block .one .icon_block.bl3 {
    background: #241B0E;
}
.users_tops_block .one .icon_block.bl4 {
    background: #1C1426;
}
.users_tops_block .one .icon_block img {
    max-width: 20px;
    max-height: 20px;
}
.users_tops_block .one .name {
    font-size: 20px;
}
.users_tops_block .one .text {
    color:#979294;
}
.cookie_window {
    position: fixed;
    bottom:20px;
    right:20px;
    z-index:999;
    background: #141416;
    width:360px;
    padding:15px;
    border-radius: 5px;
    border:1px solid #262629;
    font-size: 14px;
    color:#979294;
    transition: 1s;
}
.cookie_window.hide {
    bottom:-500px;
}
.cookie_window .buttons {
    padding:15px 0 0 0;
}
.cookie_window .buttons .btn {
    border:1px solid #84A8E0;
    font-size: 14px;
    color:#84A8E0;
    margin: 0 15px 0 0;
}
.mobile_game_menu {
    display: none;
}
.blog_post_text img {
    max-width: 100%!important;
    height: auto!important;
}
.blog_post_text table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom:20px;
}
.blog_post_text th, .blog_post_text td {
    border: 1px solid #fff;
    padding: 8px;
}
#reviews,
#achievements,
#charts {
    max-width: 100%;
}
.blog_post_text h1,
.blog_post_text h2,
.blog_post_text h3,
.blog_post_text h4,
.blog_post_text h5,
.blog_post_text h6 {
    font-weight: bold;
    margin: 1em 0 0.5em;
    line-height: 1.3;
}

.blog_post_text p {
    margin: 0 0 1em;
    line-height: 1.6;
}

.blog_post_text strong {
    font-weight: bold;
}

.blog_post_text em {
    font-style: italic;
}

.blog_post_text u {
    text-decoration: underline;
}

.blog_post_text a {
    color: #007BFF;
    text-decoration: underline;
}
.blog_post_text a:hover {
    text-decoration: none;
}

.blog_post_text ul,
.blog_post_text ol {
    padding-left: 2em;
    margin: 1em 0;
}

.blog_post_text ul li,
.blog_post_text ol li {
    margin-bottom: 0.5em;
}

.blog_post_text blockquote {
    margin: 1em 0;
    padding: 0.5em 1em;
    border-left: 4px solid #ccc;
    background-color: #f9f9f9;
    color: #555;
    font-style: italic;
}

.blog_post_text img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
}

.blog_post_text table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.blog_post_text table th,
.blog_post_text table td {
    border: 1px solid #ccc;
    padding: 0.5em;
    text-align: left;
}

.blog_post_text hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 2em 0;
}
.blog_post_text ul {
    list-style-type: disc;
    padding-left: 2em;
    margin: 1em 0;
}

.blog_post_text ul li {
    margin-bottom: 0.5em;
    position: relative;
}

.blog_post_text ul li::marker {
    color: #333; /* або будь-який інший колір, що відповідає темі сайту */
    font-size: 1em;
}
.blog_post_text ul ul {
    list-style-type: circle;
    margin-top: 0.5em;
}

.blog_post_text ul ul ul {
    list-style-type: square;
}
.blog_post_text .marker {
    display: inline-block;
    background-color: #ffeeba; /* світло-жовтий фон */
    color: #000; /* темний текст */
    padding: 0.2em 0.5em;
    border-radius: 4px;
    font-weight: bold;
}
.blog_post_text blockquote {
    border-left: 6px solid #ccc;
    padding-left: 1em;
    margin: 1.5em 0;
    font-style: italic;
    color: #333;
    background: none;
    font-size: 1.05em;
    line-height: 1.6;
    background-color: #f9f9f9;
}