/* СВЕТЛЫЙ СТИЛЬ */

.skin-light {
    background-color: #efebe2 !important;
}
.skin-light .header__nav .nav-link span {
    color: #6f6551 !important;
}
.skin-light .header__nav .nav-link i{
	fill:#6f6551 !important;
	transition:fill .3s ease-in-out;
}
.skin-light .header__nav .nav-link:hover span,
.skin-light .header__nav .nav-link:focus span{
	color:#e8ca87 !important;
}
.skin-light .header__nav .nav-link:hover i,
.skin-light .header__nav .nav-link:focus i{
	fill:#e8ca87 !important;
}
.skin-light .header__balance {
    color: #6f6551 !important;
    fill: #6f6551 !important;
}
.skin-light .header__balance:hover {
	color:#e8ca87 !important;
	fill:#e8ca87 !important;
}
.skin-light .header._mod-status--move {
    background: rgb(255 255 255 / 100%) !important;
}
@media (max-width: 1279px) {
    .skin-light .header__nav {
        background: rgb(255 255 255 / 100%) !important;
    }
}
.skin-light .header__lng-dropdown {
    background: rgb(255 255 255 / 100%) !important;
}
.skin-light .navigation__logo-light {
    /* width: 180px; */
    transition: filter .3s ease-in-out;
	padding: 0px 0px 0px 0px !important;
    border-left: 0px solid transparent !important;
}
.skin-light .navigation__logo-dark {
    display: none !important;
}
@media (max-width: 720px) {
    .skin-light .navigation__logo-light {
        width: 75px;
    }
}
.skin-light .navigation__logo-light:hover{filter:brightness(130%)}
.skin-light .navigation__logo-light img {
    display: block;
    width: 100%;
    height: auto;
}
.skin-light .footer__cpr-logo-emblem-light {
  margin: -10px 0;
}
.skin-light .footer__cpr-logo-emblem-dark {
  display: none !important;
}

