/* Template created by tcse-cms.com | Author: Vitaly V. Chuyakov | URL: http://tcse-cms.com */
.modal-backdrop {
  z-index: 20;
}

.edit-btn {
  position: absolute;
  opacity: 0.6;
}

#dropmenudiv {
  margin-left: 30px;
  opacity: 0.6 !important;
  left: 120px !important;
}

/* Страница загрузки */
.down-page-1 {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  padding: 15px;
  margin: 10px 0;
  border: 1px solid #bAb3a1;
}

.down-page-1 h1 {
  font-size: 1.2rem;
}

.down-page-1 ul {
  display: inline-flex;
}

.down-page-1 ul li {
  list-style: none;
  margin: 0 1rem;
  padding: 0;
}

.adv-left {
  margin-right: 1rem;
}

.adv-right {
  margin-left: 1rem;
}

@media (max-width:  767px) {
  .down-page-1 {
    flex-direction: column;
    align-items: center;
  }
  .down-page-1 ul {
    display: inline-block;
  }
  .down-page-1 a {
    margin-top: 0.5rem;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .down-page-adv {
    flex-direction: column;
    align-items: center;
  }
  .adv-left {
    margin-right: 0;
  }
  .adv-right {
    margin-left: 0;
  }
}

.file-none {
  display: none;
}

.timer-hide {
  display: none;
}

.file-active {
  border: 1px solid #007bff;
  color: #007bff;
  display: block;
  font-size: 18px;
  line-height: 50px;
  padding: 0 45px 0 28px;
  position: relative;
  text-transform: uppercase;
}

.file-active:hover {
  background: #007bff;
  color: #fff;
}

.file-active i {
  margin-left: 10px;
}

.file-active i.fa {
  font-size: 20px;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}

/*-----------heading style-1----------*/
.heading_title1 span.d_block {
  height: 3px;
  margin-left: 52px;
  width: 30px;
}
.heading_title1.right_align span.d_block {
  margin-right: 52px;
  margin-left: auto;
}
.heading_title1.center_align span.d_block {
  margin: 0 auto;
}
.heading_title1 span.d_block::after,
.heading_title1 .d_block::before {
  background: #e2e2e2;
  content: "";
  height: 1px;
  position: absolute;
  top: 1.5px;
  width: 30px;
}
.heading_title1 span.d_block::after {
  right: -48px;
}
.heading_title1 span.d_block::before {
  left: -48px;
}

/* Стили для редактора во фронте */
.mce-window {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: transparent;
  background: #FFF;
  position: fixed !important;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(.1);
  transition: transform 100ms ease-in,opacity 150ms ease-in;
}

.mce-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 318px !important;
}

/* Выравнивание блоков по 3 в ряд */
#dle-content .short-news:nth-of-type(3n+1) { clear: both; }
.wp-caption {max-width: 100%;}
.full-content img {
  max-width: 100%;
  display: inherit;
}

.header-logo {
  padding: 10px 0;
}

.wsmenucontainer {
  z-index:10;
}

/* Пагинация */
/*-------common style for pagination section --------*/
.bg_efefef {
  background: #efefef;
}
.pagination_common {
  width: 100%;
}
.pagination_common > li {
  display: inline-block;
}
.pagination_common > li a{
  text-align: center;
}

/*----------pagination-8-------------*/
.pagination8 li a {
  color: #1e1e1e;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  position: relative;
  border-bottom: 2px solid transparent;
}
.pagination8 li a i {
  background: #027aec;
  color: #fff;
  font-size: 20px;
  left: 0;
  padding: 0px 10px;
  position: absolute;
  top: 0;
  line-height: 40px;
}
.pagination8 li a i:after {
  border-right: 10px solid transparent;
  border-top: 40px solid #027aec;
  content: "";
  height: 0;
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
}

.pagination8 li:first-child span {
  color: #1e1e1e;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  position: relative;
  border-bottom: 2px solid transparent;
}

