@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, .wrapper {
    background: #F3F4F6 repeat-y;
    background-size: 1920px 1080px;
    background-repeat: repeat;
}
body {
    font-family: 'Jost', sans-serif;
    color: #ffffff;
}
body::-webkit-scrollbar{ 
  display: none;
}

button, input, optgroup, select, textarea {
    font-family: unset;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: unset;
}

.container {
    width: 1200px;
    max-width: 95%;
}

.nav-link[href="/feedback"],.nav-link[href="/news"]{display:none}
.xbox_store .store-categories{display:none}
.xbox_store .xbox__header {display:none}
.xbox__body {padding: 0px;background: none;}
.xbox {background: none;padding: 0px;}
.xbox_monitoring .xbox__header {display:none}
.xbox_monitoring .xbox__footer {display:none}
.xbox {box-shadow: none;}
.product__quantity  {display:none}
.nav-pills [href="/profile/bonuses"] {display: none;}
.col-lg-8 .xbox .xbox__header {display: none;}

.xbox__body {
    color: black;
}

.xbox {
    margin-bottom: 20px;
}

.xbox_store>.xbox__footer {
    color: black;
    font-size: 80%;
    background: none;
    text-align: center;
    margin-top: 20px;
}
.footer-link__item {
    padding: 10px;
    color: black !important;
    margin: -10px 5px 0px 5px;
    background: white !important;
    border-radius: 10px;
    cursor: pointer;
}
.footer-link__item:hover {
    color: white !important;
    background: black !important;
}

::selection {
   color: white !important;
   background: black !important;
}

/*Навбар*/

.navbar .navbar-brand, .navbar .navbar-brand:focus, .navbar .navbar-brand:hover, .navbar .navbar-nav .nav-link, .navbar .navbar-toggler, .navbar .navbar-toggler:focus, .navbar .navbar-toggler:hover {
    color: black;
}
.navbar {
    text-transform: none;
    background: #fff;
    z-index: 100;
    box-shadow: none;
    padding: 0px;
    border-radius: 0px 0px 15px 15px;
}
.float-lg-right {
    float: right!important;
}

.navbar-brand {
    display: flow-root !important;
    padding: 1.3em 1.3em;
    margin-left: 15px;
    font-size: 16px;
    line-height: inherit;
    white-space: nowrap;
    font-weight: bold;
    padding-right: .5rem;
    padding-left: .5rem;
}

.navbar .nav-link {
    padding: 1.3em 1.3em;
}
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {
    color: white;
    background: black;
    border-bottom: unset;
}
.nav-link:hover {
    border-top: none;
    background: white;
    color: black;
}

.nav-link[href="/api/lang.php"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 0px 0px 15px 0px;
    font-weight: bold;
}

@media (max-width: 991px)
{
    .nav-link[href="/api/lang.php"] {
        border-radius: 0px 0px 15px 15px;
    }
}

.navbar .navbar-toggler-icon {
    background-image: unset;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 0rem;
    height: 0rem;
    vertical-align: middle;
}

button:focus {
    outline: none;
}
.btn:focus {
    outline: none;
    border: none;
}

.navbar .navbar-toggler-icon {
    background-image: unset;
}
.navbar-toggler {
    padding: .25rem 0rem;
    line-height: 1;
    background: transparent;
    border: unset;
    border-radius: unset;
}
.navbar .navbar-toggler {
    border-color: unset;
    border: unset;
    margin-top: 15px;
}
.navbar-toggler:after {
    font-family: FontAwesome;
    content: "\F0C9";
    font-weight: 100;
    font-size: 25px;
}
.navbar .navbar-nav .active>.nav-link, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.open, .navbar .navbar-nav .open>.nav-link {
    color: white;
    background: black;
}

.navbar-nav .dropdown .nav-link:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 15px;
    margin-left: 4px;
    color: #bbbbbb;
}
.navbar-nav .dropdown .nav-link:focus:after { 
  font-family:FontAwesome;
  content:"\f106";
  margin-left:4px
}

.dropdown-menu { 
    background: none;
    overflow:hidden;
    padding:0px;
    border-radius: 0px;
    margin: 0px;
    color: #a1a1a1;
}
.dropdown-menu .dropdown-item {
    color: #a1a1a1 !important;
    line-height: 24px;
    margin-bottom: 0px;
    background: black;
    padding: 5px 10px;
    cursor: pointer;
}
.dropdown-menu .dropdown-item:hover {
    box-shadow: none;
    color: white !important;
}
.dropdown-menu .dropdown-item[href="/servers/9648"] {
    display: none;
}
.dropdown-menu button { 
    color: #a1a1a1;
    padding:unset;
    line-height:24px;
    transition:0.1s
}
.dropdown-menu button a { 
    color: #a1a1a1;
    display: block;
    transition: all 0.1s
}
.dropdown-menu button a:hover { 
    color: white;
}
.dropdown-menu { 
    border: none;
}
/*.dropdown-item:nth-child(2n) { 
    animation: zoomIn 0.2s;
}
.dropdown-item:nth-child(3n) { 
    animation: zoomIn 0.4s;
}
.dropdown-item:nth-child(4n) { 
    animation: zoomIn 0.6s;
}
.dropdown-item:nth-child(5n) { 
    animation: zoomIn 0.8s;
}
.dropdown-item:nth-child(6n) { 
    animation: zoomIn 1s;
}*/
.dropdown-item:last-child {
    border-radius: 0px 0px 10px 10px;
}
@media (max-width: 993px)
{
.dropdown-item:last-child {
    border-radius: 0px !important;
}
}

/*Шапка*/

.header__image {
    margin-top: 85px;
    border-radius: 15px;
    opacity: 1;
    background: white;
}

/*Инпут*/

.store-filters .input-group {
    border-radius: 25px;
}
.input-group-addon {
    color: hsl(0, 0%, 70%);
    background: #ffffff;
    border-radius: 15px;
    border: unset;
}
.form-control, .form-control:focus {
    color: black;
    border-color: transparent;
    background: white;
    transition: all 0.2s ease-in-out;
}
.form-control {
    border: none;
    border-radius: 15px;
}
.store-filters .form-control {
    padding: 13px 13px 13px 0px;
}
.form-control {
    padding: 13px 13px 13px 0px;
}
.modal-footer .form-control {
    padding: 11px 10px 11px 10px;
}
::placeholder {
  color: #cfcfcf !important;
}
.fa-search:before {
    content: "\F002";
    background: #cdcdcd;
    padding: 10px;
    border-radius: 10px;
    color: white;
    margin-left: -6px;
}
select.form-control:not([size]):not([multiple]) {
    height: unset;
}

/*Товары*/

