.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {}

.navbar-collapse>.navbar-nav:first-child .nav-item:last-child {
    display: none
}
.product__discount {
   background-color: #800000 !important
}
.bg-success {
    background-color: #800000 !important
}

body,
.wrapper {
    background: #000 url(https://c.radikal.ru/c12/1911/6f/fbe94f613a2b.jpg) top center fixed;
    background-size: cover
}

.input-group {

    border: 1px solid rgba(255, 255, 255, .1);
}



.input-group-addon {
    color: rgba(26, 255, 0, 0.7)
}

.input-group-addon:first-child {
    border-right: 1px solid rgba(255, 255, 255, .1) !important;
}

.fa.fa-search {color: #800000 !important; },
button.btn.btn-block {
    background: #800000 !important;
}

.xbox {
    border: 1px solid rgba(0, 0, 0, 0.64);
    background: rgba(0, 0, 0, 0.64)
}

.xboxheader {
    background: rgba(0, 0, 0, 0.4)
}

.xboxbody {
    background: rgba(0, 0, 0, 0.4);
    border-top: 3px solid rgba(0, 128, 128, 0.64);
    border-bottom: 3px
}

.xboxfooter {
    background: rgba(0, 0, 0, 0.4)
}

element.style,
.productprice {
    background: rgba(255, 255, 255, 0)
}

element.style,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    background: #800000
}

element.style,
.btn-secondary {
    background: rgba(0, 0, 0, 0)
}

element.style,
.btn-secondary {
    border-color: #800000
}

.footer {
    background: rgba(43, 52, 58, 0)
}

.footer>a {
    color: #800000
}

.navbar {
    border: 1px solid rgba(0, 0, 0, 0.64);
    background: rgba(0, 0, 0, 0.64)
}

.xbox {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: 2px solid #ffffff;
}

.xboxheader {
    background: rgba(29, 27, 26, .8)
}

.xboxbody {
    background: rgba(29, 27, 26, .8);
    border-top: 3px solid rgba(0, 128, 128, 0.64);
    border-bottom: 3px solid rgba(0, 128, 128, 0.64)
}

.btn-default.active,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover {
    color: #fff;
    box-shadow: none;
    background: #800000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    border: 1px solid rgba(41, 41, 41, 0);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0)
}

.btn-default,
.btn-default:focus,
.btn-default:hover {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    background: rgba(41, 41, 41, 0);

}

.modal .modal-content {
    background: rgba(0, 0, 0, 0.8)
}

.wcommunity_wrap {
    background-color: rgba(0, 0, 0, 0.37)
}

.btn-success {
    background-color: #800000;
    border: none
}

.btn-success:hover {
    background-color: #800000;
    border: none
}

.store-filters .input-group-addon {
    color: #800000
}

.product {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(0, 0, 0, 0.64);
    border-radius: 15%!important;
}