.pagination8 li span i {
  background: #027aec;
  color: #fff;
  font-size: 30px;
  left: 0;
  padding: 0px 10px;
  position: absolute;
  top: 0;
  line-height: 40px;
}
.pagination8 li span i:after {
  border-right: 10px solid transparent;
  border-top: 40px solid #027aec;
  content: "";
  height: 0;
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
}

.pagination8 > li:first-child {
  margin-left: 0;
}
.pagination8 > li:last-child {
  margin-right: 0;
}
.pagination8 li:last-child a,
.pagination8 li:first-child a {
  font-size: 14px;
  padding: 0 15px 0 50px;
  text-transform: uppercase;
  background: #131313;
  color: #fff;
  border-bottom: none;
}

.pagination8 li>span {
  color: #ffffff;
  background: #027aec;
  padding: 3px 8px;
}

.pagination8 li:first-child>span {
  font-size: 16px;
  padding: 0 30px 0 70px;
  text-transform: uppercase;
  background: #131313;
  color: #fff;
  border-bottom: none;
}

.pagination8 li a:hover {
  border-bottom-color: #027aec;
}
.pagination8 > li {
  float: left;
  margin: 0 5px;
}

/* Подвал */
.bg-grey {
  background-color: #2d3349;
  color: #80909A;
}
.bg-grey a {
  color: #fff;
  text-decoration: none;
}
.bg-grey a:hover {
  color: #eaeaeb;
  text-decoration: underline;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
  list-style-type: none;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
  list-style-type: none;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
  list-style-type: none;
}
/* Правки для разной ширины экрана */
@media (max-width:  640px) {
  .header-logo {
    text-align: center;
  }
  .full-content img {
    max-width: 100%;
    display: block;
  }
}

@media (min-width: 1200px) {


}
/* Мои правки */
.card-body {
  padding: 0.5rem 1.25rem 1.25;
}
/* ШАПКА */
/* Выпадающее меню */
.dropdown:hover > .dropdown-menu {
  display: block;
}

#navbarTogglerDemo03 > ul.navbar-nav.mr-auto > li.dropdown.nav-item > ul {
  min-width: 15rem;
  margin: 0;
  padding: 0;
  text-align: left;
  border-radius: 0;
}

#navbarTogglerDemo03 > ul.navbar-nav.mr-auto > li.dropdown.nav-item > ul > li > a {
  padding-left:10px;
}

.smallogo a {
  color: #ffffff;
  font-weight: 700;
}

/* ПОДВАЛ */


/* САЙДБАР */
/* Боковое меню */
.submenu a {
  padding-left: 20px !important;
}

/* ГЛАВНАЯ */

.vm-block-main {
  padding-top: 15px;
}

.vm-for-menu {
  margin-top: 0;
}

/* Блок Welcom для главной */
@media (max-width: 1200px) {
  .welcome-row {
    margin: 0;
  }
  .welcome-left {
    text-align: center;
  }
  .welcome p {
    text-align: center;
  }
}

.welcome {
  background-image: url(/uploads/other/bg_game_header.jpg);
  min-height: 250px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #ffffff;
}

.welcome-left {
  margin: 0px 1rem;
}

.welcome-left h1 {
  font-family: 'Open Sans Condensed', sans-serif;
}

.welcome p {
  text-align: left;
  margin: 1rem 0px;
}

.welcome-right {
  margin: 0px 1rem 1rem;
  text-align: center;
}

.welcome-right a {
  font-family: 'Open Sans Condensed', sans-serif;
  border-color: #fff;
  color: #fff;
  border: 2px solid #ffffff;
  line-height: 52px;
  display: inline-block;
  font-size: 18px;
  height: 55px;
  min-width: 250px;
  text-align: center;
}

.welcome-right a:hover {
  color: #000000;
  background: #ffffff;
}

/* Блок Game-list для главной */
.game-list-row {
  margin: 1rem 0;
}

.game-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
}

.game-list-card {
  padding: 0 1rem;
}

.game-card {
  height: 190px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
}

.game-card-title {
  position: absolute;
  bottom: 0;
  padding: 5px 0 5px 5px;
  color: #fff;
  background: #00000082;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 393px;
}

.game-card-title a {
  color: #ffffff;
}