.product {
    background: white;
    box-shadow: unset;
    transform: none;
    border-radius: 15px;
    animation: none;
}
.product:hover {
    box-shadow: unset;
    transform: none;
    box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.1);
    transform: translate3d(0px, -5px, 0px);
    transition: all 300ms ease 0s;
}
.product__image {
    width: 100%;
    transform: scale(0.9);
    padding-top: 0px;
    padding-bottom: 50px;
}
.store-products__item {
    animation: none;
}
.product__name {
    position: absolute;
    bottom: 5px;
    left: 10px;
    right: 80px;
    color: black;
    background: unset;
    padding: 8px;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    text-shadow: unset;
    overflow: hidden;
    opacity: 1;
}
.product__discount {
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    top: 10px;
    right: 10px;
    opacity: 1;
    font-weight: 400;
    box-shadow: 0px 5px 15px -6px rgb(0 0 0 / 30%);
    z-index: 3;
    color: black;
}
.product__price {
    color: #a6b1e7;
    text-align: end;
    background: unset;
    bottom: 8px;
    right: 10px;
    border-radius: 10px;
    font-weight: bold;
    z-index: 1;
}
.product__price-old {
    display: inline;
    font-size: 11px;
    right: 1px;
    font-weight: 100;
    color: #cbcfe3;
}
.blueprint__image, .product_blueprint .product__image {
    background: url(https://i.imgur.com/tXpilqO.png);
    background-size: 90%;
    background-position: center 0;
    background-repeat: no-repeat;
}
.product_blueprint .product__image {
    transform: scale(0.8);
}
.store-products__item {
    width: 25%;
}
@media (max-width: 560px)
{
.store-products__item {
    width: 50%;
}
}
/*.store-products__item:first-child, .store-products__item:nth-child(2), .store-products__item:nth-child(3), .store-products__item:nth-child(4) {
    width: 25%;
}
@media (max-width: 560px)
{
.store-products__item:first-child, .store-products__item:nth-child(2), .store-products__item:nth-child(3), .store-products__item:nth-child(4) {
    width: 50%;
}
}*/

/*Мониторинг*/

.xserver__links a {
    margin-top: 1px!important;
}
.xserver__links {
    margin-top: -30px !important;
    color: white;
}

.xserver {
    margin-bottom: 10px;
    padding: 14px;
    background: #ffffff;
    border-radius: 15px;
    transition: all 220ms ease-out;
}

.xserver__title a {
    font-size: 15px;
    text-overflow: ellipsis;
    color: black;
    font-weight: 100;
    transition: all 0.2s ease-out;
}

.xserver__title a:hover {
    font-size: 15px;
    text-overflow: ellipsis;
    color: black;
    font-weight: 100;
    transition: all 0.2s ease-out;
}

.xserver__links a {
    color: #ffffff;
    font-weight: 100;
    text-shadow: 1px 1px 2px rgba(1, 1, 1, 0.2);
    margin-left: 2px;
    font-size: 15px;
    margin-top: 2.9px;
    letter-spacing: 1px;
    transition: all .5s ease-out;
}

.xserver:hover .xserver__links a {
    letter-spacing: 0px;
    transition: all .5s ease-out;
}

.xserver__links {
    font-weight: 100;
}

.fa-user-times:before {
    content: none;
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: none;
}

.fa-globe:before {
    content: none;
}

.fa-play:before {
    font-family: FontAwesome;
    content: "\f144";
    font-size: 23px;
}

.fa-play {
    transition: 0.5s;
    margin-right: -11px;
    color: #e6e6e6;
    text-shadow: none;
    margin-top: 0px;
}

@keyframes rotation {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}

@keyframes bounce-2 {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-100px); }
    100% { transform: translateY(0); }
}

.xserver .xserver__status .progress .bg-success {
    border-radius: 20px;
}

@keyframes load {
  0% { width: 0; }
  100% { width: 68% !important; }
}

.xserver__status {
    margin-bottom: 5px;
    padding-right: 25px;
}

.progress-bar-striped {
    background-size: 1rem 1rem;
}