.product {
    background-color: rgba(0, 0, 0, 0.3);
  

    border: 2px solid #ffffff;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}

.progress-bar-success {
    background-color: #800000 !important;
}

.product:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.navbar {
    background-color: rgba(0, 0, 0, 0.64);
    border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.product {
    background-color: rgba(49, 48, 48, 0.7);
    border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}

.product:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.xbox {
    background: rgba(0,0,0, 0.64);
    border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.xboxbody {
    background: rgba(0, 0, 0, 0.3);
}

.xboxheader {
    background-color: rgba(0, 0, 0, 0.3);
}

.modal-header {
    background-color: rgba(0, 0, 0, 0);
    outline: 2px solid #F984E5;
}

.modal-body {
    background-color: rgba(0, 0, 0, 0);
    outline: 2px solid #F984E5;
}

.modal-footer {
    background-color: rgba(0, 0, 0, 0);
    outline: 2px solid #F984E5;
}
.store__filters .colqq:nth-child(n+1) .product{  /*Очертание вокруг товаров*/
    box-shadow: 1px 1px 10px 9px #960018        
}       
.footer {
font-size: 0px;
padding: 0;
}
.xbox__header { 
text-align: -webkit-center; 
}
.xbox_custom_money {
 text-align: center;
}
}
.xbox
{-moz-box-shadow:0 0 5px #8B0000;
  -webkit-box-shadow:0 0 5px #8B0000;
  box-shadow:0 0 5px #8B0000;
  border-radius:30px
}
.xbox__body > .store:before
{display:block;content:"С помощью ваших пожертвований, мы развиваем сервер.Спасибо!";
  margin-bottom:20px;
  padding:20px;text-align:center;
  text-transform:uppercase;
  font-size:20px;color:#fff;
  background:#8B0000;
  border-radius:4px
}
.xbox_custom_money
{-webkit-box-shadow:none;
  box-shadow:none;
  text-align:center
}
.navbar {
    background: #28282859;  /* делает прозрачность верхнего блока, в котором находятся стандартные кнопки навигационного меню*/
}
.navbar {
    border-radius: 0 0 30px 30px; /* округление верхнего блока, главного, с навигационным меню*/
}
/*Теперь немного анимируем наши иконки, причем анимация появится не только у иконки (при наведении) но и самих картинок внутри товара, а также шапки магазина.*/
.product:hover{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .product:hover .product__image{
        animation: 2s ease-in-out alternate infinite aqwe backwards /*анимация картинки товара*/
    }

    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
        color: #fff;
        background-color: #f1cc6a !important;
    }

    .roulette-item__image{
        animation: 1.5s ease-in-out alternate infinite aqwe backwards
    }

    .service__image{
        animation: 1s ease-in-out alternate infinite aqwe backwards /*анимация картинки внутри товара*/
    }

    /*@include shake(15px, 15px, 1deg, 'shake-slow', 1);*/
    @keyframes aqwe{0%{transform: rotate(-4deg)}50%{transform: scale(1.05);box-shadow: 0 0px 0px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .05)}
        100%{transform: rotate(4deg)}}
body::-webkit-scrollbar {
  width: 14px;               /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
  background: black;        /* цвет дорожки */
}
body::-webkit-scrollbar-thumb {
  background-color: grey;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid red;  /* padding вокруг плашки */
}



/* Общий стиль для всех элементов */
* {
  font-family: 'Montserrat', sans-serif;
}
/* Заголовок виджета */
.widget_maintitle {
  font-weight: 400;
  font-size: 14px;
  color: #b9b9b9;
  margin-bottom: 10px;
  text-align: left;
}
/* Основной блок виджета */
.widget {
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  display: flex;
  align-items: center;
  height: 55px;
  border-radius: 0px;
  margin-bottom: 10px;
  position: relative;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .4s;
  transition: all .4s;
}
/* Фон виджета */
.widget .widget_background {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .4s;
  transition: all .4s;
  background-position: center;
}
/* Наведение на виджет ВКонтакте */
.widget_vk:hover {
  transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transform: scale(1.1);
}
/* Наведение на фон виджета ВКонтакте */
.widget_vk:hover .widget_background:hover {
  transition: transform 300ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transform: scale(1.5);
}
/* Наведение на виджет Discord */
.widget_ds:hover {
  transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transform: scale(1.1);
}
/* Наведение на фон виджета Discord */
.widget_ds:hover .widget_background:hover {
  transition: transform 300ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transform: scale(1.5);
}
/* Фон виджета ВКонтакте */
.widget_vk {
  background: linear-gradient(180deg, #18191f 0%, #3192e5 100%);
}
/* Фон виджета Discord */
.widget_ds {
  background: linear-gradient(180deg, rgb(204 47 112) 0%, #e1f912 100%);
}
/* Фон виджета ВКонтакте */
.widget_vk .widget_background {
  background: url(https://gspics.org/images/2024/02/23/0bbhN8.png);
  background-size: 60%;
}
/* Фон виджета Discord */
.widget_ds .widget_background {
  background: url(https://gspics.org/images/2024/02/23/0bbEsR.png);
  background-size: 60%;
}
/* Заголовок виджета */
.widget .widget_title {
  flex: 1;
  margin-left: 18px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0px 0px 4px black;
}
/* Кнопка виджета */
.widget .widget_button {
  margin-right: 15px;
  padding: 8px;
  background: rgb(51, 51, 51, 1);
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: 600;
  color: #7e7e7e;
  z-index: 2;
  font-size: 10px;
}
/* Наведение на кнопку виджета */
.widget .widget_button:hover {
  padding: 8px;
  background: rgba(205, 66, 42, 1);
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  color: #fff;
  font-size: 10px;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 35%);
}
/* Бонус при пополнении */
@keyframes gradient {
      0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
 }
.bonus {
    width: 50%;
    background: linear-gradient(90deg,#cd422a,#cd422a);
    color: #fff;
    animation: gradient 0s ease infinite;
    background-size: 400% 400%;
    border-radius: 10px 10px 10px 10px;
}
/* Кнопки выбора сервера */
.Servers-module__server {
    width: 50%;
    background: linear-gradient(90deg,#202020,#202020);
    animation: gradient 0s ease infinite;
    background-size: 400% 400%;
    font-size: 16px;
    border-radius: 10px 10px 10px 10px;
}
.Servers-module__server:hover {
    width: 50%;
    background: linear-gradient(90deg,#cd422a,#cd422a);
    color: #fff;
    animation: gradient 0s ease infinite;
    background-size: 400% 400%;
    border-radius: 10px 10px 10px 10px;
}
.Servers-module__active {
    width: 50%;
    background: linear-gradient(90deg,#cd422a,#cd422a);
    color: #fff;
    animation: gradient 0s ease infinite;
    background-size: 400% 400%;
    border-radius: 10px 10px 10px 10px;
}
.Shop-module__header {
text-align: center;