.game-card-title h3 {
  font-size: 1rem;
}

.btn-all-games {
  text-align: center;
  margin-top: 1rem;
}

.btn-all-games a {
  font-family: 'Open Sans Condensed', sans-serif;
  border-color: #000000;
  color: #000000;
  border: 2px solid #000000;
  line-height: 52px;
  display: inline-block;
  font-size: 18px;
  height: 55px;
  min-width: 250px;
  text-align: center;
}

.btn-all-games a:hover {
  color: #ffffff;
  background: #000000;
}

/* КАТЕГОРИИ */
/* Shortstory для раздела Видео */
.card-video {
  max-width: 48%;
  margin: 0 1%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

@media (max-width:  992px) {
  .card-video {
    max-width: 100%;
  }
}

@media (max-width: 1199px) {
  .sh {
    margin-top: 1rem;
  }
}

/* Сортировка */
.sort-panel {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 15px;
  border: 1px solid #e6e7eb;
  padding: 10px;
}

.sort-panel ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

/* Заголовок категории */
.cat-title {
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 15px;
  border: 1px solid #e6e7eb;
  padding: 10px;
}

.cat-title h1 {
  font-size: 1.6rem;
}

.cat-title ol {
  background-color: #ffffff00;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Open Sans', sans-serif;
  color: #6f7173;
  font-weight: normal;
}

.cat-title ol a {
  color: #6f7173;
  font-weight: normal;
}

/* Описание категории */
.cat-desc {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #e0d5d5;
}

/* Иконка игры на карточке */
.cat-icon {
  height: 45px;
  position: absolute;
  padding-top: 5px;
  padding-left: 5px;
}

/* Правая часть карточки */
#dle-content > div > div > div.card-body > div > div {
  display: flex;
}

.sh {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.right-no-title {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .right-no-title-text {
    max-height: 80px;
    overflow: hidden;
  }
}

.author-and-readmore {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}

.author-and-readmore-right {
  float: right;
}

.author-and-readmore-right a {
  color: #ffffff;
  background: #dd4b39;
  padding: 5px 8px;
}

.author-and-readmore-right a:hover {
  color: #dd4b39;
  background: #ffffff;
  border: 1px solid #dd4b39;
}

/* НОВОСТЬ */
/* Заголовок */
.title-post-video {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #000000;
  line-height: 1.15;
  font-size: 26px;
  margin: 8px 0;
  padding: 0;
  text-align: left;
}

/* Вывод основного изображения */
@keyframes header {
  0% {
    background-position-y: 0%;
  }
  50% {
    background-position-y: 100%;
  }
}

.main-image {
  animation: header 15s infinite linear;
  animation-delay: 1s;
}

.main-image {
  color: #ffffff;
  position: relative;
  height: 400px;
  text-align: center;
  margin-bottom: 15px;
  background-position-x: 50%;
  background-position-y: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding: 0;
}

.main-image::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgb(23, 25, 27) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgb(23, 25, 27) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000',endColorstr='#000',GradientType=0);
  bottom: 0;
}

.pagetitle {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 20px 20px 20px;
  position: absolute;
  bottom: 0;
}

.title-post {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  color: #e1e1e1;
  line-height: 1.15;
  font-size: 26px;
  margin: 8px 0;
  padding: 0;
  text-align: left;
}

/* pagetitle-1 */
.pagetitle-1 ol {
  background-color: #ffffff00;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  color: #e1e1e1;
  font-weight: normal;
}

.pagetitle-1 ol a {
  color: #e1e1e1;
  font-weight: normal;
}

.list-inline-item span>a {
  color: #8ea5c3;
  transition: .3s;
  font-weight: 700;
}

/* pagetitle-3 */
.pagetitle-3 {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
}

.pagetitle-3-left {
  display: flex;
}

@media (max-width: 1200px) {
  .pagetitle-3-left {
    justify-content: center;
    margin-bottom: 10px;
  }
}

.like {
  display: flex;
  align-items: center;
}

.like-left span {
  font-size: 2rem;
}

.like-left a {
  color: #3dc32e;
}