.progress {
    background-color: #d8d8d8;
    background-image: linear-gradient(45deg, #e6e6e6 25%, transparent 0, transparent 50%, #e6e6e6 0, #e6e6e6 75%, transparent 0, transparent);
    animation: progress-bar-stripes 1s linear infinite;
    background-size: 1rem 1rem;
}

.xserver__links {
    display: flex;
    margin-top: -32px;
    margin-left: 10px;
    margin-right: 10px;
}

.progress-bar {
    height: 1.7rem;
}

.progress {
    border-radius: 20px 20px 20px 20px;
}

.xserver:first-child, .xserver:last-child  {
    display: none !important;
}

.xserver:last-child {
    margin-bottom: 0px;
}

.xserver:nth-child(2) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #dc4848 0%, #dc7448 100%);
    animation: load 2s normal forwards;
}
.xserver:nth-child(3) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #0bab61 0%, #98b73b 100%);
    animation: load 3s normal forwards;
}
.xserver:nth-child(4) .xserver__status .progress .bg-success {
    background: linear-gradient(to left, #f9bf76 0%, #f39f86 100%);
    animation: load 4s normal forwards;
}
.xserver:nth-child(5) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #a88beb 0%, #decef8 100%);
    animation: load 5s normal forwards;
}
.xserver:nth-child(6) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #6db3f4 0%, #aed7f0 100%);
    animation: load 6s normal forwards;
}
.xserver:nth-child(7) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #181818 0%, #393939 100%);
    animation: load 7s normal forwards;
}
.xserver:nth-child(8) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #F37199 0%, #F7A8C4 100%);
    animation: load 7s normal forwards;
}
.xserver:nth-child(9) .xserver__status .progress .bg-success {
    background: linear-gradient(to right, #914F1E 0%, #DEAC80 100%);
    animation: load 7s normal forwards;
}

.xserver:nth-child(2) .xserver__title:after {
    content: "Duo Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(3) .xserver__title:after {
    content: "Trio Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(4) .xserver__title:after {
    content: "Trio Cliffless" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(5) .xserver__title:after {
    content: "Solo Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(6) .xserver__title:after {
    content: "NoLimit Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(7) .xserver__title:after {
    content: "Vanilla Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(8) .xserver__title:after {
    content: "Duo Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

.xserver:nth-child(9) .xserver__title:after {
    content: "NoLimit Procedural" ;
    font-weight: 100;
    margin-left: 4px;
    font-size: 13px;
    opacity: 0.5;
    transition: all 0.5s ease-out;
    color: #777777;
}

/*nav-pills*/

.nav-pills .nav-link {
    color: black;
    background-color: white;
    border-radius: 0px;
    transition: all .1s ease-in-out;
}
.nav-pills .nav-link:hover {
    color: black;
    background-color: white;
}
.nav-pills .nav-link:focus {
    color: black;
    background-color: white;
}
.nav-pills .nav-link.active {
    color: white;
    background-color: black;
}
.flex-column {
    text-align: center;
}

/*servers-nav-pills*/

.xbox_server .nav-pills .nav-link:nth-child(2) {
    display: none;
}
.server-navigation .nav-pills .nav-link {
    color: black;
    background-color: white;
    border-radius: 0px;
    transition: none;
}
.server-navigation .nav-pills .nav-link:hover {
    color: white;
    background-color: #b6b6b6;
}
.server-navigation .nav-pills .nav-link:focus {
    color: white;
    background-color: #b6b6b6;
}
.server-navigation .nav-pills .nav-link.active {
    color: white;
    background-color: black;
}
.server-navigation .nav-pills .nav-link:first-child {
  border-radius: 0px 0px 0px 15px;
}
.server-navigation .nav-pills .nav-link:last-child {
  border-radius: 0px 0px 15px 0px;
}
@media (max-width: 767px)
{
.server-navigation .nav-pills .nav-link:first-child {
  border-radius: 0px 0px 0px 0px;
}
}
@media (max-width: 767px)
{
.server-navigation .nav-pills .nav-link:nth-child(3) {
  border-radius: 0px 0px 15px 15px;
}
}
.server-address .form-control {
    padding: 13px 13px 13px 20px;
}

.server-navigation {
    display: none; 
}

.xbox_server .xbox__body {  
    background: white;
    padding: 20px;
    border-radius: 15px;
}
.xbox_server .xbox__header {
    margin-bottom: 0px;
}
.xbox_server .input-group {
    border: solid #ebebeb 1px;
    border-radius: 15px;
}
.xbox_server .input-group-btn {
    padding: 5px;
}

.sd-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.sd-item {
    background: white;
    border: solid #ebebeb 1px;
    border-radius: 10px;
    padding: 10px;
    cursor: default;
    text-align: start;
    transition: all 300ms ease 0s;
}
.sd-item:hover {
    border: solid white 1px;
    box-shadow: 0px 10px 14px -4px rgba(0, 0, 0, 0.1);
}
.sd-text {
    font-size: 18px;
    line-height: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #23272a;
}
.sd-subtext {
    font-size: 14px;
    line-height: 15px;
    color: #bbb;
}
.server-name {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
}
.server-ip {
    user-select: all;
    margin-bottom: 2rem;
    cursor: pointer;
}

/*Header*/

.xbox__header {
    margin: 0;
    line-height: 100%;
    font-size: 1.05rem;
    font-weight: 900;
    color: black;
    text-align: center;
    text-transform: uppercase;
    background: white;
    padding: 10px;
    border-radius: 15px 15px 0px 0px;
}
.xbox__header h4 {
    font-weight: bold;
}
.xbox__header {
    margin-bottom: 5px;
}
.xbox__footer {
    background: none;
    padding: 0;
    margin-top: 5px;
}
.xbox_purchases .xbox__header {
    display: none;
}

.xbox_queue .xbox__header {
    display: none;
}

.xbox_payments .xbox__header {
    display: none;
}

.xbox_transfers .xbox__header {
    display: none;
}

.xbox_transfers .xbox__header {
    display: none;
}

.xbox_profile .xbox__header {
    display: none;
}
.xbox__footer .btn {
    border-radius: 0px 0px 15px 15px;
    cursor: pointer;
}
.btn, .btn:hover {
    border: unset;
}

/*Табле*/

.table-wrapper .table-footer {
    margin-top: 10px;
}
.table-body {
    border-radius: 15px;
}
.table > thead > tr > th {
    background: #f3f3f3;
    color: black;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: white;
    color: black;
}
.table-striped > tbody > tr {
    background-color: #fafafa;
    color: black;
}
.xbox_profile .table-wrapper, table {
    border-radius: 15px 15px;
    overflow: hidden;
}
.table > thead > tr > th {
    background-color: #fafafa;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: middle;
}
.image64 {
    height: 64px;
    width: 64px;
    background: #f3f4f6;
    padding: 7px;
    border-radius: 15px;
    box-shadow: inset 2px 4px 3px #e4e5e9;
}
.mb-3 {
    margin-bottom: 1rem !important;
    background: white;
    padding: 10px;
    border-radius: 15px;
}
.mb-3 .ladda-label {
    transition: all 0ms !important;
}
.mb-3 .btn-primary {
    color: #fff;
    background-color: #91c8ee;
    border-radius: 15px;
}
.mb-3 .btn-primary:hover {
    color: #fff;
    background-color: #87bade;
    border-radius: 15px;
}
.table-striped .btn-success {
    background: #a6e170;
    border: none;
    color: #fff;
    opacity: 1;
    transform: scale(1);
    transition: all 100ms ease-out;
}
.table-striped .btn-block {
    display: block;
    border-radius: 10px;
}

.ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-label, .ladda-button[data-style=zoom-out] .ladda-spinner {
    -webkit-transition: unset !important;
    transition: unset !important;
}

/*Промокоде*/

.xbox_promocodes .xbox__header {
    margin-bottom: 0px;
    display: block !important;
}
.xbox_promocodes .xbox__body {
    padding: 10px;
    background: white;
    border-radius: 0px 0px 15px 15px;
}
label {
  display: none;
}
.xbox_promocodes .form-group {
    margin-bottom: 0px;
}
.xbox_promocodes .form-control {
    padding: 13px;
}
.table-striped a {
    color: black;
    font-weight: bold;
}
.xbox_promocodes .btn {
    border-radius: 15px;
    box-shadow: unset;
}
.xbox_promocodes .btn-success.disabled, .btn-success:disabled {
    background-color: #a2a2a2 !important;
    border-color: unset;
    opacity: 1;
    color: #ffffff;
}
.xbox_promocodes .btn-success.disabled, .btn-success:disabled:hover {
    background-color: #a2a2a2;
    border-color: unset;
    opacity: 1;
    color: #ffffff;
}
.xbox_promocodes .input-group {
    width: 152.5%;
    border-radius: 8px;
    overflow: hidden;
}
@media (max-width: 1200px)
{
.xbox_promocodes .input-group {
    width: 100%;
}
}
.xbox_promocodes .input-group-btn .btn {
  border-radius: 0px;
}
.xbox_promocodes .form-control {
  border-radius: 0px;
  letter-spacing: 2px;
  background: #f3f4f6;
}
.btn-success {
    background: #a6e170;
    border: none;
    color: #fff;
    opacity: 1;
    border-radius: 10px;
    transform: scale(1);
    transition: all 100ms ease-out;
}
.btn-success:hover, .btn-success:focus {
    background: #a6e170;
    border: none;
    color: #fff;
    opacity: 1;
    transform: scale(1);
    transition: all 100ms ease-out !important;
}
.btn-success:active {
    transform: scale(0.9);
}

/*Модал*/

.service__image, .item__image, .blueprint__image {
    display: none;
}

@media (min-width: 576px)
{
.modal-sm {
    max-width: 350px;
}
}
.modal-header {
    justify-content: center;
    padding: 0px;
}
.modal-header, .modal-footer {
    background: none !important;
}
.modal-footer {
    padding-top: 0px;
}
.modal .modal-body {
    padding: 0 16px;
}
.modal-body {
    background: none;
}
.modal-body .form-group {
    margin-bottom: 0px;
}
.modal .modal-content {
    background: #f3f4f6;
    border-radius: 15px;
    padding: 0px;
    color: #909090;
}
.input-group-btn .modal .btn {
    box-shadow: unset;
}
.modal-kit .modal-content, .modal-info .modal-content {
    width: unset;
}
.modal-footer .btn-secondary {
    color: #000000;
    background: #ffffff;
    border: solid #ebebeb 1px;
    transform: scale(1);
    transition: all 100ms ease-out;
}
.modal-footer .btn-secondary:active {
    color: #000000;
    border: solid #ebebeb 1px;
    background: #ffffff;
    transform: scale(0.9);
}
.modal-footer .btn-secondary:hover, .modal-footer .btn-secondary:focus, .modal-footer .btn-secondary:active, .modal-footer .btn-secondary:disabled {
    color: #000000;
    border: solid #ebebeb 1px;
    background: #ffffff;
}
.form-control:disabled, .form-control[readonly] {
    background: white;
}
.modal-item .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group {
    background: white;
    opacity: 1;
}
.input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group {
    background: white;
    opacity: 1;
}
.fa-minus:before {
    content: "\F068";
    color: black;
}
.fa-plus:before {
    content: "\F067";
    color: black;
}
.modal-body .form-control {
    padding: 13px 13px 13px 13px;
}
.input-group-btn .form-control {
    text-align: center;
}
.text-center {
    text-align: center!important;
    margin: 30px 0;
}
.modal-service .modal-dialog .modal-content .modal-footer {
    justify-content: right;
}
.modal-title {
    font-size: 22px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #bbbbbb;
    padding-top: 30px;
    text-transform: uppercase;
}
.modal-footer {
    margin-top: 10px;
}
.modal .btn {
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 25px 10px 25px;
}
.item__description, .blueprint__description, .service__description {
    margin: 10px 0;
}
.modal-body .input-group-addon {
    border-radius: 12px 0px 0px 12px !important;
}
.modal-footer .input-group-addon {
    border-radius: 12px 0px 0px 12px !important;
}
.modal-body .form-control {
    border-radius: 0px 12px 12px 0px !important;
}
.modal-body .input-group {
    border: solid #ebebeb 1px;
    border-radius: 10px;
    margin-top: 10px;
    background: white;
}
.modal-footer .input-group {
    border: solid #ebebeb 1px;
    border-radius: 10px;
}
.modal-item .modal-title, .modal-service .modal-title, .modal-blueprint .modal-title {
    font-size: 18px !important;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #000 !important;
    background: white;
    width: 100%;
    border-radius: 10px;
    padding: 10px !important;
    border: solid #ebebeb 1px;
    text-transform: none !important;
}
.modal-item .modal-title, .modal-blueprint .modal-title {
    margin: 16px 16px 0px 16px;
}
.modal-service .modal-title {
    margin: 16px 16px 0px 16px;
}
.modal-footer .input-group-btn:active, .modal-footer .input-group-btn:focus {
    transform: scale(1);
}

/*Рулетка*/

.roulette {
    margin: 0px -16px 0;
    position: relative;
    padding: 0px 16px;
    white-space: nowrap;
    overflow: hidden;
    background: white;
    border-top: solid #ebebeb 1px;
    border-bottom: solid #ebebeb 1px;
}

.roulette-item {
    box-shadow: none;
    background: white;
    border-bottom: 0px;
    border-left: solid #fff 1px;
    border-right: solid #fff 1px;
    transition: all 0.2s ease-out;
}

.roulette-item:hover {
    border-left: solid #ebebeb 1px;
    border-right: solid #ebebeb 1px;
}

.blueprint__image, .roulette-item_blueprint .roulette-item__image {
    background: url(https://i.imgur.com/tXpilqO.png);
    background-size: cover;
    box-shadow: none;
}

.roulette-item__description {
    padding: 0 10px 10px 10px;
    transform: skewY(358deg);
}
.roulette-item__description > b {
    font-size: 14px;
    font-weight: 100;
    background: #ededed;
    padding: 0px 10px;
    border-radius: 3px;
}
.roulette-item__image{padding:0px}
.roulette-item__image {
    width: 240px;
    height: 240px;
    padding: 10px;
    overflow: hidden;
    transform: skewY(358deg);
}

.roulette:before {
    border-top: 20px solid #bbbbbb;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.roulette:before {
    content: "";
    position: absolute;
    left: 50%;
    margin: -5px 0 0 -18px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    align-content: center;
    animation-name: bounce-2;
    animation-timing-function: ease;
    z-index: 5;
}
.modal-roulette .modal-content { 
  width:100% !important;
}
.modal-roulette .modal-content {
    border-radius: 15px;
    padding: 0px;
    width: 400px;
    color: #909090;
}
.roulette__description {
    text-align: center;
}
@keyframes bounce-2 {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.roulette__description {
    margin: 10px 0px 0px 0px !important;
}

.rd-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
@media (max-width: 990px) {
.rd-items {
    grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 500px) {
.rd-items {
    grid-template-columns: repeat(1, 1fr) !important;
}
}
.rd-item {
    display: flex;
    border-radius: 10px;
    background: #ffffff;
    border: solid #ebebeb 1px;
    text-align: initial;
    padding: 5px;
    overflow: hidden;
}
.rd-icon {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.rd-icon-blueprints {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    background: url(https://i.imgur.com/tXpilqO.png);
    background-size: 110%;
    background-position: center center;
    background-repeat: no-repeat;
}
.rd-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rd-main {
    font-size: 15px;
    font-weight: 600;
    color: #23272a;
    line-height: 15px;
}
.rd-subtext {
    font-size: 13px;
    color: #999;
    line-height: 15px;
}

/*Описание*/

.desc-service {
    background: #fff;
    padding: 4px;
    border-left: 3px solid #6e6e6e;
    margin: 0;
    color: black;
    letter-spacing: 0px;
    border-radius: 0px 15px 15px 0px;
    margin-bottom: 2px;
    transition: all 0.2s ease-out;
    cursor: default;
    padding-left: 14px;
}
.desc-service:hover {
    transition: all .3s ease-out;
}

.desc-service2 {
    background: #fff;
    border-left: 3px solid #56bf85;
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
    position: initial;
    letter-spacing: 0;
    color: black;
    padding: 7px;
    flex-direction: row;
    border-radius: 0px 15px 15px 0px;
    margin-bottom: 2px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    padding-left: 14px;
}
.desc-service2:hover {
    letter-spacing: 1px;
    transition: all .3s ease-out;
    color: #56bf85;
}
.desc-service2:after {
    content: '';
    height: 100%;
    width: 40px;
    background: #ccc url(https://i.imgur.com/t2r2EWN.png) no-repeat;
    background-size: 20px 20px;
    background-position: center;
    border-radius: 0px 15px 15px 0px;
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    border: 0;
    outline: 0 none;
    padding: 8px;
    transition: all 0.2s ease-out;
}
.desc-service2:hover:after {
    content: '';
    height: 100%;
    width: 40px;
    background: #56bf85 url(https://i.imgur.com/t2r2EWN.png) no-repeat;
    background-size: 20px 20px;
    background-position: center;
    border-radius: 0px 15px 15px 0px;
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    outline: 0 none;
    padding: 8px;
    transition: all 0.2s ease-out;
}
.desc-service_alert {
    margin-top: 10px;
    letter-spacing: 0px;
    border-radius: 0px 20px 20px 0px;
    margin-bottom: 7px;
    transition: all 0.2s ease-out;
    cursor: default;
    text-align: center;
    font-size: 11px;
}

/*Пагинатион*/

.page-link {
    padding: 8px 16px;
    margin-left: 5px;
    background-color: white;
    border-radius: 8px;
    color: black;
}
.page-link:hover, .page-link:focus {
    background-color: #b6b6b6;
    color: white;
}
.page-item.active .page-link {
    color: white;
    background-color: black;
    font-weight: bold;
}
.page-item.disabled .page-link {
    color: black;
    background-color: white;
    opacity: 1;
}
.page-item:last-child .page-link {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
.page-item:first-child .page-link {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}



@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.product[href="/products/1104646"] .product__name {
    font-size: 0px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    background: linear-gradient(-45deg, #d0b155, #6cb347, #adc6e9, #adb7e9);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    border-radius: 15px;
    color: white;
}
.product[href="/products/1104646"] .product__name:after {
    content: "БЕСПЛАТНО";
    font-size: 14px;
}
.product[href="/products/1104646"] .product__discount {
    display: none;
}

.product[href="/products/1057256"] .product__name {
    font-size: 0px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    background: linear-gradient(-45deg, #69b7eb, #b3dbd3, #f4d6db);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    border-radius: 8px;
    color: white;
}
.product[href="/products/1057256"] .product__name:after {
    content: "БЕСПЛАТНО";
    font-size: 14px;
}
.product[href="/products/1057256"] .product__discount {
    display: none;
}

/*Киви*/

.oplata_cont {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.forms-oplata-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    overflow: hidden;
    justify-content: center;
}
@media (max-width: 991px) {
.forms-oplata-grid {
    grid-template-columns: repeat(1, 1fr) !important;
}
.oplata_cont {
    grid-template-columns: repeat(1, 1fr) !important;
}
}
.oplata_info {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.forms-oplata {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.oplata_info {
    margin-bottom: 0px !important;
}
.qiwi-widget-title::selection,#qiwi-donation-amount::selection {
  background:#ff8c00;
}

/*@media (max-width: 991px) {
.oplata_info {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.forms-oplata {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.oplata_cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.container-oplata:nth-child(1) {
    margin-right: 0px !important;
}
.container-oplata {
    margin-bottom: 10px
}
#qiwi-inp-form {
    margin-right: 0px !important;
}
}*/

.qiwi-inp-main {
    display:flex;
    flex-direction:column;
    width:250px;
    height:250px;
    border-radius:50px;
    background-color:#fff;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.qiwi-inp-box {
    color:#000;
    margin:0px 30px;
    flex-direction:column;
    position:relative;
    display:flex;
    justify-content:left;
    align-items:center
}
.qiwi-submit-main {
    outline:none !important;
    box-shadow:0 12px 15px 0 rgba(255, 140, 0, .2);
    margin:22px auto 0;
    margin:30px auto 0;
    width:100%;
    height:48px;
    border-radius:12px;
    background-color:#ff8c00;
    line-height:47px;
    font-size:16px;
    font-weight:500;
    text-align:center;
    color:#fff;
    border:none;
    padding:0;
    transform: translate3d(0px, 5px, 0px);
    cursor:pointer;
    overflow:hidden;
    transition: box-shadow 300ms ease 0s, transform 300ms ease 0s;
    text-overflow:ellipsis
}
.qiwi-submit-main:hover {
    transform: translate3d(0px, 0px, 0px);
    transition: box-shadow 300ms ease 0s, transform 300ms ease 0s;
}
.qiwi-inp-other {
    background-color: #fff;
    color: #eceeef;
    align-items: center;
  transition: all 300ms ease 0s;
}
.qiwi-inp-other:hover {
    background-color: #ff8c00;
    color: #ffffff;
    align-items: center;
    transition: all 300ms ease 0s;
}

.qiwi-widget-title2 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 300ms ease 0s;
}
.qiwi-inp-other:hover .qiwi-widget-title2 {
    color: #fff;
    transition: all 300ms ease 0s;
}
.qiwi-inp-other-img {
    width:30%;
    margin-top:15px
}
.qiwi-error-box {
    left:0;
    bottom:-14px;
    height:13px;
    text-align:center
}
.qiwi-button-box {
    padding:0px 23px 23px
}
.qiwi-rub {
    position: absolute;
    right: 0px;
    bottom: 38%;
    width: 12px;
    height: 22px;
    opacity: 0.5;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: #bec0bf;
}
#qiwi-donation-amount {
    outline:none;
    margin:25px auto 5px;
    width:100%;
    font-size:20px;
    font-weight:300;
    text-align:left;
    color:inherit;
    padding: 0px;
    -moz-appearance:textfield;
    -webkit-appearance:none;
    box-sizing:border-box;
    border:0;
    border-bottom:1px solid #d8d8d8;
    box-shadow:none;
    background-color:transparent;
}
#fk-donation-amount {
    outline: none;
    margin: 25px auto 5px;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: inherit;
    padding: 0px;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: none;
    background-color: transparent;
}
#cent-donation-amount {
    outline: none;
    margin: 25px auto 5px;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: inherit;
    padding: 0px;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    box-shadow: none;
    background-color: transparent;
}

#cent-inp-form .qiwi-submit-main {
  box-shadow: 0 12px 15px 0 rgba(0, 227, 174, 0.2) !important;
  background-color: #00e3ae !important;
}

#cent-donation-amount:focus {
    border-bottom: 1px solid #00e3ae !important;
}

#fk-inp-form .qiwi-submit-main {
  box-shadow: 0 12px 15px 0 rgba(255, 223, 84, 0.2) !important;
  background-color: #ffdf54 !important;
}

#fk-donation-amount:focus {
    border-bottom: 1px solid #ffdf54 !important;
}

#qiwi-donation-amount:focus {
    border-bottom:1px solid #ff8c00
}
.qiwi-label {
    left:13px;
    bottom:44px;
    position:absolute;
    font-weight:300;
    text-align:left;
    color:inherit
}
.qiwi-widget-title {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qiwi-widget-title p {
    font-size: 14px;
    color: #767676;
    font-weight: 100;
}
.block_by_category:nth-child(3) .kit-items__item {
    width: 50%;
}
.row-skins2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.container-user {
    cursor: pointer;
}
.qiwi-inp-oplata {
    display: flex;
    flex-direction: column;
    height: 249px;
    border-radius: 10px;
    margin-bottom: 0px;
    background-color: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid #ebebeb 1px;
}
.container-oplata {
    display: -webkit-inline-box;
    padding: 16px;
    height: 73px;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    text-align: initial;
    transition: all 0.2s ease-out;
    cursor: pointer;
    transform: scale(1);
}
.container-oplata:hover {
    transform: scale(0.95);
}
.container-oplata {
  display: flex;
  border: solid #ebebeb 1px;
}
.icon-user-oplata {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.textContainer-oplata {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
}

.name-user {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #23272a;
}
.category-user {
    font-size: 14px;
    line-height: 18px;
    color: #bbb;
}

.skin-content .spoiler {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.x-spoiler > .spoil-Untext {
    -webkit-transition: all 0.2s ease;
    -moz-transition: margin 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: margin 0.2s ease;
}
.x-spoiler >  input + .spoil-box > blockquote{
    display: none;
}
.x-spoiler >  input:checked + .spoil-box > blockquote {
    display: block;
}
blockquote {
    margin: 0 0 0rem;
}
.spoil-button{
    width: 93%;
    height: 45px;
}
.x-spoiler >  input[type="checkbox"] {
    cursor: pointer;
    border-color:transparent!important;
    border-style:none!important;
    background:transparent none!important;
    position: absolute;
    z-index:1;
    margin: -16px 0 0 0;
    opacity: 0;
 }
.x-spoiler span.spoil-close,
.x-spoiler span.spoil-open{
    padding-left: 2px;
    padding-right: 8px;
    text-decoration: underline;
} 
.x-spoiler span.spoil-close:before{
    content: "\f0ab";

}
.x-spoiler span.spoil-open:before{
    content: "\f0a9";
}
.x-spoiler >  input[type="checkbox"]:focus {
    outline:none;   /* Убираем обводку в ИЕ8 при "фокусе" */
}
.x-spoiler >  input +  .spoil-box > span.spoil-close {
    display: none;
}
.x-spoiler >  input:checked +  .spoil-box > span.spoil-close {
    /* //background: url(https://i.imgur.com/UM07ecp.png) 4px 60% no-repeat; */
    display: inline;
    text-decoration: none;
}
.x-spoiler >  input:checked  + .spoil-box > span.spoil-open {
    display: none;
}
.x-spoiler >  input +  .spoil-box >  span.spoil-open {
    /* //background: url(https://i.imgur.com/LYgptyL.png) 4px  60% no-repeat; */
    display: inline;
    text-decoration: none;
}
.x-spoiler blockquote,
.x-spoiler{
    padding: 1em;
    border-radius: 10px;
}
.x-spoiler {
    overflow-x: hidden;
    background: white;
    border: solid #ebebeb 1px;
}
.x-spoiler blockquote {
    margin-top: 12px;
    min-height: 23px;
    background: #e9eaec;
}
.btn-skins {
    text-align: center;
    display: grid;
}
.btn-skin {
    border-radius: 5px;
    cursor: pointer;
    color: white !important;
    background: #9ec483;
    border: unset;
    border-color: unset;
    outline: none !important;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 0px;
    transition: all 0.2s ease-out;
}
.btn-skin:hover {
    transition: all 0.2s ease-out;
    color: white;
    letter-spacing: 3px;
}
.btn-skin:focus {
    transition: all 0.2s ease-out;
    color: white;
    letter-spacing: 3px;
}
.spoil-box {
  color: #909090;
}
.x-spoiler:nth-child(2) .spoil-box {
  color: #c48a83;
}
.x-spoiler:nth-child(3) .spoil-box {
  color: #9ec483;
}
.spoil-head {
  color: #909090;
}
.spoil-Untext {
  color: #909090;
}
.row-skins {
    display: flex;
    flex-direction: row;
}

.container-user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 364px;
    margin-left: 0px;
    margin-right: 10px;
    padding: 16px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: initial;
    transition: all 0.2s ease-out;
    cursor: pointer;
}
.container-user:hover {
    transform: translate3d(0px, 5px, 0px);
}
.icon-user {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.textContainer-user {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.container-user1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 364px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: initial;
    transition: all 0.2s ease-out;
}
.container-user1:hover {
    transform: translate3d(0px, 5px, 0px);
}
.icon-user1 {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.textContainer-user1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.name-user1 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #23272a;
}
.category-user1 {
    font-size: 14px;
    line-height: 18px;
    color: #bbbbbb;
}
@media (max-width: 423px)
{
.row-skins {
    display: contents;
    flex-direction: row;
}
}
@media (max-width: 423px)
{
.container-user {
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 16px;
    width: unset;
    border-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: initial;
    overflow-x: hidden;
}
}
@media (max-width: 423px)
{
.container-user1 {
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px;
    width: unset;
    border-radius: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: initial;
    overflow-x: hidden;
}
}

/*Аватар*/

.avatar {
    height: 64px;
    width: 64px;
    border-radius: 15px;
}
.avatar {
  transform: scale(1);
  transition: all 220ms ease-out;
}
.avatar:hover {
  transform: scale(0.9);
  transition: all 220ms ease-out;
}
.avatar {
  animation: zoomIn 1s;
}
.avatar {
    background: #dfdfdf;
}

/*Jopa*/

.server-address .input-group-btn:not(:first-child)>.btn {
    border-radius: 12px !important;
    background: #b3b3b3;
}
.server-map__image {
    background: #ffffff;
    border-radius: 15px;
    padding: 15px;
}

.s-alert-top-right {
    top: 45px;
    right: 12px;
    bottom: auto;
    left: auto;
}

.s-alert-box {
    border-radius: 10px;
    font-family: 'Open Sans', Roboto, sans-serif;
    font-weight: 100;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.s-alert-box {
   border-radius: 10px;
   color: white;
}

.s-alert-success { 
   border-radius: 10px;
   color: white;
   background-image: url('https://i.imgur.com/kHHOuVK.png');
   background-repeat: no-repeat;
   background-size: 200px;
   background-position: 30% 50%;
   background-origin: content-box;
}

/*Player*/

.xbox_player .xbox__footer {
    margin-top: 10px;
}
.xbox_player .xbox__header {
    margin-bottom: 0px;
}
.xbox_profile .table-wrapper, table {
    border-radius: unset;
    overflow: hidden;
}
.player-stats__playerKills .table {
    border-radius: 15px 15px 0px 0px;
}
.player-stats__resources .table {
    border-radius: 0px 0px 15px 15px;
}
.player-stats__animalKills, .player-stats__deaths, .player-stats__entities, .player-stats__navigation, .player-stats__playerKills {
    margin-bottom: 4px;
}
.player-stats__navigation {
    margin-bottom: 10px;
}
.player-stats__profile {
    margin-bottom: 20px;
    padding: 15px;
    background: white;
    border-radius: 0px 0px 15px 15px;
}
.player-stats__navigation .nav-link:first-child {
    border-radius: 15px 0px 0px 15px;
}
.player-stats__navigation .nav-link:last-child {
    border-radius: 0px 15px 15px 0px;
}
.player-stats__profile .table-striped tbody tr, .player-stats .table-striped tbody tr {
    line-height: 16px;
}
.player-stats__profile table {
    border-radius: 15px;
}
.player-stats__profile .table td {
    vertical-align: middle;
    padding: 5px;
}
.player-stats__avatar img {
    width: 183px;
    height: 183px;
    border-radius: 15px;
}
.player-stats .table > thead > tr > th {
    background-color: white;
    text-align: center;
    color: black;
}
.player-stats__animalKills>table>thead>tr>th:hover, .player-stats__deaths>table>thead>tr>th:hover, .player-stats__entities>table>thead>tr>th:hover, .player-stats__playerKills>table>thead>tr>th:hover, .player-stats__resources>table>thead>tr>th:hover {
    cursor: pointer;
    background-color: black;
    color: white;
    text-align: center;
}
.player-stats .table th {
    vertical-align: middle;
    padding: 20px;
}

@media (max-width: 767px)
{
.player-stats__navigation .nav-link:first-child {
    border-radius: 15px 15px 0px 0px;
}
}
@media (max-width: 767px)
{
.player-stats__navigation .nav-link:last-child {
    border-radius: 0px 0px 15px 15px;
}
}

.player-stats__playerKills .table > thead > tr > th:before {
    font-family: FontAwesome;
    content: "\f0c0";
    margin-right: 5px;
}
.player-stats__animalKills .table > thead > tr > th:before {
    font-family: FontAwesome;
    content: "\f1b0";
    margin-right: 5px;
}
.player-stats__deaths .table > thead > tr > th:before {
    font-family: FontAwesome;
    content: "\f235";
    margin-right: 5px;
}
.player-stats__entities .table > thead > tr > th:before {
    font-family: FontAwesome;
    content: "\f1b3";
    margin-right: 5px;
}
.player-stats__resources .table > thead > tr > th:before {
    font-family: FontAwesome;
    content: "\f080";
    margin-right: 5px;
}

.xbox_player .btn-secondary {
    background: #f3f4f6;
    display: block;
    border-radius: 15px;
    color: black;
    font-weight: bold;
    padding: 10px;
    border: dashed 1px black;
}   
.xbox_player .btn-secondary:hover {
    color: black;
    background: white;
    border: dashed 1px white;
}
.xbox_player .btn-secondary:before {
    font-family: FontAwesome;
    content: "\f060";
    margin-right: 5px;
}
.xbox_profile .table {
    margin: 0;
    border-radius: 15px;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    border: unset;
}
.xbox_profile .table th {
    vertical-align: middle;
    padding: 20px;
}

























.some-btn-group {
  display: flex;
  gap: 10px;
}
.some-btn {
  background: white;
  color: black;
  padding: 11px;
  width: 100%;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
  transition: all 300ms ease 0s;
}
.some-btn:hover {
  box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.1);
  transform: translate3d(0px, -5px, 0px);
}







































/*Poexalo*/

.MsoNormal {
   font-weight: bold;
   font-size: 20px;
}

@media (min-width:767px){.modal-lg-block{max-width:1050px !important}}@media (max-width:767px){.xbox_custom_block .kit-items{display:block}
.xbox_custom_block .kit-items__item{width:50% !important}.block_by_category{width:100% !important;height:auto !important}}
.block_by_category .kit-item{margin-bottom:-2px}.xbox_custom_block .kit-items__item{width:80%;margin-bottom:0px;display:inline-flex}
.block_by_category{width:13%;}
.block_category_1{border-radius: 20px 0px 0px 20px;background-color:rgba(156, 206, 111, 0.5);}
.block_by_category:before{text-transform: uppercase;display:block;width:100%;text-align:center;font-size:25px;color: #e9eaec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.block_category_1:before{border-radius: 20px 0px 0px 20px;background:#9cce6f;content:"2 часа";font-size: 20px;}
.block-lvl-1{background:#d2d242}.block_category_2{background-color:rgba(187, 219, 111, 0.5)}
.block_category_2:before{background:#bbdb6f;content:"4 часа";font-size: 20px;}
.block-lvl-2{background:#385ad2}.block_category_3{background-color:rgba(212, 219, 111, 0.5)}
.block_category_3:before{background:#d4db6f;content:"6 часов";font-size: 20px;}
.block-lvl-3{background:#d23838}.block_category_4{background-color:rgba(219, 206, 111, 0.5)}
.block_category_4:before{background:#dbce6f;content:"10 часов";font-size: 20px;}
.block-lvl-4{background:#38d27c}.block_category_5{background-color:rgba(219, 191, 111, 0.5)}
.block_category_5:before{background:#dbbf6f;content:"18 часов";font-size: 20px;}
.block-lvl-5{background:#38d2a0}.block_category_6{background-color:rgba(219, 151, 111, 0.5)}
.block_category_6:before{background:#db976f;content:"24 часа";font-size: 20px;}
.block-lvl-6{background:#aa69c5}.block_category_7{background-color:rgba(219, 116, 111, 0.5);border-radius: 0px 20px 20px 0px;}
.block_category_7:before{border-radius: 0px 20px 20px 0px;background:#db746f;content:"28 часов";font-size: 20px;}
.block-lvl-7{background:#dc9e2d}

.block_by_category:nth-child(5) .kit-items__item, .block_by_category:nth-child(6) .kit-items__item {width: 100%;}
.block_by_category:nth-child(3){width:17%}.block_by_category:nth-child(3) .kit-items__item{width:50%}
.block_by_category:nth-child(6){width:17%}.block_by_category:nth-child(6) .kit-items__item{width:50%}
.block_by_category:nth-child(5){width:10%}

.xbox_custom_block {
  text-align: center;
}

.block_category_1 .kit-item {
  background: #9cce6f !important;
}

.block_category_2 .kit-item {
  background: #bbdb6f !important;
}

.block_category_3 .kit-item {
  background: #d4db6f !important;
}

.block_category_4 .kit-item {
  background: #dbce6f !important;
}

.block_category_5 .kit-item {
  background: #dbbf6f !important;
}

.block_category_6 .kit-item {
  background: #db976f !important;
}

.block_category_7 .kit-item {
  background: #db746f !important;
}

.block_category_8 .kit-item {
  background: #000000 !important
}

.block_by_category .kit-item {
    position: relative;
    background: #e9eaec;
    margin: 8px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    box-shadow: unset;
    animation: zoomIn 1s;
}

.xbox_custom_block .kit-items {
  border-radius: 20px;
}

.store-servers .flex-column {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    background: #e4e6e9;
    padding: 5px;
    border-radius: 15px;
    width: fit-content;
    flex-direction: row !important;
}

.store-servers .nav-link+.nav-link {
    margin-top: 0px;
}

.store-servers .nav-link {
    display: block;
    padding: 6px 12px;
    border-radius: 10px !important;
    color: #a0a0a0 !important;
    background-color: transparent;
}

.store-servers .nav-link:hover {
    color: #0b0b0b !important;
    background: rgba(243, 244, 246, 0.5) !important;
}

.store-servers .nav-link.active {
    color: #0b0b0b !important;
    background-color: #f3f4f6 !important;
    box-shadow: 0px 2px 10px #00000021;
}

@media (min-width: 768px)
{
  .store-servers .nav-link+.nav-link {
      margin-left: 0px;
  }
}

.store-categories .btn-secondary {
    color: black;
    background: white;
    border-color: transparent;
    outline: none !important;
}

.store-categories .btn-secondary:hover {
    color: white;
    background: black;
    border-color: transparent;
    outline: none !important;
}

.store-categories .btn-secondary.active, .store-categories .btn-secondary:active, .show > .store-categories .btn-secondary.dropdown-toggle {
    color: white;
    background: black;
}

.serverheader {
    color: #bbbbbb;
    border-radius: 15px;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
}

.serverheader .kit_cooldown {
    background: #d4d4d4;
    padding: 2px 8px 2px 8px;
    border-radius: 20px;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
}

.serverheader .kit_cooldown:before {
    font-family: FontAwesome;
    content: '\f017';
    font-weight: 100;
    margin-right: 5px;
}

.serverheader .kit_wipeblock {
    background: #dcaeae;
    padding: 2px 8px 2px 8px;
    border-radius: 20px;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    margin-left: 5px;
}

.serverheader .kit_wipeblock:before {
    font-family: FontAwesome;
    content: '\f023';
    font-weight: 100;
    margin-right: 5px;
}

@media (max-width: 380px)
{
.serverheader {
    font-size: 15px;
}
}

.modal-kit .modal-content, .modal-info .modal-content {
    width: unset;
}

.kit-item_blueprint .kit-item__image {
    background: url(https://i.imgur.com/tXpilqO.png);
    background-size: cover;
}
.kit-item_blueprint .kit-item__name {
    display: none;
}

.kit-item {
    position: relative;
    background: white;
    margin: 8px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.3s;
    box-shadow: unset;
}

.kit-item:hover {
    transform: scale(1.04) rotate(-5deg);
    transition: all 0.3s;
    box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.1);
}

.kit-item__name, .kit-item__quantity {
    position: absolute;
    color: #e0e0e0;
    font-size: 17px;
}

.kit-item__quantity {
    background: none;
}

@media (max-width: 1000px)
{
.kit-items__item {
    width: 30%;
}
}

@media (min-width: 992px)
{
.kit-items__item {
    width: 20%;
}
}

@media (max-width: 500px)
{
.kit-items__item {
    width: 50%;
}
}



@media (min-width: 1200px)
{
.xbox_custom_kits .kit-items__item {
    width: 12.5% !important;
}
}

@media (max-width: 1000px)
{
.xbox_custom_kits .kit-items__item {
    width: 30%;
}
}

@media (min-width: 992px)
{
.xbox_custom_kits .kit-items__item {
    width: 20%;
}
}

@media (max-width: 500px)
{
.xbox_custom_kits .kit-items__item {
    width: 50%;
}
}

.kit-item__image {
    width: 100%;
    transform: scale(0.7);
}

.kit_set .kit-item__quantity {
    background: unset;
    color: black;
    font-size: 14px;
    padding: 0px 0px 5px 0px;
    margin-top: -15px;
    border-radius: 0px;
}
.kit_set .kit-item__quantity {
    position: unset;
}

.xbox_custom_kits {
    margin-top: 20px;
}


/*Прочее*/


.server-description {
    padding: 0px !important;
    text-align: start !important;
}

@media (max-width: 994px)
{
.footer-link__list {
    margin-bottom: 18px;
}
}

.product__servers {
    display: none;
}
.sk-spinner-wave div {
    background-color: black;
}

.xbox_custom_rules {
  color: black;
}

.avatar {
    background: #dfdfdf;
}

.xbox_player .xbox__header {
    display: block !important;
}

.fa-play {
    margin-top: 0px !important;
}


/*Описание привилегий*/

.pd-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 10px;
    border: solid #ebebeb 1px;
    padding: 10px;
    gap: 12px;
}
.pd-item {
    display: -webkit-inline-box;
    height: 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    text-align: initial;
    transition: all 0.2s ease-out;
    cursor: default;
    transform: scale(1);
}
.pd-text {
    font-size: 16px;
    line-height: 15px;
    font-weight: 600;
    color: #23272a;
}
.pd-subtext {
    font-size: 14px;
    line-height: 15px;
    color: #bbb;
}
.pd-item {
  display: flex;
  align-items: center;
}
.pd-item .tooltiptext1 {
    visibility: hidden;
    width: 240px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    left: 105%;
    opacity: 0;
    transition: opacity 220ms ease-out;
}
.pd-item .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent;
}
.pd-item:hover .tooltiptext1 {
    visibility: visible;
    opacity: 1;
}
.tooltip1:hover .tooltiptext1 {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 610px)
{
.pd-item .tooltiptext1 {
    visibility: hidden;
    width: 170px;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(5px);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 5;
    bottom: 0%;
    left: 30%;
    opacity: 0;
    margin-left: 20px;
    transition: opacity 220ms ease-out;
}
}


@media (max-width: 610px)
{
.pd-item .tooltiptext1::after {
    border-color: transparent transparent transparent transparent;
}
}
.pd-additional {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b8cc3;
    background: #e5ebf1;
    font-size: 14px;
    z-index: 3;
    //width: 30px;
    height: 30px;
    border-radius: 6px;
    padding: 0px 12px;
    user-select: none;
    cursor: pointer;
    transform: scale(1);
    transition: all 100ms ease-out;
}
.pd-additional:hover {
    color: #4c82bf;
    background: #d5e0eb;
}
.pd-additional:active {
    transform: scale(0.9);
}

.input-group-btn {
  transform: scale(1);
  transition: all 100ms ease-out;
}
.input-group-btn:active {
  transform: scale(0.8);
}
.fa-plus, .fa-minus {
    background: #e9e9e9;
    padding: 5px 7px;
    border-radius: 7px;
}
.input-group-btn .btn {
    padding: 5px 10px !important;
}
.input-group-btn .btn-secondary:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.modal .modal-header h4 {
    font-size: 26px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #bbbbbb;
    padding: 20px;
    text-transform: uppercase;
}

.activation-warning {
    padding: 10px;
    background: linear-gradient(-45deg, #fff, #fff7ec, #fff);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #121212;
    margin-top: 10px;
    border-radius: 10px;
    text-align: center;
    border: solid #ebebeb 1px;
}

/*Modal XL*/

@media (min-width: 992px)
{
.modal-xl {
    max-width: 600px;
}
}