@media (max-width: 1024px) {
  .skin-light .footer__cpr-logo-emblem-light {
    margin: 0;
  }
}
.skin-light .navigation__item-text {
    width: auto;
    font-family: "Proxima Nova";
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #6f6551;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .3s ease-in-out;
}
.skin-light .navigation__item-text:hover {
	color: #d49600
}
@media (max-width: 1340px) {
    .skin-light .navigation__item-text {
        width: 100%;
        height: 46px;
        padding: 0px 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        line-height: 16px;
        color: #6f6551;
    }
}
@media (max-width: 1340px) {
    .skin-light .left-side {
        display: none;
    }
}
.skin-light .about::before, .skin-light .about::after, .skin-light .join-us::after {
    content: "";
    position: absolute;
    z-index: 30;
    left: 0;
    width: 100%;
    height: 4.4rem;
    background: url(../images/border_line.png) no-repeat center;
    background-size: cover;
}
.skin-light .nav-main a > i {
    color: #6f6551 !important;
}
.skin-light .nav-main a:hover > i {
    color: #f2a53d !important;
}
.skin-light .has-border-bottom::after {
    content: "";
    width: 100%;
    height: 44px;
    background: url(../images/border_line.png) bottom center repeat-x;
    position: absolute;
    bottom: -22px;
    left: 0;
    z-index: 2;
}
.skin-light .join-us {
    background: url(../../promo_new/images/bgs/page-index/news_light_bg.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.skin-light .servers__pagination .swiper-pagination-bullet {
    background: #efebe3 !important;
}

/* ТЕМНЫЙ СТИЛЬ */

.skin-dark {
    background-color: #201F1E !important;
}
.skin-dark .navigation__logo-dark {
    /* width: 180px; */
    transition: filter .3s ease-in-out;
	padding: 0px 0px 0px 0px !important;
    border-left: 0px solid transparent !important;
}
.skin-dark .navigation__logo-light {
    display: none !important;
}
@media (max-width: 720px) {
    .skin-dark .navigation__logo-dark {
        width: 75px;
    }
}
.skin-dark .navigation__logo-dark:hover{filter:brightness(130%)}
.skin-dark .navigation__logo-dark img {
    display: block;
    width: 100%;
    height: auto;
}
.skin-dark .footer__cpr-logo-emblem-dark {
  margin: -10px 0;
}
.skin-dark .footer__cpr-logo-emblem-light {
  display: none !important;
}
@media (max-width: 1024px) {
  .skin-dark .footer__cpr-logo-emblem-dark {
    margin: 0;
  }
}
.skin-dark .navigation {
    background: rgb(73 68 67) !important;
}

.skin-dark .navigation__group {
    background: rgb(73 68 67);
}
.skin-dark .navigation__group-item-text {
    color: #fff;
}
.skin-dark .navigation__sidebar {
    background: #3f3a38;
}
.skin-dark .navigation__item .navigation__group-item:before{content:"";width:4px;height:4px;border-radius:50%;background:#d49600;position:absolute;top:calc((100% - 4px)/2 + 1px);left:0px;opacity:0;transition:opacity .3s ease-in-out,left .3s ease-in-out}
.skin-dark .navigation__group-item-text:hover{color:#d49600}
.skin-dark .navigation__item .navigation__group-item:hover:before{opacity:1;left:25px}
.skin-dark .navigation__item-text {
    width: auto;
    font-family: "Proxima Nova";
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .3s ease-in-out;
}
.skin-dark .navigation__item-text:hover {
	color: #d49600
}
@media (max-width: 1340px) {
    .skin-dark .navigation__item-text {
        width: 100%;
        height: 46px;
        padding: 0px 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 16px;
        line-height: 16px;
        color: #fff;
    }
}
@media (max-width: 1340px) {
    .skin-dark .navigation__links {
        width: 300px;
        height: auto;
        position: absolute;
        top: 100%;
        right: 0px;
        background: rgb(73 68 67);
        margin-right: 0px;
        padding: 20px 0;
        display: none;
        border-radius: 0 0 5px 5px;
    }
}
.skin-dark .small-btn {
    background: #322d29;
    color: #fff;
}
.skin-dark .small-btn:hover {
    color: #ebba6d;
    background: #423c37;
}
.skin-dark .small-btn.texture {
    background: url(../images/bg/nav_button_bg.jpg) center center no-repeat;
    color: #fff !important;
    transition: filter .3s ease-in-out, background .3s ease-in-out !important;
}
.skin-dark .small-light-btn {
    height: 40px;
    padding: 0 30px;
    background: #322d29;
    font-family: "Proxima Nova";
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .3s ease-in-out, background .3s ease-in-out;
}
.skin-dark .small-light-btn:hover {
    color: #fff;
    background: #f3a63a;
}
.skin-dark .features__slider-item {
    background: #3f3a38 !important;
    border-radius: 0px 0px 12px 12px !important;
}
.skin-dark .has-border-top::before {
    background: url(../images/border_line_dark.png) bottom center repeat-x !important;
}
.skin-dark .has-border-bottom::after {
    background: url(../images/border_line_dark.png) bottom center repeat-x !important;
}
.skin-dark .border {
    width: 100%;
    height: 44px;
    background: url(../images/border_line_dark.png) bottom center repeat-x !important;
    margin: -22px auto;
}
.skin-dark .about::before, .skin-dark .about::after, .skin-dark .join-us::after {
    content: "";
    position: absolute;
    z-index: 30;
    left: 0;
    width: 100%;
    height: 4.4rem;
    background: url(../images/border_line_dark.png) no-repeat center;
    background-size: cover;
}
.skin-dark .inner-page__title {
    color: #ebba6d !important;
}
.skin-dark .inner-page__content .text-area {
    color: #fff !important;
}
.skin-dark .text-donat {
    color: #e1ddd4 !important;
}
.skin-dark .btn-donat {
    color: #fff !important;
}
.skin-dark .row {
    color: #ebba6d !important;
}
.skin-dark .footer__links-group-title {
    color: #e8ca87 !important;
}
.skin-dark .footer__cpr-title {
    color: #e1ddd4 !important;
}
.skin-dark .footer__cpr-text {
    color: #e1ddd4 !important;
}
.skin-dark .footer__cpr-links {
    color: #e1ddd4 !important;
}
.skin-dark .footer__links-group ul li {
    color: #e1ddd4 !important;
}
.skin-dark .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 0 0 / 10%) !important;
	color: #dbdbdb !important;
}
.skin-dark .inner-page__content .text-area table {
    background-color: #312e2e !important;
}
.skin-dark .grid.account {
    border: 1px solid #544B48 !important;
}
.skin-dark .table > thead > tr > th, .skin-dark .table > tbody > tr > th, .skin-dark .table > tfoot > tr > th, .skin-dark .table > thead > tr > td, .skin-dark .table > tbody > tr > td, .skin-dark .table > tfoot > tr > td {
    border-top: 1px solid #3f3a38  !important;
	border-bottom: 1px solid #544B48 !important;
}
.skin-dark .info-ac {
    border-bottom: 1px solid #544B48 !important;
}
.skin-dark .main-features__card-content-text .text-area {
    border: 1px solid #544B48 !important;
}
.skin-dark .grid-title {
    color: #ebba6d !important;
}
.skin-dark .inner-page__content .text-area table {
    color: #e1ddd4 !important;
}
.skin-dark .btn {
    color: #e1ddd4 !important;
}
.skin-dark .text-muted {
    color: #b4a583 !important;
}
.skin-dark .modal-backdrop {
    background-color: #272624 !important;
}
.skin-dark .close {
  float: right;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  color: #ffe19d;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  width: 7px;
  margin-top: -27px;
}
.skin-dark .close:hover {
  color: #ffe19d;
  text-decoration: none;
}

.skin-dark .btn-outline-primary i {
    color: var(--brand-color);
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

/* FORM */
.skin-dark .form-group label {
    font-weight: 400;
}

.skin-dark .form-control {
    color: #b5b5b5;
    background-color: #1c1c1c;
    border: 1px solid #2e2d2d;
    width: 241px !important;
    height: 38px !important;
}

.skin-dark .form-control:focus {
    box-shadow: none;
}
.skin-dark .input-group-addon, .skin-dark .input-group-btn, .skin-dark .input-group .form-control {
    display: table-cell;
    box-sizing: border-box;
    height: 40px;
    border: 2px solid #f3a63a;
    border-radius: 10px 10px 10px 10px;
    background: #292D34 !important;
}

/* INPUT GROUP */
.skin-dark .input-group .input-group-addon {
    border-radius: 0;
    background-color: #1c1c1c;
}

.skin-dark .patch-title p {
    color: #ebba6d !important;
}
.skin-dark .form-group {
    color: #ebba6d !important;
}
.skin-dark .open-main-menu {
    width: 38px;
    height: 30px;
    position: relative;
    cursor: pointer;
    display: none;
    background-color: #322d29;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
}
@media (max-width: 1340px) {
    .skin-dark .open-main-menu {
        display: flex;
    }
}
.skin-dark .open-main-menu:hover {
    background-color: #322d29;
}
.skin-dark .open-main-menu:hover:after,.open-main-menu:hover:before{background:#fff}
.skin-dark .open-main-menu:hover .open-main-menu__item{transform:scale(0.7, 1)}
.skin-dark .open-main-menu.active:after{transform:rotate(-135deg) scale(0.7, 1);top:calc((100% - 2px)/2)}
.skin-dark .open-main-menu.active:before{transform:rotate(135deg) scale(0.7, 1);top:calc((100% - 2px)/2)}
.skin-dark .open-main-menu.active .open-main-menu__item{transform:scale(0, 1)}
.skin-dark .open-main-menu:after{content:"";width:calc(100% - 12px);height:2px;background:#fff;position:absolute;transform:rotate(0deg);transition:all .3s ease-in-out;top:8px;left:6px;transform:scale(0.7, 1)}
.skin-dark .open-main-menu:before{content:"";width:calc(100% - 12px);height:2px;background:#fff;position:absolute;transform:rotate(0deg);transition:all .3s ease-in-out;top:calc(100% - 10px);left:6px;transform:scale(0.7, 1)}
.skin-dark .open-main-menu__item{width:calc(100% - 12px);height:2px;background:#fff;position:absolute;top:calc((100% - 2px)/2);left:6px;transform:rotate(0deg);transition:all .3s ease-in-out;transform:scale(0.7, 1)}
.skin-dark .input-group-text {
    color: rgb(73 68 67);
    background-color: #ebba6d;
    border: 1px solid #2e2d2d;
}
.skin-dark .input-group-text {
    color: #ffffff;
    background-color: #f3a63a;
    border: 1px solid #c5c2c1;
}
.skin-dark .available-auc-balance {
    background: #201f1e !important;
}
.skin-dark .form-group-auction {
    background: #201f1e !important;
}
.skin-dark .auction-tool-left {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    background: linear-gradient(to bottom, rgb(32 31 30), rgb(32 31 30), rgb(32 31 30 / 0%));
    position: relative;
    min-height: 680px;
}
.skin-dark .content_auction {
    background: linear-gradient(to bottom, rgb(73 68 67), rgb(73 68 67), rgb(73 68 67 / 0%));
}
.skin-dark .auction-table {
    background: #494443;
    color: #6f6551;
}
.skin-dark .auction-filter-top {
    background: #494443;
}
.skin-dark .auction-table-row-head {
    background: #494443;
}
.skin-dark .nav-auction-page a {
    color: #e9dad5 !important;
}
.skin-dark .type-filter-el {
    color: #e9dad5 !important;
}
.skin-dark .nav-auction-title {
    color: #e9dad5 !important;
}
.skin-dark .type-filter-title {
    color: #e9dad5 !important;
}
.skin-dark .grade-filter-el {
    color: #e9dad5 !important;
}
.skin-dark .auction-table-row-head {
    color: #ffffff;
}
.skin-dark .available-auc-balance span {
    font-weight: bold;
    color: #ffffff;
}
.skin-dark .progressbox {
    background: #544B48 !important;
}
.skin-dark .progressline {
    border: 1px solid #544B48 !important;
}
.skin-dark .stats__slider-item {
    background: #3f3a38 !important;
}
.skin-dark .sidebar {
    position: fixed;
    color: #e6ecec;
    background: rgb(73 68 67);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}
@media (max-width: 1340px) {
	.skin-dark .left-side {
        display: none;
    }
}
.skin-dark .nav-main a > i {
    color: #e9dad5 !important;
}
.skin-dark .nav-main a:hover > i {
    color: #f2a53d !important;
}
.skin-dark .join-us {
    background: url(../../promo_new/images/bgs/page-index/news_dark_bg.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}