.like-right {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}

.like-right-top {
  font-size: 10px;
}

.views {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.views-left span {
  font-size: 2rem;
}

.views-left a {
  color: #3dc32e;
}

.views-right {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}

.views-right-top {
  font-size: 10px;
}

.dl {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.dl-left span {
  font-size: 2rem;
}

.dl-left a {
  color: #3dc32e;
}

.dl-right {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}

.dl-right-top {
  font-size: 10px;
}

.version {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.version-left span {
  font-size: 2rem;
}

.version-left a {
  color: #3dc32e;
}

.version-right {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}

.version-right-top {
  font-size: 10px;
}

.pagetitle-3-right {
  display: flex;
  align-self: center;
  justify-content: flex-end;
}

@media (max-width: 1200px) {
  .pagetitle-3-right {
    justify-content: center;
  }
}

.bookmarks {
  margin-left: 1rem;
  background: #57a5cc99;
  padding: 5px 15px;
  border-radius: 2px;
  align-self: flex-end;
}

.bookmarks a {
  color: #ffffff
}

.dwn-anchor {
  margin-left: 1rem;
  background: #57a5cc99;
  padding: 5px 15px;
  border-radius: 2px;
  align-self: flex-end;
}

.dwn-anchor a {
  color: #ffffff
}

.like-btn {
  margin-left: 1rem;
  background: #3dc32e9e;
  padding: 5px 15px;
  border-radius: 2px;
  align-self: flex-end;
}

.like-btn a {
  color: #ffffff
}

.before_tab_ad {
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
    max-height: 300px;
}

@media (max-width: 992px) {
  .before_tab_ad {
      max-height: 70vh;
	}
}

/* mods-info */
.mods-info {
  padding: 0 2rem 1rem;
  margin: 0;
  box-shadow: 0px 10px 34px -20px #403f3fab;
}

.mods-info-col {
  border-right: 1px solid #d5d7da;
  text-align: center;
}

.mods-info-col:nth-child(3) {
  border-right: none;
  text-align: center;
}

@media (max-width: 992px) {
  .mods-info {
    box-shadow: none;
  }

  .mods-info-col {
    border-right: none;
    border-bottom: 1px solid #d5d7da;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
}

.mods-tabs {
  margin: 0 1.2rem;
}


.nav-link.active {
  border-color: #007bff;
  color: #007bff !important;
  background: #ffffff !important;
}

.nav-link {
  background: #fefefe;
  border: 1px solid #a2a2a2;
  border-radius: 0 !important;
  color: #444;
  margin-left: 10px;
  padding: 6px 10px;
  text-transform: uppercase;
}

.nav-link:hover {
  border-color: #007bff !important;
  color: #007bff;
  background: #ffffff !important;
}

/* Бордер инфо блоков */
.info-border {
  padding: 5px;
  border: 1px solid #e6e7eb;
}

/* Галерея */
.xfieldimagegallery {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.xfieldimagegallery li {
  flex-grow: 1;
  width: 25%;
  min-width: 200px;
}

.xfieldimagegallery li:nth-child(4n+2) {
  width: 33%;
}

.xfieldimagegallery li img {
  width: 100%;
  height: 200px;
}

/* Видео */
.video-obzor {
  margin-top: 15px;
  width: 100%;
  display: inline-grid;
  justify-content: center;
}

.video-obzor {
  position: relative;
  padding-bottom: 53%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-obzor iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Блок загрузки */
.info-mods {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  justify-content: space-between;
}

.info-mods-title {
  font-size: 18px;
  font-weight: 700;
}

.info-mods > ul > li {
  border-bottom: 1px solid #e6e7eb;
  padding: 5px;
}

.block-author {
  padding: 7.5px;
}

.down-redirect a {
  border: 1px solid #007bff;
  color: #007bff;
  display: block;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  position: relative;
  text-transform: uppercase;
}

.down-redirect a:hover {
  color: #ffffff;
  background: #007bff;
}

.down-redirect a i {
  margin-left: 11px;
}

/* Почта */
.pm-body {
  flex-direction: column;
}