.socials__title {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #737572;
    margin-bottom: 22px
}

.socials__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    padding: 20px 16px;
    position: relative;
    overflow: hidden
}

.socials__item+.socials__item {
    margin-top: 16px
}

.socials__item_vk {
    background: linear-gradient(180deg, rgba(50, 119, 170, 0.6) 0%, #477bff 100%)
}

.socials__item_vk .socials__item-bg {
    background: url("https://i.imgur.com/eIEvMCw.png")
}

.socials__item_ds {
    background: linear-gradient(180deg, rgba(151, 71, 255, 0.6) 0%, #9747ff 100%)
}

.socials__item_ds .socials__item-bg {
    background-image: url("https://i.imgur.com/bcMvuX3.png")
}

.socials__item_tg {
    background: linear-gradient(180deg, rgba(50, 119, 170, 0.6) 0%, #477bff 100%)
}

.socials__item_tg .socials__item-bg {
    background: url("https://i.imgur.com/caabuFI.png")
}

.socials__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.socials__item-left {
    position: relative;
    z-index: 2
}

.socials__item-title {
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(224, 224, 224, 0.68);
    margin-bottom: 8px;
    font-weight: 300
}

.socials__item-name {
    font-size: 15px;
    color: #f2f2f2;
    font-weight: 500
}

.socials__item-right {
    position: relative;
    z-index: 2
}

.socials__item-link {
    padding: 13px 9.5px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 500;
    color: #e0e0e0;
    font-size: 10px;
    transition: all 0.3s ease-out
}

.socials__item-link:hover {
    background: #ffffff;
    color: #121218
}
.navbar
    {font-family:Roboto, sans-serif;
    font-weight:500;text-transform:uppercase;
    background:rgba(255, 36, 39, 0);
    border:none;
    margin:0 0 20px;
    box-shadow:0 0 5px 2px #ffee00, 0 0 0 2px #ffe800;
    border-radius:25px 5px 25px 5px;
    font-size:12px}
.navbar 
.nav > li > a{color:#ffc800;background:none}
/*текст шапки магазина*/
.navbar-header > a{color:#ffe424}

.navbar-brand
    {float:left;padding:15px;
    font-size:18px;
    line-height:20px;
    height:50px;
    text-shadow:1px 5px 10px #ffe400}


}
/*почти вся обводка магаза*/
.xbox
    {position:relative;background:rgb(255 212 36 / 30%);
    margin-bottom:20px;
    border-radius:50px 10px 50px 10px;box-shadow:0 0 5px 2px rgba(0, 0, 0, 0)}

.xbox_widget_stats > .xbox__footer,.xbox_widget_stats > .xbox__header
    {background:rgba(255, 36, 39, 0)}

.xbox__header
    {border-radius:40px 5px 5px 5px}

.footer
    {position:fixed;
    right:0;
    bottom:0;
    background:rgba(255, 36, 39, 0.12);
    padding:10px 15px;
    border-radius:40px 3px 3px 3px;
    box-shadow:0 0 2px 2px rgb(253 191 44 / 45%)}

.product
    {
    border-radius:30px 8px 30px 8px;
    box-shadow:0 0 0 2px rgb(255 198 36 / 78%);
    transition:all 0.9s linear;
    background: rgb(253 187 0 / 10%);
    margin:14px
    }

.product:hover
    {box-shadow:0 0 10px 5px #ffc024, 0 0 0 2px #ffd924;
    transition:all 0.06s linear;
    transform:scale(1.1, 1.1)}

.product__price
    {top:0;
    left:0;
    padding:4px 11px;
    border-radius:25px 2px 25px 2px}

.product__image
    {
    padding:8%;
    width:100%;
    border-radius:35px 8px 35px 8px;
    }

.store-categories > .btn
    {margin-bottom:7px;
    box-shadow:0 0 2px 1px rgb(255 230 36 / 99%);
    transition:all 0.05s linear;
    color:#ffd024;
    border-radius:20px 3px 20px 3px;
    padding:5px 15px;
    margin-left:8px}

.store-categories > .btn:hover
    {box-shadow:0 0 2px 1px rgb(255 176 36 / 99%);
    transform:scale(1.1, 1.1)}

.btn
    {border-radius:25px 5px 25px 5px;
    box-shadow:0 0 2px 1px rgb(255 220 36 / 99%)}

.btn-success
    {color:#fff;
    background-color:rgb(255 203 36 / 49%);
    border-color:rgb(255 220 36 / 42%)}




.product {
    position: relative;
    border-radius: 25px;
    box-shadow: 0 15px 15px rgba(0,0,0,.9);
    margin: 6px;
    cursor: pointer;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}
.product__price {
   
    padding: 20px;
    width: 100%;
    opacity: 3;
}
.product__name {
    padding: 20px;
    width: 100%;}
/*тряска предметов*/
.product:hover{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
/*все предметы*/
    .product:hover .product__image{
        animation: 1s 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: 0s ease-in-out alternate infinite aqwe backwards
    }
/*тряска предметов при их покупке*/
    .service__image{
        animation: 0s ease-in-out alternate infinite aqwe backwards
    }

    @keyframes aqwe{0%{transform: rotate(-4deg)}50%{transform: scale(1.25);box-shadow: 0 0px 0px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .05)}
        100%{transform: rotate(4deg)}}
/* округление нижнего блока*/
.xbox__footer {
    border-radius: 0 0 30px 30px;
}
.xbox {
background: #30303000;
}

.audio {
    width: 265px;
    height: 95px;
    padding: 20px;
    background: #30303073;
}  



} 
.xbox__store
{
visibility: hidden;
display: none;
}
.header-image
{
box-shadow:0 0 5px 2px rgba(0, 0, 0, 0)}
/* загрузка магазина*/
.gs-loader .gs-loader-inner .spi {
    width: 180px;
    height: 180px;
    background-image: url(https://gspics.org/images/2023/12/12/053mIs.png);
    background-size: contain;
    background-repeat: no-repeat;
    animation: loader4 1s infinite ease;    
  	filter: drop-shadow(0px -0px 40px rgb(78 55 14 / 53%));
}
.gs-loader .gs-loader-inner .spi:before {
    border: none !important;
}
.gs-loader .gs-loader-inner .spi:after {
    background-color: transparent;
}
.gs-loader {
    background-image: url(https://gspics.org/images/2023/12/12/053GPI.jpg);
    background-attachment: fixed;
    background-size: 99%;
    background-repeat: no-repeat;
}
/* кнопка авторизации*/
.login-button
    {
     background: url();
   
     }
/* скрытие надписи гейм стор*/
.footer{
position:absolute;
top:11110px;

}
/* Оформление панели */
#side-checkbox {
    display: none;
}
.side-panel {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: -360px;
  /* Оформление фона панели */
background-image: url();
    transition: all 0.5s;   
    width: 320px;
    height: 100vh;
    box-shadow: 10px 0 20px rgba(0,0,0,0.4);
    color: #FFF;
    padding: 40px 20px;
}
.side-title {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    
}
/* Оформление кнопки на странице */
.side-button-1-wr {
  position: fixed;
  top: 0px;
  left: 0px;
  
  
  
    text-align: center; /* Контейнер для кнопки, чтобы было удобнее ее разместить */
}
.side-button-1 {
    display: inline-block;
}
.side-button-1 .side-b {
   border-radius: 50px 50px 50px 50px;
  height: 60px;
    margin: 10px;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 12px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    font-family: 'Roboto', Тahoma, sans-serif;
  /* Оформление кнопки */
    background-image: url(https://cdn.discordapp.com/attachments/548809610744692739/1025528101914017812/fff.png);
    cursor: pointer; 
    
}

}
.side-button-1 .side-b:after,
.side-button-1 .side-b:before {
    position: absolute;
    height: 4px;
    left: 50%;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.side-button-1 .side-open:after,
.side-button-1 .side-open:before {
    background: #ffa000;
}
.side-button-1 .side-close:after,
.side-button-1 .side-close:before {
    background: #fffe00;
}
.side-button-1 .side-b:before {
    top: -6px;
}
.side-button-1 .side-b:hover:after,
.side-button-1 .side-b:hover:before {
    width: 100%;
    left: 0;
}
/* Переключатели кнопки 1 */
.side-button-1 .side-close {
    display: none;
}
#side-checkbox:checked + .side-panel + .side-button-1-wr .side-button-1 .side-open {
    display: none;
}
#side-checkbox:checked + .side-panel + .side-button-1-wr .side-button-1 .side-close {
    display: block;
}
#side-checkbox:checked + .side-panel {
    left: 0;
}
/* Оформление кнопки на панеле */
.side-button-2 {
    font-size: 30px;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    cursor: pointer;
    transform: rotate(45deg);
    color: #008bff;    
    transition: all 280ms ease-in-out;    
}
.side-button-2:hover {
    transform: rotate(45deg) scale(1.1);    
    color: #FFF;
}
.asd{
  margin-top: 10px;
}
.dsa{
  margin-top: 10px;
}


/* кнопка наверх */
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-image: url(https://cdn.discordapp.com/attachments/548809610744692739/1025789808418770984/fff.png); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 60px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
  width: 60px;
    height: 50px;
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}



/* панель покупки весь блок панели */
.modal-content.modal-donate{


  border-radius: 10px 30px 10px 30px;
}



/* панель покупки верх */
.modal-header{

  
}


/* панель покупки центр */
.modal-body{

 
  
}


/* панель покупки центр центра */
.service__description{
background:none;
  
}
/* панель покупки низ */
.modal-footer{

  
}
 /* Изображение для мобильных устройств */
  .gs-loader {
   background-image: url("https://gspics.org/images/2023/12/12/053GPI.jpg");
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  }