* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a,
a:active,
a:focus {
    color: #719bd7;
    text-decoration: none;
    outline: none;
}

.dropdown-menu .sp {
    min-width: 10px;
    width: 100%;
}
.dropdown-menu .cur {
    opacity: 40%;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

jdiv.button_e61f {
    bottom: 65px !important;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #293134 #363c43;
}

html::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-track {
    background: #293134;
}

html::-webkit-scrollbar-thumb {
    background-color: #293134;
    border-radius: 8px;
    border: 4px solid #363c43;
}

.button:active,
.button:focus {
    color: white;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 600000s, color 0s 600000s;
    transition: background-color 0s 600000s, color 0s 600000s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

body {
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #b8b8b8;
    line-height: 1.5;
    background: url(../images/nd/ui/bg.jpg) center top no-repeat #02020c;
    background-attachment: fixed;
    background-size: cover;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #293134 #363c43;
}

body::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track {
    background: #293134;
}

body::-webkit-scrollbar-thumb {
    background-color: #293134;
    border-radius: 8px;
    border: 4px solid #363c43;
}

body.chatOpen {
    padding-left: 300px;
}

body.newyear {
    background: url(../images/newyear/bg.jpg) center top no-repeat rgb(18, 2, 5);
    background-size: cover;
}

#closeSupport {
    border-radius: 6px;
    background: rgba(0, 181, 244, 0.5);
    position: absolute;
    top: -18px;
    left: 0;
    padding: 0;
    border: none;
    z-index: 1;
}
#closeSupport img {
    padding: 0;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.top-menu {
    padding: 0px 0;
    background: #12131d;
    border-bottom: 1px solid #35363f;
}

.top-menu li {
    float: right;
}

.top-menu li a {
    text-decoration: underline;
}

.top-menu li a:hover {
    background: none;
    color: #719bd7;
}

.top-menu .icon1 {
    background: url(../images/bar-icon-1.png) no-repeat;
    display: inline-block;
    width: 46px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.top-menu .icon2 {
    background: url(../images/bar-icon-2.png) no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.top-menu .icon3 {
    background: url(../images/bar-icon-3.png) no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.top-menu .icon-forum {
    background: url(../images/account-icon-messenger.png) no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.top-menu .icon-fb {
    background: url(../images/bar-icon-facebook.png) no-repeat;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.top-menu .icon-telegram {
    background: url(../images/bar-icon-telegram.png) no-repeat;
    display: inline-block;
    width: 31px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.top-menu-settings {
    display: flex;
    margin-top: 10px;
    font-size: 17px;
    padding-left: 0;
}

.top-menu-settings li {
    float: none;
    display: inline-block;
    margin-right: 20px;
}

.top-menu-settings li button {
    border: none;
    background: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    border-bottom: 1px dotted;
}

.top-menu-settings li:nth-child(3) a {
    border-bottom: none;
}

.header {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.logoblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logoblock:hover {
    opacity: 0.8;
}

.logoblock-img {
    width: 149px;
}

.logoblock-img__mobile {
    display: none;
}

.right-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    gap: 16px;
}

.menu-button {
    position: relative;
    height: 44px;
    min-width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(131, 128, 154, 0.2);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 0;
    color: #7e8487;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.menu-button:hover {
    background: rgba(131, 128, 154, 0.3);
}

.menu-button.steam {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid #00b5f4b0;
    min-width: 145px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border-radius: 6px;
    background: -o-radial-gradient(
            50% 100%,
            225.6% 100.51%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    background: radial-gradient(
            225.6% 100.51% at 50% 100%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    -webkit-box-shadow: 0 0 15px 0 rgb(0 181 244 / 69%) inset;
    box-shadow: 0 0 15px 0 rgb(0 181 244 / 69%) inset;
    text-align: center;
}

.menu-button.steam img {
    margin-right: 8px;
    opacity: 1;
}

.menu-button img {
    opacity: 0.7;
}

.menu-button img:hover,
.menu-button.active img {
    opacity: 1;
}

.mobile-toggler.menu-button {
    display: none;
}

.mobile-menu {
    display: none;
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: #02020c;
    text-align: left;
    overflow: auto;
}

.mobile-menu__exit {
    color: red !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.mobile-menu__exit.enter {
    color: #00b5f4 !important;
}

.pointsBalance.menu-button {
    padding: 0 8px;
}

.soundVolume .dropdown > img {
    display: none;
}
.soundVolume [data-volume="1"] .volume-1 {
    display: block !important;
}
.soundVolume [data-volume="2"] .volume-2 {
    display: block !important;
}
.soundVolume [data-volume="3"] .volume-3 {
    display: block !important;
}

.languageBottom {
    cursor: pointer;
}

.languageBottom .dropdown-menu img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.languageBottom .dropdown img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.languageBottom .dropdown-menu {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(100% + 20px);
    background: #1c1c1c;
    padding: 12px 16px;
    border-radius: 10px;
}

.languageBottom .dropdown-menu > li > a {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    padding: 6px 0;
}

.languageBottom .dropdown-menu > li > h4 {
    color: #f1f1f1;
    font-weight: 700;
    margin: 0;
}

.pointsBalance-btn {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.pointsBalance-btn img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.pointsBalance-btn span {
    color: #00b5f4;
}

.account-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-info .avatar {
    margin-right: 8px;
    width: 44px;
    height: 44px;
    border-radius: 6px;
}

.account-info .nickname {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
}

.account-info .nickname > a {
    color: #b8b8b8;
}

.account-info .team a {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #7e8487;
}

.head-description {
    margin-left: 24px;
    font-size: 11px;
    line-height: 15px;
    color: #7e8487;
    width: 60px;
}

.head-description h1 {
    display: none;
}

.head-description .onlineUsers {
    position: relative;
    min-width: 60px;
}

.head-description .onlineUsers:after {
    content: "";
    position: absolute;
    right: -21px;
    top: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url("../images/nd/ui/online.svg") center no-repeat;
}

.right-toolbar {
    text-align: right;
}

.toolbarline1 {
    margin-top: 10px;
}

.button {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding: 6px 25px;
    border: 1px solid #b72136;
    border-radius: 4px;
    background: #ed3430;
    background: -o-linear-gradient(top, #ed3430 0%, #701a1d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ed3430), to(#701a1d));
    background: linear-gradient(to bottom, #ed3430 0%, #701a1d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ed3430', endColorstr='#701a1d', GradientType=0);
}

.button:hover {
    color: white;
    background: #701a1d;
    background: -o-linear-gradient(top, #701a1d 0%, #ed3430 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#701a1d), to(#ed3430));
    background: linear-gradient(to bottom, #701a1d 0%, #ed3430 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#701a1d', endColorstr='#ed3430', GradientType=0);
}

.button {
    font-size: 14px;
    margin-left: 20px;
    padding: 6px 15px 6px 60px;
    position: relative;
}

.button:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 21px;
    left: 15px;
    top: 5px;
}

.button.steam:before {
    background: url(../images/icon-steam.png) center center no-repeat;
}

.toolbarline2 {
    margin-top: 20px;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigation > li {
    display: inline-block;
    padding: 0 20px;
}

.navigation > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #b8b8b8;
    text-transform: uppercase;
}

.navigation > li > a:hover {
    color: #f1f1f1;
}

.account-panel {
    text-align: left;
}

.account-panel .account-info {
    border-bottom: 1px solid #35363f;
    padding-bottom: 10px;
}

.account-info .dropdown {
    cursor: pointer;
}

.account-info .dropdown-menu {
    background: #1c1c1c;
    padding: 12px 16px;
    border-radius: 10px;
}

.account-info .dropdown-menu > li > a {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    padding: 6px 0;
}

.account-info .dropdown-menu > li > a:hover {
    background: rgba(98, 98, 98, 0.5);
}

.account-panel .avatar {
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
    border: 1px solid #999eaa;
}

.account-panel .avatar img {
    display: block;
    max-width: 100%;
    height: auto;
}

.account-panel .nickname {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-left: 80px;
    margin-bottom: 10px;
    line-height: 140%;
}

.account-panel .nickname a .UserBandNamePrefix {
    color: #dbbd1b;
}

.account-panel .nickname a .UserBandNamePrefix:hover {
    color: white;
}

.account-panel .nickname .pointsBalance {
    margin-left: 20px;
    color: #fff;
    font-weight: 100;
}

.account-panel .account-links {
    list-style-type: none;
    margin: 13px 0 0 80px;
    padding: 0px;
}

.account-links > li {
    margin-bottom: 10px;
    line-height: 28px;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
}

.account-links > li a {
    color: #719bd7;
    text-decoration: underline;
}

.account-links > li a:hover {
    text-decoration: none;
}

.account-links .icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.account-links .icon.i4 {
    background: url(../images/account-icon-1.png) left center no-repeat;
}

.account-links .icon.icon-messenger {
    background: url(../images/account-icon-messenger.png) left center no-repeat;
}

.account-links .icon.i5 {
    background: url(../images/account-icon-2.png) left center no-repeat;
}

.account-links .icon.i10 {
    background: url(../images/account-icon-10.png) left center no-repeat;
}

.account-links .icon.i6 {
    background: url(../images/account-icon-3.png) left center no-repeat;
}

.prelandBlock {
    background-image: url(../images/preland-bg.png);
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) top;
    /*height: 340px;*/
    padding-top: 60px;
    text-align: center;
    display: block;
}

.prelandBlock h1 {
    margin: 10px 0px 30px 10px;
    padding: 0px;
    font-weight: 400;
    text-align: left;
    text-shadow: 1px 1px 1px black;
}

.prelandBlock h2 {
    font-size: 22px;
    font-weight: 400;
    margin: 0px;
    text-shadow: 1px 1px 1px black;
}

.prelandBlock p {
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 10px 0px;
    text-align: left;
    font-size: 13px;
}

.prelandBlock .betbutton {
    margin: 20px auto 10px auto;
    width: 75%;
}

.inventory {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 20px;
    padding: 6px 15px 6px 15px;
}

.inventory-page {
}

.inventory__header {
    width: 100%;
    height: 140px;
    background: url(../images/nd/faq/top-panel-bg.png) 0 0 no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.inventory__header-title {
    margin: 0;
    background: url(../images/nd/inventory/title.png) 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 198px;
    padding: 14px 0 14px 16px;
}

.inventory-container {
    margin: -70px 12px 20px;
}

.inventory-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.inventory-item.inventoryblock {
    padding: 16px;
    position: relative;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    width: 50%;
}

.inventory-item .sortblock {
    padding: 0;
}

.sortblock-info {
    white-space: nowrap;
    margin: 0 0 8px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}
.sortblock-icon {
    opacity: 0.6;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: sub;
    margin-left: 6px;
}
.sortblock-icon:hover {
    opacity: 1;
}
.sortblock-icon img {
    width: 16px;
    height: 16px;
}

.inventory-buttons {
    padding: 20px;
    margin: 0 -16px;
    position: fixed;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    background: rgba(30, 34, 37, 0.65);
    -webkit-box-shadow: 0px 1px 0px 0px rgba(96, 95, 104, 0.7) inset;
    box-shadow: 0px 1px 0px 0px rgba(96, 95, 104, 0.7) inset;
    -webkit-backdrop-filter: blur(2.7px);
    backdrop-filter: blur(2.7px);
    z-index: 1;
}

.inventory-buttons p {
    padding: 0 !important;
    margin: 0 !important;
}

.inventory-buttons > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}

.inventory-buttons.absolute {
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 0;
    width: 100% !important;
}

.nd .inventory-buttons a {
    width: auto;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.inventory-inner__row {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nd .inventory-inner__row h3 {
    margin: 0 12px 0 0;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
}

.inventory-inner__row p {
    white-space: nowrap;
    margin: 0;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.inventory-sort {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.inventory-sort:after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 8px;
    height: 8px;
    background: url("../images/nd/select-arrow.png");
    background-size: cover;
}

.inventory-sort[data-sort="increase"]:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.inventory-sort[data-sort="exSortD"]:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.inventory-selectFirst {
    margin: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.nd .inventory-selectFirst a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    min-width: 38px;
    height: 24px;
    color: #b8b8b8;
    background: rgba(255, 255, 255, 0.1);
    font-size: 14px;
}
.nd .inventory-selectFirst a img {
    height: 100%;
}

.inventory-select {
    padding: 4px;
    border: none;
    outline: none;
    min-width: 100px;
    color: #b8b8b8;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.inventoryitems {
    padding: 0 0 12px;
    display: block;
    width: calc(100% + 4px);
    margin-left: -4px;
}

.nd #hiddenSteamItems {
    display: inline;
}

.inventoryitem {
    position: relative;
    display: inline-block;
    margin: 0 4px 4px 0;
    border-radius: 6px;
    vertical-align: middle;
}

.inventoryitem-frozen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 4px;
    background: rgba(55, 150, 255, 0.3);
}
.inventoryitem-frozen {
    width: 20px;
    height: 20px;
}


.inventoryitem .bottom-bg {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -6px;
    left: 0;
    background: rgb(43, 201, 255);
    opacity: 0.5966;
    -webkit-filter: blur(13.5px);
    filter: blur(13.5px);
}

.inventoryitem .select-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    z-index: 0;
    overflow: hidden;
}

.inventoryitem .item {
    position: relative;
    width: 92px;
    padding: 8px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.2);
    cursor: pointer;
    z-index: 1;
}

.inventoryitem .item.itemlocked {
    background-color: #584242;
}

.inventoryitem .item .inventorItemImg {
    width: 100%;
}

.inventoryitem .item .price {
    position: static;
    padding: 8px 0 0;
    background: none;
    color: #b8b8b8;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.exchanger-item {
    position: relative;
    display: inline-block;
    margin: 0 4px 4px 0;
    border-radius: 6px;
    vertical-align: middle;
}

.exchanger-item .bottom-bg {
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: -6px;
    left: 0;
    background: rgb(43, 201, 255);
    opacity: 0.5966;
    -webkit-filter: blur(13.5px);
    filter: blur(13.5px);
}

.exchanger-item .select-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    z-index: 0;
    overflow: hidden;
}

.exchanger-item .item {
    position: relative;
    width: 92px;
    height: 114px;
    padding: 8px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.2);
    cursor: pointer;
    z-index: 1;
}

.exchanger-item .item.itemlocked {
    background-color: #584242;
}

.exchanger-item .item .inventorItemImg {
    width: 100%;
}

.exchanger-item .item .price {
    position: static;
    padding: 8px 0 0;
    background: none;
    color: #b8b8b8;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.mainblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
}

.left-menu {
    padding-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: calc(100vh - 150px);
}

.left-menu__games {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.left-menu__bottom {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.left-menu__bottom li {
    display: block;
    position: relative;
}

.left-menu__games li {
    display: block;
}

.left-menu__games .gametab:not(.active) .img-active {
    display: none;
}
.left-menu__games .gametab:not(.active) .img-inactive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.left-menu__games .gametab.active .img-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.left-menu__games .gametab.active .img-inactive {
    display: none;
}
.left-menu__games .gametab.active {
    background: -o-radial-gradient(
            52.13% 50.31%,
            49.69% 49.69%,
            rgba(0, 181, 244, 0.67264) 0%,
            rgba(0, 181, 244, 0.3) 100%
    );
    background: radial-gradient(
            49.69% 49.69% at 52.13% 50.31%,
            rgba(0, 181, 244, 0.67264) 0%,
            rgba(0, 181, 244, 0.3) 100%
    );
}

.left-menu__games .gametab h3 {
    display: none;
}

.waiting-gametab {
    background: -o-radial-gradient(
            52.13% 50.31%,
            49.69% 49.69%,
            rgba(0, 181, 244, 0.67264) 0%,
            rgba(0, 181, 244, 0.3) 100%
    );
    background: radial-gradient(
            49.69% 49.69% at 52.13% 50.31%,
            rgba(0, 181, 244, 0.67264) 0%,
            rgba(0, 181, 244, 0.3) 100%
    );
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.waiting-gametab .img-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.waiting-gametab .img-inactive {
    display: none;
}
.waiting-gametab h3 {
    display: none;
}

.new-tab {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

#pagecontent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 1052px;
}

.rightblock {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 16px;
    width: 280px;
}

.rightblock-item {
    position: relative;
    margin-bottom: 16px;
    border-radius: 6px;
}

.freeskin-banner.rightblock-item {
    padding: 26px 12px 22px;
    background: url("../images/nd/ui/day-skin.png") center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.freeskin-banner.rightblock-item h2 {
    padding: 0;
    margin: 0 auto 96px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    background: -o-linear-gradient(
            top,
            #959595 0%,
            #fff 54.36%,
            #e5dede 54.84%,
            #d8d8d8 100%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#959595),
            color-stop(54.36%, #fff),
            color-stop(54.84%, #e5dede),
            to(#d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 0%,
            #fff 54.36%,
            #e5dede 54.84%,
            #d8d8d8 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rightblock-item .freeskin-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.freeskin-banner__btn {
    margin: 0 auto;
    border: none;
    min-width: 140px;
    padding: 12px 6px 13px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 15px 0 rgba(201, 201, 201, 0.4);
    box-shadow: inset 0 0 15px 0 rgba(201, 201, 201, 0.4);
    background: rgba(28, 28, 28, 0.5);
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #f1f1f1;
    text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.rightblock-title {
    overflow: hidden;
    position: relative;
    border-radius: 6px 6px 0px 0px;
    background: -o-radial-gradient(
            50% 100%,
            400.1% 101.79%,
            rgba(255, 255, 255, 25%) 0%,
            rgba(255, 255, 255, 10%) 100%
    );
    background: radial-gradient(
            400.1% 101.79% at 50% 100%,
            rgba(255, 255, 255, 25%) 0%,
            rgba(255, 255, 255, 10%) 100%
    );
}

.rightblock-title__mark {
    position: absolute;
    right: 16px;
    opacity: 0.6;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.rightblock-title__mark:hover {
    opacity: 1;
}

.rightblock-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -12px;
    width: calc(100% - 40px);
    height: 18px;
    margin: 0 20px;
    border-radius: 100%;
    background: rgba(140, 175, 195, 0.09);
    -webkit-filter: blur(5.5px);
    filter: blur(5.5px);
}

.rightblock-item h2 {
    padding: 9px 16px 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #ffffff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(54.14%, #ffffff),
            color-stop(54.5%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #ffffff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rightblock-content {
    border-radius: 0 0 6px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 16px;
    background: -o-linear-gradient(
            top,
            rgba(49, 64, 68, 0.7) 0%,
            rgba(36, 36, 36, 0.7) 100%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(49, 64, 68, 0.7)),
            to(rgba(36, 36, 36, 0.7))
    );
    background: linear-gradient(
            180deg,
            rgba(49, 64, 68, 0.7) 0%,
            rgba(36, 36, 36, 0.7) 100%
    );
}

.rightblock-content.rightblock-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.rightblock-content #topImg {
    margin-right: 16px;
    border-radius: 6px;
    width: 48px;
    height: 48px;
}

.rightblock-content .userAvatar {
    margin-right: 16px;
    border-radius: 6px;
    width: 48px;
    height: 48px;
}

.rightblock-content .nickName {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 13px;
    color: #b8b8b8;
}

.rightblock-content .leftBlockWinResult {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
    padding-left: 24px;
    background: url("../images/nd/ui/coins.png") left center no-repeat;
}

.rightblock-content #topSum {
    margin-right: 8px;
    font-weight: 700;
    font-size: 12px;
    color: #f1f1f1;
}

.helpBottom .dropdown {
    cursor: pointer;
}

.helpBottom .dropdown-menu {
    top: 0;
    left: calc(100% + 20px);
    background: #1c1c1c;
    padding: 12px 16px;
    border-radius: 10px;
}
.helpBottom .dropdown-menu > li:not(:last-child) {
    margin-bottom: 4px;
}

.helpBottom .dropdown-menu > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #b8b8b8;
    padding: 0 20px 0 0;
    height: 60px;
    background: rgba(131, 128, 154, 0.15);
    border-radius: 10px;
}

.soundVolume {
    cursor: pointer;
}
.soundVolume .dropdown-menu {
    width: 256px;
    top: auto;
    bottom: -100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(100% + 20px);
    background: #1c1c1c;
    padding: 12px 16px;
    border-radius: 10px;
}
.soundVolume h4 {
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}
.soundVolume-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.soundVolume-range img {
    height: 24px;
    width: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.soundVolume-range input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
    height: 4px;
    background: #605f68;
}

.soundVolume-range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    background-color: #00b5f4;
    border-radius: 50%;
    border: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.soundVolume-range input::-moz-range-thumb {
    height: 16px;
    width: 16px;
    background-color: #00b5f4;
    border-radius: 50%;
    border: none;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.leftblock {
    margin-bottom: 20px;
    font-size: 0px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.newyear .rightblock {
    position: relative;
}
.newyear .rightblock:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 38px;
    background: url("../images/newyear/snow-1.png") right bottom no-repeat;
    background-size: 280px 38px;
    pointer-events: none;
}
.newyear .rightblock-trains:after {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 38px;
    background: url("../images/newyear/snow-1-1.png") right bottom no-repeat;
    background-size: 280px 38px;
    pointer-events: none;
}

.leftblock h2 {
    font-weight: 100;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    background-color: #1d1d28;
    margin: 0px;
    padding: 7px;
    color: white;
}

.leftblock h2 .glyphicon {
    font-size: 80%;
    vertical-align: top;
}

.leftBlockContent {
    font-size: 13px;
    line-height: 150%;
    color: white;
    background-color: rgb(56, 58, 73);
    padding: 10px 10px 10px 10px;
}

.leftblock .SMSpromoBlock {
    text-transform: uppercase;
}

.leftblock .SMSpromoBlock .line1 {
    font-size: 21px;
    margin-bottom: 10px;
}

.leftblock .SMSpromoBlock .line2 {
    margin-bottom: 10px;
}

.rightblock-content .description {
    text-align: center;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 170%;
}

.rightblock-content .train {
    margin-bottom: 10px;
}

.rightblock-content .avatar {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.rightblock-content .coins {
    display: inline-block;
    width: 65px;
    text-align: right;
    color: rgb(206, 206, 206);
    white-space: nowrap;
}

.rightblock-content .avatar img {
    width: 30px;
}

.rightblock-content .leftProgressbar {
    display: inline-block;
    width: 130px;
    vertical-align: middle;
    /*text-align: right;*/
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rightblock-content .leftProgressbar .sr-only {
    position: relative;
}

.rightblock-content .leftProgressbar .progress {
    margin-bottom: 0px;
    position: relative;
}

.rightblock-content .progress-bar-info {
    background-color: rgb(0, 163, 219);
}

.rightblock-content .topTrains {
    font-size: 0px;
    margin-top: 10px;
}

.rightblock-content .topTrains h4 {
    font-size: 16px;
    font-weight: 100;
}

.rightblock-content .topTrains .topTrain {
    width: 18%;
    position: relative;
    display: inline-block;
    margin-right: 2%;
}

.rightblock-content .topTrains .topTrain img {
    width: 100%;
}

.rightblock-content .topTrains .topTrain span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 17px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.53);
    width: 100%;
    padding: 20px 0px 2px 3px;
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+50 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(
            top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 50%,
            rgba(0, 0, 0, 0.5) 100%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 0, 0, 0)),
            color-stop(50%, rgba(0, 0, 0, 0.5)),
            to(rgba(0, 0, 0, 0.5))
    );
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.5) 50%,
            rgba(0, 0, 0, 0.5) 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    /* IE6-9 */
}

.blockTop24User {
    background: url("../images/left-blocks-bg.jpg") 0px -235px;
    border-top: 1px solid rgb(77, 78, 90);
}

.blockLastWinner {
    background: url("../images/left-blocks-bg.jpg") 0px 510px;
    border-top: 1px solid rgb(77, 78, 90);
}

.blockKnifeForTop {
    background: url("../images/left-block-knife-bg.jpg") 0px -27px;
    border-top: 1px solid #4893b5;
    text-align: center;
}

.blockRepost {
    background: url("../images/left-block-repost-bg.jpg") 0px -27px;
    border-top: 1px solid rgb(137, 118, 23);
    text-align: center;
    color: white;
}

.blockRepost .descr {
    color: white;
    text-transform: uppercase;
}

.blockRepost .descr .line1 {
    font-size: 22px;
    font-weight: 100;
    line-height: 140%;
    margin-bottom: 5px;
}

.blockRepost .descr .line2 {
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 10px;
}

.blockRepost .descr .line3 {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 10px;
}

.blockRepost .descr .line4 {
    font-size: 14px;
    font-weight: 100;
}

.blockRepost img {
    margin-bottom: 20px;
}

.blockBigSale {
    background: url("../images/left-block-sale-bg.jpg") 0px -100px;
    border-top: 1px solid #4893b5;
    text-align: center;
}

.blockBigSale .line1 {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 100;
}

.blockBigSale .line2 {
    font-size: 90px;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 900;
}

.blockBigSale .line3 {
    font-size: 28px;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 400;
}

.blockJoinVK {
    background: url("../images/left-block-sale-bg.jpg") 0px -100px;
    border-top: 1px solid #4893b5;
    text-align: center;
}

.blockJoinVK .line1 {
    font-size: 23px;
    font-weight: 100;
    margin-bottom: 15px;
    margin-top: 10px;
}

.blockJoinVK .line2 {
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 20px;
}

.blockJoinVK .comment {
    font-size: 10px;
    color: rgb(200, 200, 200);
    margin-top: 2px;
}

.blockDailyGift {
    background: url("../images/left-blocks-bg.jpg") 0px 510px;
    border-top: 1px solid rgb(77, 78, 90);
    text-align: center;
    color: white;
}

.blockGettoClub ul {
    color: rgb(255, 255, 255);
    padding: 0;
    text-align: left;
    font-size: 14px;
    margin-top: 17px;
    margin-bottom: 18px;
}

.blockGettoClub ul li {
    margin-bottom: 5px;
    display: block;
}

.blockSteam {
    background: url("../images/left-block-stream-bg.jpg") 0px -222px;
    border-top: 1px solid rgb(179, 52, 47);
    text-align: center;
    color: white;
}

.blockSteam .howToStream a {
    color: rgba(255, 255, 255, 0.43);
    border-bottom: 1px dashed;
}

.blockSteam .howToStream a:hover {
    color: white;
}

.blockSteam .streamer {
    text-align: left;
    margin-bottom: 10px;
}

.blockSteam .streamer .channelinfo {
    padding-left: 0px;
}

.blockSteam .streamer .channelinfo .channelname {
    font-size: 18px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.blockSteam .streamer .channelinfo .online {
    color: rgb(227, 167, 164);
}

.blockSteam .streamer .avatarka img {
    width: 100%;
}

.blockDailyGift img {
    margin-bottom: 10px;
}

.blockDailyGift p {
    font-size: 14px;
    color: white;
    line-height: 150%;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    font-weight: 100;
}

.blockDailyGift .free {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
}

.blockKnifeForTop img {
    width: 203px;
    margin: 17px 0px 0px 0px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: drop-shadow(0px 0px 20px white);
}

.blockKnifeForTop .descr {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 100;
    line-height: 150%;
    margin-top: 25px;
    margin-bottom: 20px;
}

.blockKnifeForTop .descr .att {
    font-size: 20px;
    margin: 6px 0px;
}

.blockKnifeForTop .btn-warning,
.blockDailyGift .btn-warning {
    background-color: rgb(210, 142, 46);
    margin-bottom: 10px;
}

.leftBlockContent .userAvatar {
    display: inline-block;
    width: 60px;
    margin-right: 10px;
}

.leftBlockContent .userAvatar img {
    width: 100%;
}

.leftBlockContent .userData {
    display: inline-block;
    vertical-align: top;
    width: 165px;
}

.leftBlockContent .userData .nickName {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.leftBlockContent .userData .leftBlockWinResult {
    background: url("../images/left-block-coins.png") 0px 5px no-repeat;
    padding-left: 34px;
    line-height: 140%;
    margin-top: 4px;
    color: rgb(174, 176, 186);
}

.leftBlockContent .userData .leftBlockWinResult span {
    color: #ffeea9;
}

.best24userinfo {
    background: url("../images/left-blocks-bg.jpg") top;
    clear: both;
    padding: 10px 0px 10px 0px;
}

.nowwin .best24userinfo {
    background-color: #3b3b3b;
    background-image: none;
}

#animateLstWin {
    position: relative;
}

.best24userinfo a {
    color: white;
}

.best24userinfo {
    /*margin-top: 10px;*/
    font-size: 13px;
    line-height: 170%;
    color: #f0f0f0;
}

.best24userinfo img {
    width: 70px;
    height: 70px;
    margin: 0px 12px 0px 10px;
    float: left;
}

.best24userinfo .summ b {
    display: inline-block;
    width: 75px;
    font-weight: 100;
}

.best24userinfo .chance b {
    display: inline-block;
    width: 75px;
    font-weight: 100;
}

.best24userinfo .chance span {
    color: gold;
}

.best24userinfo .nickname {
    /*width: 10px;*/
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.onlineuserslist {
    background-color: #3b3b3b;
    font-size: 0px;
    text-align: left;
    padding-top: 0px;
}

.onlineuserslist img {
    width: 32px;
    margin: 2px 2px 2px 2px;
    padding: 0px;
}

#teamTabs {
    margin-top: -24px;
}

.selectgame,
.selectgame-new {
    font-size: 0px;
}

.selectgame-new .gametab,
.selectgame-new .exchangetab {
    background-color: #3f3f3f;
    color: white;
    display: inline-block;
    width: 205px;
    padding: 10px;
    margin: 0px;
    font-size: 14px;
    -webkit-box-shadow: inset 0px -4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px -4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 5px;
    vertical-align: bottom;
}

.selectgame-new .gametab {
    /* width: 135px; */
    width: auto;
}

.selectgame-new .gametab:hover,
.selectgame-new .exchangetab:hover {
    background-color: #515151;
}

.tabdescription {
    font-size: 10px;
    text-transform: uppercase;
    opacity: 0.5;
    margin-top: 5px;
    display: none;
}

.selectgame .active,
.selectgame-new .active {
    background-color: white;
    color: black;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
    background: #e5e5e5;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.selectgame .gametab .line2 {
    margin: 5px 0px -5px 0px;
}

.selectgame-new .bank {
    display: none;
}

.game-settings {
    position: relative;
    padding: 20px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.game-settings:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 125px;
    height: 95px;
    background: url(../images/nd/history/icon.png);
}

#coinflip .game-settings:after {
    width: 100px;
    height: 100px;
    background: url(../images/nd/classic/room.png);
}

#typeRoom {
    width: 100%;
}

.room-row {
    padding: 0 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0 24px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.room-sort {
    min-width: 200px;
    margin-right: 40px;
    display: none;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}
.room-sort:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    background: url("../images/nd/select-arrow.png");
}
.room-sort.active {
    display: block;
}
#sortDuelI.room-sort:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.room-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.room-checkbox .toggler-wrapper {
    margin-bottom: 0;
}

.game-settings-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: fit-content;
    min-width: 148px;
    padding: 0 30px;
    height: 40px;
    background: url(../images/nd/classic/title.png) center no-repeat;
    background-size: 100% 100%;
}

.game-settings-title h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #fff 50%,
            #e5dede 50%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(50%, #fff),
            color-stop(50%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #fff 50%,
            #e5dede 50%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.game-settings .gamenum {
    margin-right: 20px;
    display: inline-block;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.game-settings-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-left: auto;
}

.game-settings-marks {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    z-index: 1;
}

.game-settings-marks__btn {
    cursor: pointer;
    border-radius: 10px;
    background: rgba(23, 22, 26, 0.5);
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
}
.game-settings-marks__link {
    cursor: pointer;
    border-radius: 10px;
    background: rgba(23, 22, 26, 0.5);
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
}

.game-settings .settings,
.game-settings .fairplay {
    /*padding-bottom: 20px;*/
    text-align: right;
}

.game-settings .settings a {
    border-bottom: 1px dotted;
    color: #727272;
}

.game-settings .fairplay a {
    color: #727272;
}

.game-settings .settings .langSelect {
    border-bottom: none;
}

.game-settings .settings .glyphicon {
    color: #d8d8d8;
    font-size: 13px;
    vertical-align: middle;
    top: -2px;
    padding-right: 4px;
}

.itemsloading {
    position: relative;
    width: 80%;
    height: 80px;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid rgba(172, 172, 172, 0.3);
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61) inset;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61) inset;
    text-align: start;
}

@-webkit-keyframes anim {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 48px 0;
    }
}

@keyframes anim {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 48px 0;
    }
}

.rouletteblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 24px 28px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.progressbar {
    width: 0%;
    height: 78px;
    display: inline-block;
    position: relative;
}

.progressbar-green {
    width: calc(100% + 20px);
    height: 100%;
    -webkit-clip-path: polygon(
            calc(100% - 20px) 0,
            100% 50%,
            calc(100% - 20px) 100%,
            0 100%,
            0 50%,
            0 0
    );
    clip-path: polygon(
            calc(100% - 20px) 0,
            100% 50%,
            calc(100% - 20px) 100%,
            0 100%,
            0 50%,
            0 0
    );
    background: rgba(20, 255, 0, 0.7);
    position: absolute;
}

.progressbar-border {
    background: #20282a;
    width: calc(100% + 18px);
    height: calc(100% - 2px);
    margin: 1px;
    -webkit-clip-path: polygon(
            calc(100% - 20px) 0,
            100% 50%,
            calc(100% - 20px) 100%,
            0 100%,
            0 50%,
            0 0
    );
    clip-path: polygon(
            calc(100% - 20px) 0,
            100% 50%,
            calc(100% - 20px) 100%,
            0 100%,
            0 50%,
            0 0
    );
}

.progressbar-bg {
    width: 100%;
    height: 100%;
    background: url(../images/nd/classic/progressbar.png) 0 0 repeat;
    background-size: contain;
    -webkit-animation: anim 3s linear infinite;
    animation: anim 3s linear infinite;
}

.itemstext {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.itemstext .count {
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #fff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(54.14%, #fff),
            color-stop(54.5%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #fff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.itemstext .text {
    margin: 0 20px;
    color: #b8b8b8;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
}

.timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.timer-sep {
    margin: 0 8px 8px;
    text-align: center;
    color: #7e8487;
    font-size: 44px;
    font-weight: 500;
}

.nd .timer.flipTimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.timer-seconds,
.timer-minutes,
.timer-hours,
.timer-days {
    padding-top: 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 66px;
    text-align: center;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid #5b5d5f;
    background: -o-linear-gradient(top, #18191a 1.9%, #1e2529 99.89%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.9%, #18191a), color-stop(99.89%, #1e2529));
    background: linear-gradient(180deg, #18191a 1.9%, #1e2529 99.89%);
}

.timer .hours,
.timer .minutes,
.timer .seconds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    text-align: center;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: -o-linear-gradient(top, #18191a 1.9%, #1e2529 99.89%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.9%, #18191a), color-stop(99.89%, #1e2529));
    background: linear-gradient(180deg, #18191a 1.9%, #1e2529 99.89%);
}

@font-face {
    font-family: "DIN Condensed";
    src: local("DIN Condensed"), local("DINCondensed-Light"),
    url("../fonts/DINCondensed-Light.woff2") format("woff2"),
    url("../fonts/DINCondensed-Light.woff") format("woff"),
    url("../fonts/DINCondensed-Light.ttf") format("truetype");
}

.timer .minutes .data,
.timer .secounds .data {
    margin-top: 10px;
    position: relative;
    font-family: "DIN Condensed";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    background: -o-linear-gradient(
            top,
            #fff 1.73%,
            #8a8a8a 36.06%,
            #fff 36.31%,
            #8a8a8a 70.65%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(1.73%, #fff),
            color-stop(36.06%, #8a8a8a),
            color-stop(36.31%, #fff),
            color-stop(70.65%, #8a8a8a)
    );
    background: linear-gradient(
            180deg,
            #fff 1.73%,
            #8a8a8a 36.06%,
            #fff 36.31%,
            #8a8a8a 70.65%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.timer .minutes .data:after,
.timer .secounds .data:after {
    content: "";
    position: absolute;
    display: block;
    top: 18px;
    width: 100%;
    height: 1px;
    background: #1c1c1c;
}

.timer .minutes p,
.timer .secounds p {
    margin-top: -10px;
    color: #7e8487;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.rouletteblock .or {
    width: 10%;
    text-align: center;
    margin: 0 20px;
    color: #7e8487;
    font-size: 20px;
    font-weight: 700;
}

.autobet-link {
    display: block;
    text-align: center;
    margin-top: 12px;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    border: none;
    padding: 0;
    outline: none;
    background: transparent;
}

.autobet-link img {
    margin-right: 8px;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    opacity: 0.6;
}

.autobet-link:hover {
    color: #cbcbcb;
}

.autobet-link:hover img {
    opacity: 1;
}

#blockAddSkins {
    min-width: 145px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.usersinbattle {
    text-align: center;
    padding: 0px 6px;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0px;
}

.room-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.room-players.usersinbattle {
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    overflow: initial;
    width: 283px;
}

.nd .usersinbattle .user {
    width: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    margin-top: 32px;
    margin-bottom: 24px;
}
.nd .usersinbattle .user > a {
    position: relative;
    display: block;
}

.nd .room-players.usersinbattle .user {
    width: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 0;
}

.nd .usersinbattle .user img:not(.achive-icon) {
    display: block;
    position: relative;
    max-width: 100%;
    height: 60px;
    z-index: 1;
    border-radius: 6px;
}

.nd .usersinbattle .percent {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: -20px;
    color: #b8b8b8;
    padding: 22px 0 3px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
    z-index: 0;
    background: rgba(23, 22, 26, 0.5);
}

.usersinbattle .userInBand,
#coinflip .roomnew .player .userInBand {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 17px;
    background-color: rgba(255, 255, 255, 0.99);
    line-height: 100%;
    padding: 0px 4px;
    border-radius: 2px;
    font-weight: 900;
    -webkit-box-shadow: 1px 1px 0px #4e4e4e;
    box-shadow: 1px 1px 0px #4e4e4e;
    /*text-shadow: 0px 0px 3px #a7a7a7;*/
}

.nd .usersinbattle .team {
    vertical-align: top;
    position: relative;
    display: inline-block;
    margin: 14px 0 44px;
}

.nd .room-players.usersinbattle .team {
    margin: -18px 0 0;
}

.nd .usersinbattle .team .teamInfo a {
    display: block;
    margin-top: 2px;
    color: inherit;
}

.nd .usersinbattle .team .teamInfo {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px;
    background: -o-linear-gradient(
            top,
            rgba(0, 206, 241, 0.5) 0%,
            rgba(0, 206, 241, 0) 50%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(0, 206, 241, 0.5)),
            color-stop(50%, rgba(0, 206, 241, 0))
    );
    background: linear-gradient(
            180deg,
            rgba(0, 206, 241, 0.5) 0%,
            rgba(0, 206, 241, 0) 50%
    );
    height: 100%;
    width: calc(100% - 8px);
    color: #f1f1f1;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    margin: 0;
}

.usersinbattle .team .teamInfo .teampercent {
    font-weight: 900;
}

.nd .usersinbattle .team .user {
    height: 60px;
    width: 60px;
    margin: 18px 8px 0 0;
}

.usersinbattle .team .user img:not(.achive-icon)  {
    height: auto;
    width: auto;
}

.rouletteinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px 20px;
}

.rouletteinfo.waiting .rouletteinfo-players,
.rouletteinfo.waiting .bankblock {
    opacity: 0.4;
}

.rouletteinfo-players {
    min-width: 145px;
}

.rouletteinfo-players__text {
    margin-bottom: 10px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}
.rouletteinfo-players__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 500;
}
.rouletteinfo-players__count img {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0.6;
}

.rouletteinfo .winner {
    font-size: 19px;
}

.rouletteinfo .winner img {
    height: 20px;
}

.rouletteinfo .winner span {
    color: #a62525;
    font-weight: 900;
}

.betbutton {
    padding: 5px 10px;
    display: block;
    float: none;
    text-align: center;
    text-transform: uppercase;
    margin-left: 0px;
    width: 160px;
    z-index: 1;
}

.bankblock {
    text-align: center;
}
.bankblock-title {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.bankblock #gameBank {
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 800;
}
.bankblock #gameBank:before {
    content: "";
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block;
    width: 52px;
    height: 52px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../images/nd/black-market/coins.svg");
    background-size: cover;
}

.banknotice {
    margin-top: 16px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    max-width: 40%;
}

.bankblock .bankinfo {
    font-size: 15px;
    font-weight: 100;
}

.bankblock #userBetProc {
    color: white;
}

#room-add-bots {
    margin-right: 20px;
}

.betinfo .avatar,
.betinfo .text {
    display: inline-block;
}

.betinfo .nick span {
    font-weight: 900;
    color: black;
}

.nd .betinfo .avatar img {
    width: 48px;
    height: 48px;
    border-radius: 6px;
}

.betslist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px;
    background: -o-radial-gradient(
            50% 129.41%,
            214.8% 72.16%,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0.05) 100%
    ) !important;
    background: radial-gradient(
            214.8% 72.16% at 50% 129.41%,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0.05) 100%
    ) !important;
}
.betslist.empty {
    padding: 0;
}

.nd .bet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px;
    padding: 12px 16px 6px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.nd .bet__user {
    margin-top: 6px;
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nd .bet__user .avatar {
    position: relative;
    margin-right: 12px;
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nd .bet__user img:not(.achive-icon) {
    width: 48px;
    height: 48px;
    border-radius: 6px;
}

.nd .bet__user .nick {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.nd .bet__user .nick .UserBandNamePrefix a {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.nd .bet__user .nick > div {
    margin-bottom: 3px;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
    word-break: break-all;
}

.nd .bet__value {
    width: 18%;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-top: -12px;
    margin-right: -16px;
}

.nd .room-top .bet__value {
    margin-top: -24px;
    margin-right: -20px;
}

.nd .bet__value .betsumm {
    margin-left: auto;
    padding: 10px 16px;
    width: 108px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../images/nd/history/Rectangle.png") right top no-repeat;
    color: #f1f1f1;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.bet__value .betsumm-room {
    margin-left: auto;
    padding: 10px 16px 10px 39px;
    max-width: 172px;
    width: 100%;
    height: 64px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../images/nd/classic/Rectangle.png") left top no-repeat;
    background-size: cover;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
}

.betsumm-room__title {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}
.betsumm-room__value {
    color: #f1f1f1;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    font-weight: 700;
    white-space: nowrap;
}

.bet-your {
    padding-right: 20px;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.bet-your__text {
    margin-right: 8px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}
.bet-your__value {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
}

.payment-header {
    width: 100%;
    height: 140px;
    background: url("../images/nd/faq/top-panel-bg.png") 0 0 no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.payment-header__title {
    margin: 0;
    background: url("../images/nd/balance/title.png") 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 188px;
    padding: 14px 0 14px 16px;
}

.payment {
    border-radius: 6px;
    margin: -70px 12px 24px;
    padding: 29px 16px;
    background: rgba(131, 128, 154, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 430px;
}
.payment-left {
    width: 60%;
}
.payment-left form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.payment-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: 38px;
}
.payment-input {
    background: transparent;
    border: none;
    outline: none;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 0;
}
.payment-input-cur {
    position: absolute;
    right: 12px;
    color: #7e8487;
}
.payment-equivalent {
    margin-bottom: 20px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    color: #f1f1f1;
}
.payment-equivalent-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.payment-equivalent-left img {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.payment-form + .btn-success {
    margin-top: 35px;
    margin-left: 24px;
}

.payment-left p {
    font-size: 12px;
    padding: 0 !important;
    margin: 0 0 21px;
    max-width: 400px;
}
.payment-box {
    position: relative;
    z-index: 1;
    max-width: 448px;
}
.payment-box_wrapper {
    border-radius: 20px;
    padding: 20px 24px;
    background: #444c53;
}
.payment-box:after {
    content: "";
    top: 12px;
    left: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 20px 24px;
    background: #3d4348;
    z-index: -1;
}
.payment-box .referal__link {
    color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.payment-back {
    position: absolute;
    top: 21px;
    right: 24px;
    font-size: 12px;
    color: #7e8487;
}
.payment-back:hover {
    color: #f1f1f1;
}

.payment-right {
    width: 40%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 27px;
    margin-left: 27px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.payment-right p {
    font-size: 12px;
    padding: 0 !important;
}
.payment-right p b {
    font-weight: 700;
    color: #f1f1f1;
}
.payment-right p a {
    text-decoration: underline;
    color: #f1f1f1;
}
.payment-right ol {
    margin: 18px 0 0;
    padding: 0;
    list-style-type: none;
}
.payment-right li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    counter-increment: step-counter;
    margin-bottom: 22px;
    font-size: 12px;
}
.payment-right li:before {
    content: counter(step-counter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #b8b8b8;
    background: rgba(96, 95, 104, 0.5);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
}

.nd .room-items.betitems {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 90px;
}

.nd .room-items.betitems:after {
    content: "";
    width: 70px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: -o-linear-gradient(
            left,
            rgba(54, 61, 67, 0) 0%,
            rgb(54, 61, 67) 100%
    );
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(rgba(54, 61, 67, 0)),
            to(rgb(54, 61, 67))
    );
    background: linear-gradient(
            90deg,
            rgba(54, 61, 67, 0) 0%,
            rgb(54, 61, 67) 100%
    );
}

.nd .bet__value .betbilets {
    padding-top: 11px;
    padding-right: 16px;
    color: #7e8487;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
}

.betinfo {
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}

.nd .betitems {
    width: 55%;
    font-size: 0;
}

.betitem-tags {
    position: absolute;
    top: 6px;
    left: 4px;
    right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}

.nd .betitems .wearShort {
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    border-radius: 4px;
    padding: 1px 4px;
    background: rgba(96, 95, 104, 1);
}

.tradeBan {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    background: rgba(255, 0, 20, 0.25);
    font-weight: 700;
    font-size: 12px;
    color: rgba(251, 79, 93, 0.7);
}

.nd .betitems .statTrack {
    border-radius: 4px;
    position: relative;
    padding: 1px;
}
.nd .betitems .statTrack svg {
    width: 11px;
    height: 11px;
    z-index: 1;
}
.nd .betitems .statTrack div {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.2;
    top: 0;
    left: 0;
    border-radius: 4px;
}

.nd .betitems .notForSale {
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    border-radius: 4px;
    padding: 1px 4px;
    color: #ff0014;
    background: rgba(255, 0, 20, 0.25);
}

.nd .betitem {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
    margin-bottom: 8px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    width: 68px;
    height: 72px;
    background: rgba(131, 128, 154, 0.2);
}
.nd .betitem.betsame {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
    margin-bottom: 8px;
    margin-right: 4px;
    display: inline-block;
    position: relative;
    text-align: center;
    overflow: initial;
    width: 68px;
    height: 72px;
    border: 0;
    background: transparent;
    z-index: 1;
}
.nd .betitem.betsame > div {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    background: #474955;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #5f5f67;
}
.nd .betitem.betsame:before {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 10px);
    border: 1px solid #5f5f67;
    border-radius: 6px;
    z-index: -1;
    left: 2px;
    right: 2px;
    bottom: -2px;
}
.nd .betitem.betsame:after {
    content: "";
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 10px);
    border: 1px solid #5f5f67;
    border-radius: 6px;
    z-index: -1;
    left: 4px;
    right: 4px;
    bottom: -4px;
}

.nd .betitem.betsame .betitem-count {
    position: absolute;
    top: 21px;
    right: 4px;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    border-radius: 4px;
    padding: 1px 4px;
    color: rgba(241, 241, 241, 0.6);
    background: rgba(192, 192, 192, 0.2);
}

.betitem .idItem {
    font-size: 10px;
    position: absolute;
    top: 5px;
    color: rgb(116, 116, 116);
    left: 3px;
}

.nd .betitem img {
    width: 60px;
    height: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.betitem span {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 4px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    color: rgba(241, 241, 241, 0.6);
    padding-right: 0;
    width: 100%;
    right: 0;
}

.block-carousel {
    display: inline-block;
    margin: auto;
    padding-top: 55px;
    padding-bottom: 16px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.block-carousel > img {
    display: block;
    margin: 5px auto;
}

.carousel-hider {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.carousel-list {
    width: 20000px;
    position: relative;
}

.carousel-list img {
    width: 72px;
    height: 72px;
    float: left;
    margin-right: 4px;
}

.carousel-left-side {
    position: absolute;
    z-index: 10;
    width: 30%;
    height: 100%;
    max-height: 72px;
    background: -o-linear-gradient(
            left,
            rgba(41, 49, 52, 1) 0%,
            rgba(41, 49, 52, 0) 100%
    );
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(rgba(41, 49, 52, 1)),
            to(rgba(41, 49, 52, 0))
    );
    background: linear-gradient(
            90deg,
            rgba(41, 49, 52, 1) 0%,
            rgba(41, 49, 52, 0) 100%
    );
}

.carousel-right-side {
    position: absolute;
    z-index: 10;
    right: 0;
    width: 30%;
    height: 100%;
    max-height: 72px;
    background: -o-linear-gradient(
            right,
            rgba(41, 49, 52, 1) 0%,
            rgba(41, 49, 52, 0) 100%
    );
    background: -webkit-gradient(
            linear,
            right top, left top,
            from(rgba(41, 49, 52, 1)),
            to(rgba(41, 49, 52, 0))
    );
    background: linear-gradient(
            270deg,
            rgba(41, 49, 52, 1) 0%,
            rgba(41, 49, 52, 0) 100%
    );
}

#coinflip .carousel-list-duel {
    width: 20000px;
    position: relative;
}

#coinflip .carousel-list-duel img {
    width: 72px;
    height: 72px;
    float: left;
    margin-right: 4px;
}

.carousel-separator {
    z-index: 10;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: -4px;
    top: 43px;
    left: 0;
    right: 0;
    border: 2px solid #f3c216;
    width: 100px;
    height: 104px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
}

.carousel-separator:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -42px;
    width: 45px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../images/nd/classic/arrow.png");
    background-size: cover;
}

.carousel-bg {
    position: absolute;
    width: 100px;
    height: 104px;
    background: rgba(28, 28, 28, 0.6);
    border-radius: 6px;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 39px;
}

.startbet {
    position: relative;
    width: 100%;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.startbet-modal {
    padding: 44px 24px 39px;
    height: 188px;
    width: 100%;
    max-width: 767px;
    position: absolute;
    top: 67px;
    margin: 0 auto;
    background: url("../images/nd/classic/modal.png") center no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.startbet-modal:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -53px;
    margin: 0 auto;
    height: 124px;
    width: 167px;
    background: url("../images/nd/classic/axe.png") center no-repeat;
    background-size: 100% 100%;
}
.startbet-modal:after {
    content: "";
    position: absolute;
    top: -133px;
    right: 99px;
    height: 117px;
    width: 132px;
    background: url("../images/nd/classic/forward.png") center no-repeat;
    background-size: 100% 100%;
}

.startbet-modal h2 {
    padding: 0;
    margin: 0 auto 13px;
    font-weight: 700;
    font-size: 32px;
    line-height: 116%;
    text-align: center;
    color: #f1f1f1;
}

.startbet-modal h2 span {
    color: #00dbfa;
}

.startbet-modal p {
    padding: 0;
    margin: 0 auto;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #f1f1f1;
}

.startbet-modal p span {
    color: #00dbfa;
}

.startbet.start {
    min-height: 0;
}
.startbet.start .startbet-modal {
    display: none;
}

.fairplayinfo {
    text-transform: uppercase;
    font-size: 14px;
    opacity: 0.5;
    word-wrap: break-word;
    padding: 10px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fairplayinfo a {
    color: white;
    border-bottom: 1px dotted;
    margin-right: 10px;
}

.fairplayinfo-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fairplayinfo-number span {
    white-space: nowrap;
    max-width: 190px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.fairplayinfo-number .btn-copy {
    padding: 0;
    border: none;
    background: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.gameHistory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gameHistory__back {
    position: absolute;
    left: 16px;
    top: 16px;
    cursor: pointer;
    border-radius: 10px;
    background: rgba(23, 22, 26, 0.5);
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
}
.gameHistory__back img {
    opacity: 0.6;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.gameHistory__back:hover img,
.gameHistory__back:focus img {
    opacity: 1;
}


.nd .finishbet {
    background: url("../images/nd/history/bg.png") center top no-repeat;
    background-size: 100% 100%;
    text-align: center;
    min-height: 578px;
    color: #f1f1f1;
    position: relative;
}

.nd .finishbet.index-winner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: initial !important;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    background: url("../images/nd/classic/bg.png") center top no-repeat;
    background-color: #293134;
    z-index: 10;
}

.nd .finishbet h2 {
    padding: 0;
    margin: 0;
    color: #f1f1f1;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.nd .finishbet h2 a {
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;
}

.nd .finishbet h2 > div {
    color: #2bc9ff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.nd .finishbet .winnerBand {
    margin: 15px 0 0;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 700;
}

.nd .finishbet .winnerBand a {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 700;
}

.nd .finishbet .avatar {
    margin: 70px auto 24px;
    width: 182px;
    height: 162px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(../images/nd/history/ava.png) center top no-repeat;
}

.nd .finishbet .avatar img {
    margin-top: 6px;
    width: 100px;
    height: 100px;
    border-radius: 6px;
}

.nd .finishbet .winnerinfo {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
}

.nd .finishbet.index-winner .winnerinfo {
    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;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.nd .finishbet .winnerinfo__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f1f1f1;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
}

.nd .finishbet .winnerinfo__value span {
    white-space: nowrap;
}

.nd .finishbet .winnerinfo__value img {
    margin-right: 8px;
    width: 52px;
    height: 52px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: middle;
}

.nd .finishbet .winnerinfo__value-prefix {
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 800;
    padding-bottom: 7px;
    padding-left: 4px;
}

.nd .finishbet .roundNum {
    margin: 30px auto 33px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
    word-break: break-all;
}

#invIndex .index-inventory {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: -316px;
    top: 0;
    width: 300px;
    height: calc(100vh - 76px);
    background: #17232a;
    border-radius: 6px;
    z-index: 200;
}

.index-inventory-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#invIndex .inventoryblock .showmore {
    padding-bottom: 0;
}

.index-inventory-title {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    border-radius: 6px 6px 0 0;
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url("../images/nd/ui/Oval.png");
    background-size: cover;
}

.index-inventory-title h4 {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    background: -o-linear-gradient(
            top,
            #959595 0%,
            #fff 54.36%,
            #e5dede 54.84%,
            #d8d8d8 100%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#959595),
            color-stop(54.36%, #fff),
            color-stop(54.84%, #e5dede),
            to(#d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 0%,
            #fff 54.36%,
            #e5dede 54.84%,
            #d8d8d8 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.closeInv {
    background: none;
    border: 0;
    padding: 0;
}
.index-inventory-title .closeInv img {
    width: 16px;
}

.index-inventory-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 16px 0;
    border-radius: 6px;
    padding: 4px;
    background: rgba(131, 128, 154, 0.2);
}
.index-inventory-tab {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 0;
    height: 40px;
    color: #b8b8b8;
    position: relative;
    border-radius: 6px;
    background: transparent;
    border: none;
    outline: none;
}
.index-inventory-tab img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}
.index-inventory-tab.active {
    color: #f1f1f1;
    background: rgba(131, 128, 154, 0.2) !important;
}

.index-inventory-select {
    padding: 27px 16px 16px;
    font-weight: 500;
    font-size: 12px;
    color: #b8b8b8;
}

.index-inventory-select__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    gap: 4px;
}

#duelCreateButtonSumm + .betbutton {
    margin-top: 24px;
}

.index-inventory-select__row a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    min-width: 38px;
    height: 24px;
    color: #b8b8b8;
    background: rgba(255, 255, 255, 0.1);
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.index-inventory-select__row a:hover,
.index-inventory-select__row a:active {
    background: rgba(255, 255, 255, 0.2);
}

.index-inventory-sort {
    padding: 0 16px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 12px;
    color: #b8b8b8;
}

.index-inventory-all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.index-inventory .inventoryitems {
    padding: 0 12px 12px 16px;
    overflow: auto;
    max-height: calc(100vh - 76px - 500px) !important;
}

.index-inventory .inventoryitems .item .stickers {
    display: none;
}

.index-nonbet {
    padding: 0 16px;
}

.index-inventory .inventoryitems::-webkit-scrollbar-thumb {
    background-color: #293134;
    border-radius: 8px;
    border: 4px solid #363c43;
}

.index-inventory .inventoryitems .item {
    width: 83px;
}

.index-inventory .index-inventory-bet .betbutton {
    width: 100%;
}

.index-inventory-bet {
    width: 100%;
    padding: 20px 16px 0;
    z-index: 1;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.index-inventory-selected {
    padding: 0 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.index-inventory-selected__col:first-child {
    padding-right: 20px;
    border-right: 1px solid #605f68;
}

.index-inventory-selected__col:last-child {
    padding-left: 20px;
}

.index-inventory-selected__caption {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 13px;
    color: #b8b8b8;
}

.index-inventory-selected__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}

.index-inventory-bets {
    padding: 20px 0;
    margin: 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.index-inventory-bets .betbutton {
    width: 100%;
}

.index-inventory-caption {
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #b8b8b8;
    margin: 0 0 16px;
}

.index-inventory-input__wrapper {
    width: 100%;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #585a5c;
    background: #2c3136;
    border-radius: 6px;
    position: relative;
}

.index-inventory-input {
    font-weight: 500;
    font-size: 14px;
    color: #f1f1f1;
    padding: 12px;
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
}

.index-inventory-balance {
    padding-right: 12px;
    font-weight: 500;
    font-size: 12px;
    text-align: right;
    color: #7e8487;
}

#duelCreateButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

#duelCreateButton .button {
    min-width: initial;
    width: 100%;
    text-align: center;
    margin-left: 0;
}

#duelCreateButtonSumm {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

#duelCreateButtonSumm .button {
    min-width: initial;
    width: 100%;
    text-align: center;
    margin-left: 0;
}

.inventoryblock {
    z-index: 100;
    position: relative;
}

.inventorytype {
    color: white;
    padding: 5px 10px;
    margin: 5px 5px 5px 5px;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
}

.inventorytype:hover {
    color: white;
}

.selectinventory a {
    -webkit-box-shadow: inset 0px 0px 1px #414141;
    box-shadow: inset 0px 0px 1px #414141;
}

.inventoryblock .active {
    background-color: #424242;
    border: none;
}

.inventoryblock .active:hover {
    background-color: #424242;
}

.inventorytype:hover {
    background-color: #8c8c8c;
}

.selectedinventory {
    padding: 10px;
}

.resultblock .text {
    font-size: 30px;
    display: inline-block;
    line-height: 100%;
    text-shadow: 1px 1px 0px dimgray;
}

.resultblock .text span {
    font-weight: 900;
    /*color: #c84343;*/
}

.resultblock .buttonblock {
    text-align: right;
    font-size: 19px;
}

.resultblock .buttonblock .button {
    display: inline-block;
    width: auto;
    min-width: initial;
}

.selectinventory {
    position: relative;
}

.closeinventory {
    float: right;
    margin: 10px 10px 0px 0px;
    color: white;
    font-size: 20px;
    background-color: #424242;
    padding: 2px 5px;
    line-height: 100%;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.closeinventory:hover {
    color: white;
}

.closeinventory2 {
    color: white;
    font-size: 21px;
    line-height: 100%;
    margin-left: 5px;
    vertical-align: middle;
}

.pagecontent p {
    padding: 10px;
}

.sortblock {
    font-size: 17px;
    padding: 0px 10px;
}

.sortblock p {
    padding: 0px;
    margin: 0px;
}

.inventoryitem .checkbox {
    display: none;
}

.inventoryitem .item .stickers {
    position: absolute;
    left: 4px;
    top: 24px;
}

.inventoryitem .item .stickers .sticker {
    height: 20px;
}

.inventoryitem .itemlocked {
    background-color: #ff8383;
}

.inventoryitem label {
    margin: 0px;
}

.inventoryitem .inventoryExplanationsIcon {
    display: none;
    position: absolute;
    top: 5px;
    right: 0px;
}

.inventoryitem .inventorItemImg:hover + .inventoryExplanationsIcon {
    display: inline !important;
}

.inventoryitem .inventoryExplanationsIcon:hover {
    display: inline !important;
}

.exchanger-item .radio {
    display: none;
}

.exchanger-item .item .stickers {
    position: absolute;
    left: 4px;
    top: 24px;
}

.exchanger-item .item .stickers .sticker {
    height: 20px;
}

.exchanger-item .itemlocked {
    background-color: #ff8383;
}

.exchanger-item label {
    margin: 0px;
}

.exchanger-item .inventoryExplanationsIcon {
    display: none;
    position: absolute;
    top: 5px;
    right: 0px;
}

.exchanger-item .inventorItemImg:hover + .inventoryExplanationsIcon {
    display: inline !important;
}

.exchanger-item .inventoryExplanationsIcon:hover {
    display: inline !important;
}

.inventoryblock .showmore {
    text-align: center;
    padding-bottom: 10px;
}

.nd .inventoryblock .showmore {
    text-align: center;
    padding-bottom: 100px;
}

.inventoryblock .showmore a {
    color: white;
    border-bottom: 1px dotted;
    font-size: 18px;
}

.inventoryblock .inventoryExplanationsBlock {
    background: #fff;
    border-left: 10px solid #e4e4e4;
    border-right: 10px solid #e4e4e4;
    font-size: 12px;
    padding: 10px;
    margin: 10px 0 0 0;
    text-align: left;
}

.pagecontent {
    position: relative;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    color: #b8b8b8;
    background: #293134;
    border-radius: 6px;
}
.pagecontent.nd {
    display: inline-block;
    width: 100%;
}

.content-my-points table {
    color: black;
}

h2 {
    font-family: roboto;
    margin: 0px;
    margin-bottom: 20px;
    font-weight: 100;
    font-size: 40px;
    padding: 10px;
}

.inventoryblock h3 {
    margin: 0px;
}

.smallinventory {
    background-color: #e4e4e4;
    color: black;
    position: relative;
}

.smallinventory .sortblock a {
    color: black;
    font-weight: 100;
}

.smallinventory .showmore a {
    color: black;
}

.smallinventory .sortblock .betbutton {
    color: white;
    font-weight: 400;
}

.smallinventory .sortblock .betbuttonShort {
    width: 49%;
    display: inline-block;
}

.smallinventory .inventoryitems .item {
    background-color: white;
}

.smallinventory .inventoryitems .itemlocked {
    background-color: #ff8383;
    /*opacity: 0.4*/
}

.sendItemsToUser {
    margin-bottom: 30px;
}

.sendItemsToUser h4 {
    font-weight: 400;
}

.sendItemsToUser input[type="text"] {
    width: 70%;
    display: inline-block;
}

.sendItemsToUser a.btn-primary {
    color: white;
    border-bottom: none;
    width: 25%;
}

.sendItemsToUser .notice {
    font-size: 13px;
    color: #8d8d8d;
    padding: 2px 0px 0px 2px;
}

.smallinventory p {
    padding: 0px;
}

.smallinventory .inventoryitems .item {
    height: 83px;
    width: 83px;
    position: relative;
}

.smallinventory .inventoryitems .item .stickers {
    position: absolute;
    left: 0px;
    top: 5px;
}

.smallinventory .inventoryitems .item .stickers .sticker {
    height: 20px;
}

.smallinventory .betbutton {
    border-bottom: none;
    display: block;
    margin: 10px auto;
    width: auto;
    color: white;
}

.smallinventory .betbutton:hover {
    border-bottom: none;
}

.smallinventory .sortblock {
    padding-top: 10px;
}

.smallinventory .item .price {
    font-size: 11px;
}

.pagecontent h3 {
    padding-left: 10px;
    font-weight: 100;
    font-size: 25px;
}

.smallinventory .sortblock {
    font-size: 15px;
}

.smallinventory .sortblock label {
    font-weight: 100;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    margin: 0px;
    border-bottom: 1px dotted;
    cursor: pointer;
    font-size: 15px;
    line-height: 120%;
}

.tradeshistory {
    padding: 0px 10px;
}

.tradeshistory .trade {
    font-size: 18px;
    padding: 0;
    margin-bottom: 10px;
    color: #9b9b9b;
}

.tradeshistory .skins {
    margin-top: 10px;
    font-size: 0px;
    display: none;
}

.tradeshistory .skins img {
    height: 95px;
    background-color: white;
    margin: 0px 5px 5px 0px;
}

.tradeshistory .status {
    text-align: center;
    font-weight: 900;
}

.tradeshistory .buttons {
    text-align: center;
    padding-bottom: 20px;
}

.tradeshistory .waiting .status {
    color: #9c9c25;
}

.tradeshistory .error .status {
    color: #ff4949;
}

.tradeshistory .warning .status {
    color: black;
}

.tradeshistory .success .status {
    color: #00c500;
}

.tradeshistory .status {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    margin: 20px 0px;
}

.tradeshistory .date {
    /*color: #444;*/
    padding-left: 20px;
}

.tradeshistory .code {
    /*color: #c5c5c5;*/
}

.tradeshistory .napravlenie {
    text-align: right;
    font-size: 30px;
    font-weight: 100;
}

.tradeshistory .buttons a {
    color: white;
}

.battlehistorypage:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 125px;
    height: 95px;
    background: url(../images/nd/history/icon.png);
}

.battlehistorypage h2 {
    margin: 0;
    padding: 28px 24px 25px;
    color: #f1f1f1;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.battlehistory h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 100;
}

.battlehistory .row {
    background-color: #444;
    color: #444;
    border-bottom: 1px solid #a2a2a2;
    background: -moz-linear-gradient(
            center bottom,
            rgb(189, 189, 189) 39%,
            rgb(224, 224, 224) 70%
    );
    text-shadow: 1px 1px 1px #fff;
    height: 50px;
    line-height: 50px;
}

.battlehistory .tablehead {
    background-color: black;
}

.battlehistory .numgame,
.battlehistory .userinfo,
.battlehistory .winsumm,
.battlehistory .chance,
.battlehistory .fullgame {
}

.battlehistory .numgame {
    font-size: 12px;
}

.battlehistory .userinfo {
    font-size: 20px;
}

.battlehistory .winsumm {
    font-size: 20px;
    background-color: #555;
    color: #f0f0f0;
    background: -moz-linear-gradient(
            center bottom,
            rgb(85, 85, 85) 39%,
            rgb(105, 105, 105) 70%
    );
    text-shadow: 1px 1px 1px #000;
}

.battlehistory .chance {
    font-size: 20px;
    text-align: center;
}

.battlehistory .fullgame {
    text-align: center;
}

.battlehistory .fullgame a {
    color: #2c4489;
    text-decoration: underline;
}

.battlehistory .userinfo img {
    height: 40px;
}

.tradeshistory .trade {
    /*border-radius: 5px;*/
}

/* new design */
.nd {
    position: relative;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    color: #b8b8b8;
    background: #293134;
    border-radius: 6px;
}

/*.newyear .nd:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -30px;*/
/*    right: -7px;*/
/*    width: 118px;*/
/*    height: 67px;*/
/*    background: url(../images/newyear/snow-2.png) center no-repeat;*/
/*    background-size: contain;*/
/*    z-index: 1;*/
/*    pointer-events: none;*/
/*}*/

.nd select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/nd/select-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 12px) !important;
    background-position-y: 50% !important;
    background-size: 8px;
    line-height: 100%;
}

.nd .title-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 4px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.nd .title-line:after {
    content: "";
    margin-left: 6px;
    width: 100%;
    height: 1px;
    background: #4e4d57;
}

.nd.pagecontent h3 {
    padding: 0;
}

.nd .profile {
    margin: 0;
    padding: 20px 24px 32px;
    background: url(../images/nd/profile/profile-bg.png) center no-repeat;
    background-size: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.nd .profile .profileratind {
    top: 16px;
    left: 16px;
    font-size: 12px;
    line-height: normal;
}

.ratingposition + .socialConnect {
    margin-top: 24px;
}

.nd .profile .ratingposition {
    margin: 0;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    text-transform: none;
}

.nd .profile .socialConnect {
    margin-bottom: 0;
    margin-right: 8px;
    display: inline-block;
}

.nd .profile .socialConnect .btn {
    min-width: auto;
    padding: 0;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.6;
}

.nd .profile .socialConnect .btn:hover {
    opacity: 1;
    color: #f1f1f1;
}

.nd .profile .socialConnect .btn img {
    width: 24px;
}

.nd .profile .profileUserLikes {
    margin-bottom: 8px;
    padding: 13px 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(23, 22, 26, 0.5);
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.nd .profile .profileUserLikes span {
    margin-right: 8px;
    font-size: 16px;
}

.nd .profile__person {
    margin: 52px auto 33px;
    z-index: 1;
}

.profile__top {
    display: inline-block;
}

.nd .profile .avatar {
    position: relative;
    width: 80px;
    margin: 0 auto;
}

.nd .profile__person .avatar__img {
    width: 80px;
    height: 80px;
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 6px;
    border: 4px solid #1c1c1c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nd .avatar__country {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -o-object-fit: none;
    object-fit: none;
    z-index: 2;
}

.nd .profile .nick {
    margin: 14px auto 4px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    text-transform: none;
    letter-spacing: normal;
    text-shadow: none;
}

.nd .profile .nick + h4 {
    margin: 0 auto;
}

.nd .profile .bandName {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.nd .profile .bandName a {
    color: #b8b8b8;
}

.nd .profile .userLevelBlock {
    margin: 40px 38px 0 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nd .profile .userLevelBlock .currentLevel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
    width: 150px;
    z-index: 1;
}

.nd .profile .userLevelBlock .currentLevel .level {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    height: 68px;
    width: 72px;
    padding: 23px 0 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    background: url("../images/nd/profile/level-1.png") center no-repeat;
    background-size: cover;
}

.nd .profile .userLevelBlock .levelProgressBar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: 100%;
    margin: 0 -15px;
    height: 13px;
    border-radius: 6px;
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61) inset;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61) inset;
}

.nd .profile .userLevelBlock .levelProgressBar .ProgressBarCurrent {
    height: 13px;
    background-image: url("../images/nd/profile/level-bg.png"),
    -o-linear-gradient(#00d0ff, #0489df);
    background-image: url("../images/nd/profile/level-bg.png"),
    -webkit-gradient(linear, left top, left bottom, from(#00d0ff), to(#0489df));
    background-image: url("../images/nd/profile/level-bg.png"),
    linear-gradient(#00d0ff, #0489df);
    background-repeat: repeat;
    background-size: contain;
}

.nd .profile .userLevelBlock .levelProgressBar .percent,
.nd .profile .userLevelBlock .levelProgressBar .amount {
    top: -20px;
    left: 20px;
    padding: 0;
    cursor: pointer;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    opacity: 1;
    width: auto;
}

.nd .profile .userLevelBlock .nextLevelBonus {
    vertical-align: bottom;
    text-transform: none;
    font-size: 12px;
    color: #ffa400;
    padding-top: 6px;
    text-align: center;
}

.nd .profile .userLevelBlock .nextLevel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-transform: none;
    width: 150px;
    z-index: 1;
}

.nd .profile .userLevelBlock .nextLevel .level {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    height: 68px;
    width: 72px;
    padding: 23px 0 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    background: url("../images/nd/profile/level-2.png") center no-repeat;
    background-size: cover;
}

.nd .profilestats {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.nd .profilestats .profilestats__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 17px;
    width: 100%;
    max-width: 170px;
    height: 64px;
    border-radius: 6px;
    border: 1px solid #606060;
    background: -o-radial-gradient(
            50% 100%,
            400.1% 101.79%,
            rgba(255, 255, 255, 0.15) 0%,
            rgba(255, 255, 255, 0.02) 100%
    ),
    rgba(41, 49, 52, 0.7);
    background: radial-gradient(
            400.1% 101.79% at 50% 100%,
            rgba(255, 255, 255, 0.15) 0%,
            rgba(255, 255, 255, 0.02) 100%
    ),
    rgba(41, 49, 52, 0.7);
    -webkit-backdrop-filter: blur(1.35px);
    backdrop-filter: blur(1.35px);
}

.nd .profilestats .profilestats__img {
    margin-right: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nd .profilestats .digit {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-shadow: none;
    text-align: left;
}

.nd .profilestats .comment {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-shadow: none;
    text-align: left;
    text-transform: none;
}

.nd .profilesettings {
    position: relative;
    padding: 16px 13px;
    color: #b8b8b8;
    margin: 4px 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.nd .profilesettings #showsettingslink,
.nd .profilesettings #showTeamLink,
.nd .profilesettings #showSendPointsLink,
.nd .profilesettings #showStreamSettingsButton,
.nd .profilesettings #showGenPoint,
.nd .profilesettings #showProfileAchievementsButton{
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border: none;
}

.nd .profilesettings #showsettingslink span,
.nd .profilesettings #showTeamLink span,
.nd .profilesettings #showSendPointsLink span,
.nd .profilesettings #showStreamSettingsButton span,
.nd .profilesettings #showGenPoint span {
    display: none;
}

.nd .battle {
    padding: 9px 16px;
    margin: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    color: #b8b8b8;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.nd .battle.success .summ {
    color: green;
}
.nd .battle.fail .summ {
    color: red;
}

.nd .mobile-table .battle {
    min-width: 605px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.battle-mobile {
    display: none;
}

.nd .battle div {
    padding-left: 0;
    word-break: break-word;
}
.win .td-result {
    color: #028124;
}
.lose .td-result {
    color: #6f191d;
}
.td-target img {
    height: 50px;
}

.nd .battle.thead {
    background: transparent;
    color: #7e8487;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.nd .battle .summ {
    color: #b8b8b8;
}

.nd .battle .num {
    padding-left: 0;
}

.nd .battles .youwin {
    color: #f1f1f1;
    background: rgba(131, 128, 154, 0.3);
}

.nd .btn-default {
    padding: 4px 14px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.2);
    border: none;
}

.nd .rightBlockInProfile {
    top: 16px;
    right: 16px;
    z-index: 2;
}

.nd .form-control {
    padding: 12px;
    height: 44px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid #585a5c;
    background: #2c3136;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
}

.nd textarea.form-control {
    height: auto;
}

.nd select.form-control {
    padding-right: 30px;
}

.nd .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #1d2024;
}

.nd .form-control .inner-input {
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    outline: none;
}

.nd .commentform {
    margin-bottom: 16px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
}

.nd .commentform-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nd .form-group {
    margin-bottom: 32px;
}

.nd #emailNotice {
    background-color: #2c3136;
}

.nd .btn-info {
    display: inline-block;
    min-width: 145px;
    padding: 12px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border: none;
    border-radius: 6px;
    background: -o-radial-gradient(
            50% 100%,
            225.6% 100.51%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    background: radial-gradient(
            225.6% 100.51% at 50% 100%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 181, 244, 0.69) inset;
    box-shadow: 0 0 15px 0 rgba(0, 181, 244, 0.69) inset;
    text-align: center;
}

.nd .btn-info.btn-red {
    position: relative;
    border: 1px solid #ff7474;
    background: -o-radial-gradient(
            50% 84.44%,
            100.51% 100.51%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    #900;
    background: radial-gradient(
            100.51% 100.51% at 50% 84.44%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    #900;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 140, 0, 0.69) inset;
    box-shadow: 0px 0px 15px 0px rgba(255, 140, 0, 0.69) inset;
}

.nd .btn-info:disabled {
    border: 1px solid #7b7b7b !important;
    background: -o-radial-gradient(
            50% 84.44%,
            100.51% 100.51%,
            rgb(45 45 45 / 70%) 0%,
            rgba(255, 255, 255, 0.17) 100%
    ),
    #000 !important;
    background: radial-gradient(
            100.51% 100.51% at 50% 84.44%,
            rgb(45 45 45 / 70%) 0%,
            rgba(255, 255, 255, 0.17) 100%
    ),
    #000 !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(45 45 45 / 69%) inset !important;
    box-shadow: 0px 0px 15px 0px rgb(45 45 45 / 69%) inset !important;
}

body .btn-success {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    min-width: 145px;
    padding: 12px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #00b5f4;
    background: -o-radial-gradient(
            50% 100%,
            225.6% 100.51%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    background: radial-gradient(
            225.6% 100.51% at 50% 100%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 181, 244, 0.69) inset;
    box-shadow: 0px 0px 15px 0px rgba(0, 181, 244, 0.69) inset;
}

.btn-success.btn-payment {
    margin-top: 24px;
}

.nd .btn-success-green {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    min-width: 145px;
    padding: 12px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #4cae4c;
    background: #5cb85c;
}

.nd .btn-success.btn-xs {
    min-width: initial;
}

.nd .room-join {
    margin-right: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    padding: 12px 24px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border: none;
    border-radius: 10px;
    background: #0b5a76;
}

.nd .room-join span:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("../images/nd/classic/plus.svg") center no-repeat;
    background-size: cover;
    margin-right: 8px;
    opacity: 0.6;
    display: inline-block;
    vertical-align: middle;
}

.room-action-wrapper {
    position: relative;
}
.room-modal {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    border-radius: 6px;
    padding: 16px;
    -webkit-box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.25);
    background: #1c1c1c;
    width: 657px;
    z-index: 1000;
}
.room-modal-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (50%)[2];
    grid-template-columns: repeat(2, 50%);
}
.room-modal__box:not(.hover) .room-modal__btn {
    opacity: 0.5;
}

.room-modal__box .room-modal__btn {
    margin-top: 24px;
    width: 100%;
}

.room-modal__box:first-child {
    padding-right: 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.room-modal__box:last-child {
    padding-left: 24px;
}
.room-modal__title {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #b8b8b8;
    margin: 0 0 24px;
}
.room-modal__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.room-modal__slider .slick-slide:not(.slick-active) {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity: 0.5;
}
.room-modal__slider .inventoryitem {
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.room-modal-close {
    display: none;
    width: 16px;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}
.room-modal__mobile {
    display: none !important;
}

.room-modal .slick-list {
    height: 114px !important;
}

.nd .btn-remove {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 145px;
    padding: 12px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #666;
    background: rgba(28, 28, 28, 0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(201, 201, 201, 0.4) inset;
    box-shadow: 0px 0px 15px 0px rgba(201, 201, 201, 0.4) inset;
}

.nd .btn-remove.btn-xs {
    min-width: initial;
}

.nd .btn-img {
    margin-right: 6px;
    opacity: 0.6;
}

.btn-img2 {
    margin-right: 6px;
}

.nd .button {
    min-width: 145px;
    padding: 12px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border: none;
    border-radius: 6px;
    background: -o-radial-gradient(
            50% 100%,
            225.6% 100.51%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    background: radial-gradient(
            225.6% 100.51% at 50% 100%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 181, 244, 0.69) inset;
    box-shadow: 0 0 15px 0 rgba(0, 181, 244, 0.69) inset;
}

.nd .profilesettingsContent .errorTradePoints {
    margin: 68px auto;
    text-align: center;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.nd .profilesettingsContent .errorTradePoints a {
    display: table;
    margin: 20px auto 0;
    padding: 5px 15px 6px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.2);
}

.nd-checkbox {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rightBlockInProfile-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.profile__mobile {
    display: none;
}

.foundedUser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 16px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.foundedUser-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.foundedUser .foundedProfile img {
    margin-right: 12px;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    overflow: hidden;
}

.foundedProfile a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.foundedProfile .userNickName {
    margin-bottom: 3px;
    display: block;
    color: #f1f1f1;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.foundedProfile .userTeam {
    display: block;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.foundedUser__balance-caption {
    margin-bottom: 3px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.foundedUser__balance-value {
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 700;
}

.btn-cancel {
    opacity: 0.9;
    background: rgba(0, 0, 0, 0.2);
    padding: 12px;
    text-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    border: none;
    border-radius: 6px;
    color: #b8b8b8;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}

.btn-cancel:focus {
    color: inherit;
    outline: none;
}

.btn-cancel:hover {
    opacity: 1;
    color: #b8b8b8;
}

.pointsTradeHistory {
    padding-top: 32px;
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.pointsTradeHistory__thead-row {
    margin: 0;
    padding: 12px 16px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.pointsTradeHistory__thead-row div {
    padding-left: 0;
}

.pointsTradeHistory__thead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
}

.pointsTradeHistory__table {
    display: none;
}

.pointsTradeHistory__table.active {
    display: block;
}

.pointsTradeHistory__thead-btn {
    padding: 4px 10px 5px;
    margin-right: 10px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.pointsTradeHistory__thead-btn.active {
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.pointsTradeHistory__row {
    margin: 0 0 2px;
    padding: 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.pointsTradeHistory__row div {
    padding-left: 0;
}

.profilesettings__info {
    padding: 16px 0 0;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tabs-history {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.tabs-history__caption {
    position: relative;
    padding: 12px 16px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.tabs-history__caption.tabs-history-active {
    color: #f1f1f1;
}

.tabs-history-active:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    border-radius: 6px;
    background: #00b5f4;
}

.tabs-games {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 8px;
}

.ex-tabs-sort {
    margin-left: 12px;
}

.tabs-deposits {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 8px;
}

.tabs-games__caption {
    padding: 4px 10px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-left: 8px;
}

.tabs-games__caption.tabs-games-active {
    color: #f1f1f1;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.battles .battle-table {
    display: none;
}

.battles .battle-table.battle-active {
    display: block;
}

.toggler-wrapper {
    margin-right: 12px;
    margin-bottom: 0;
    display: inline-block;
    width: 40px;
    height: 24px;
    cursor: pointer;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: middle;
}

.toggler-wrapper input[type="checkbox"] {
    display: none;
}

.toggler-wrapper input[type="checkbox"]:checked + .toggler-slider {
    background: #00b5f4;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5) inset;
}

.toggler-wrapper .toggler-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.toggler-wrapper .toggler-knob {
    position: absolute;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    opacity: 0.9;
    left: 4px;
    top: 4px;
    background: #7e8487;
}

.toggler-wrapper
input[type="checkbox"]:checked
+ .toggler-slider
.toggler-knob {
    left: calc(100% - 20px);
    background: #f1f1f1;
}

.promo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 20px;
}

.ProfileGeneratePromo .btn-success {
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
}

.ProfileGeneratePromo .promo-wrapper .inputBlock {
    width: 25%;
}

.promo-generated #promGenInfo {
    padding: 24px;
    margin-top: 24px;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
}

.referal__title {
    margin: 0 0 24px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.partner-new .referal__title {
    margin-bottom: 13px;
}

.referal__desc {
    margin-bottom: 13px;
    font-weight: 500;
    font-size: 14px;
    color: #b8b8b8;
}

.referal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.referal__field {
    width: 60%;
    padding-right: 32px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.referal__input {
    width: 100%;
    max-width: calc(100% - 192px);
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
}
.referal__input-promo {
    width: 180px;
    flex-shrink: 0;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
}
.referal__input-promo input {
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 11px;
    color: #f1f1f1;
}
.referal__input-promo input::placeholder {
    color: #b8b8b8;
}
.referal__input-promo-text {
    margin-right: auto;
    font-weight: 500;
    font-size: 11px;
    color: #f1f1f1;
}

.referal__level-btn {
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
    width: 16px;
    height: 16px;
}

.getto-modal-body.partner__modal {
    background: url("../images/nd/referal/modal.png") center no-repeat;
    background-size: cover;
    border-spacing: 0 4px;
}
.partner__modal-text {
    text-align: center;
    margin-bottom: 19px;
}
.partner__modal-table {
    display: table;
    margin-bottom: 53px;
}
.partner__modal-thead {
    display: table-caption;
}
.partner__modal-th {
    display: table-cell;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    width: 33%;
}
.partner__modal-row {
    display: table-row;
    background: rgba(131, 128, 154, 0.25);
}
.partner__modal-td {
    display: table-cell;
    padding: 13px 10px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    width: 33%;
}
.partner__modal-th:first-child {
    width: 20%;
}
.partner__modal-td:first-child {
    width: 20%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.partner__modal-td:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.referal__top {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.referal__oj {
    color: #FFA400;
 }

.referal__link {
    width: calc(100% - 32px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.btn.btn-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: none;
    background: none;
    width: 16px;
    height: 16px;
}
.btn.btn-promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: rgba(131, 128, 154, 0.15);
    border-radius: 6px;
    padding: 0;
    width: 19px;
    height: 17px;
    flex-shrink: 0;
    outline: none;
}
.btn.btn-promo .btn-img {
    margin: 0;
}

#referral-level {
    color: #ffa400;
}

.referal__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
}

.referal__item {
    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;
    width: 100%;
    max-width: 180px;
    padding: 10px 18px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.referal__caption {
    margin-bottom: 3px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.referal__value {
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.referal__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.referal__col {
    width: 45%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.referal__img {
    margin-bottom: 8px;
    width: 27px;
    height: 27px;
    -o-object-fit: contain;
    object-fit: contain;
}

.referal__info-caption {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}

.referal__info-text {
    position: relative;
    padding: 0;
    margin: 0;
    color: #b8b8b8;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.referal__col-mark {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.6;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.referal__col-mark:hover {
    opacity: 1;
}

/* end of Profile */

.profile {
    margin-bottom: 30px;
    text-align: center;
    /*background-color: #007199;*/
    padding: 30px 0px;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007199+0,006587+100 */
    background: #007199;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #007199 0%, #006587 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#007199), to(#006587));
    background: linear-gradient(to bottom, #007199 0%, #006587 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007199', endColorstr='#006587', GradientType=0);
    /* IE6-9 */
}

.profile .profileratind {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: transparent;
    color: #f1f1f1;
    font-size: 20px;
    line-height: 100%;
    text-align: left;
}

.profile .profileratind a {
    color: gold;
}

.profile .profileratind a:hover {
    color: white;
}

.profile .ratingposition img {
    width: 16px;
}

.profile .profileratind .stars {
    font-size: 40px;
    line-height: 100%;
    /*font-weight: 100;*/
}

.rightBlockInProfile {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}

.profile .socialConnect {
    /*    position: absolute;
    width: 200px;
    right: 10px;
    top: 20px;
    text-align: right;*/
    margin-bottom: 20px;
}

.profile .socialConnect .authVK {
    background-color: rgb(199, 237, 255);
    border-radius: 5px;
    padding: 7px 10px;
    -webkit-box-shadow: 0px 2px 0px rgb(57, 66, 69);
    box-shadow: 0px 2px 0px rgb(57, 66, 69);
    font-size: 15px;
    color: black;
}

.profile .socialConnect .authVK:hover {
    background-color: rgb(141, 193, 218);
}

.profile .socialConnect .authVKcomment {
    margin-top: 5px;
    color: rgb(239, 211, 64);
    margin-bottom: 10px;
}

.profile .socialConnect .linkToProfile {
    text-align: right;
    margin-bottom: 10px;
}

.profile .socialConnect .linkToProfile a {
    color: white;
}

.ratingposition {
    margin-top: 3px;
    font-size: 13px;
    font-weight: 100;
    color: #b5dcea;
    text-transform: uppercase;
}

.ratingposition .user-now-online {
    position: absolute;
    right: 7px;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    background: rgb(44, 192, 44);
    width: 7px;
    height: 7px;
    border-radius: 5px;
}

.band-page .user-now-online,
.band2-page .user-now-online {
    position: absolute;
    right: 7px;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    background: rgb(44, 192, 44);
    width: 7px;
    height: 7px;
    border-radius: 5px;
}

.ratingposition .user-now-offline {
    color: #f94444;
}

.band-page .user-now-offline {
    color: #f94444;
    display: none;
}

.profile .nick a .UserBandNamePrefix {
    color: #dbbd1b;
}

.profile .nick a .UserBandNamePrefix:hover {
    color: white;
}

.profilestats {
    margin: 50px 0px;
}

.profilestats .digit {
    font-size: 50px;
    text-align: center;
    color: #006f99;
    line-height: 100%;
    font-weight: 900;
    text-shadow: 3px 2px 0px #a9e9ff;
}

.tradelinkblock {
    margin-top: 10px;
}

.tradelinkblock .form-inline .form-control {
    width: 300px;
    display: inline-block;
}

.tradelinkblock span {
    padding-left: 10px;
}

.profilestats .comment {
    text-align: center;
    font-size: 28px;
    color: #00a0dd;
    text-transform: uppercase;
    margin-top: 0;
}

.profilesettings {
    position: relative;
    padding: 16px 13px;
    color: #b8b8b8;
    margin: 4px 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.profilesettings #showsettingslink,
.profilesettings #showTeamLink,
.profilesettings #showSendPointsLink,
.profilesettings #showStreamSettingsButton,
.profilesettings #showGenPoint {
    color: #666;
    border-bottom: 1px dotted;
    font-size: 20px;
}

#settingsform {
    margin-top: 20px;
}

#settingsform .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.commentform {
    /*height: 34px;*/
    margin-bottom: 5px;
    font-size: 18px;
}

.commentform a {
    color: #7e8487;
    font-size: 14px;
    font-weight: 500;
}

.comment-band {
    font-size: 21px;
}

.profilesettingsContent .errorTradePoints {
    color: rgb(209, 51, 51);
    margin-bottom: 20px;
}

.profilesettingsContent .errorTradePoints a {
    color: rgb(209, 51, 51);
    text-decoration: underline;
}

.profilesettingsContent {
    font-size: 21px;
    margin-top: 20px;
}

.profilesettingsContent .blockSearchUser {
    margin: 10px 0px;
}

.profilesettingsContent .inputLinkUser {
    max-width: 440px;
    margin-right: 24px;
    display: inline-block;
}

.profilesettingsContent .inputPoints {
    max-width: 200px;
    display: inline-block;
}

.profilesettingsContent .sendPoints {
    margin-top: 20px;
}

.ProfileGeneratePromo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 20px;
}

.ProfileGeneratePromo .your-points {
    width: 25%;
    padding: 10px 18px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.ProfileGeneratePromo .your-points div {
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 700;
}

.ProfileGeneratePromo .inputBlock {
    width: 20%;
}

.ProfileGeneratePromo .inputBlock div {
    margin-bottom: 16px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
}

.ProfileGeneratePromo .nd-checkbox {
    position: absolute;
    right: 16px;
    top: 6px;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ProfileGeneratePromo .inputBlock input {
    /*max-width: 250px;*/
}

.ProfileGeneratePromo .generatedPromoBlock .title {
}

.ProfileGeneratePromo .generatedPromoBlock .description {
    margin-bottom: 20px;
    font-size: 12px;
}

.ProfileGeneratePromo .promocodeBlock .promocode {
    margin-right: 10px;
}

.ProfileGeneratePromo .promocodeBlock {
    margin-bottom: 10px;
}

.ProfileGeneratePromo #promGenSendChat {
    background: -o-linear-gradient(top, #00bf32 0%, #009928 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#00bf32), to(#009928));
    background: linear-gradient(to bottom, #00bf32 0%, #009928 100%);
    border: 1px solid #009928;
}

#profileAchievements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#profileAchievements .achive {
    width: 144px;
    padding: 6px;
    border-radius: 6px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
#profileAchievements .achive.selected {
    background-color: rgba(0, 0, 0, 0.1);
}
#profileAchievements .achive:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
#profileAchievements .achive img {
    width: 132px;
}
#profileAchievements .achive-name {
    font-size: 15px;
    margin-bottom: 6px;
    text-align: center;
}
#profileAchievements .achive-btn.btn-success {
    min-width: initial;
    width: 100%;
}
.achive-icon {
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.chat .post-avatar .achive-icon {
    right: -8px;
    top: auto;
    bottom: -11px;
}
.chat .blue .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: blueAchive linear 1s infinite;
    animation: blueAchive linear 1s infinite;
}
.chat .blue .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/blue.png");
    background-size: cover;
    z-index: 1;
}
.chat .blue .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chat .red .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: redAchive linear 1s infinite;
    animation: redAchive linear 1s infinite;
}
.chat .red .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/red.png");
    background-size: cover;
    z-index: 1;
}
.chat .post-avatar.red .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chat .gold .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: goldAchive linear 1s infinite;
    animation: goldAchive linear 1s infinite;
}
.chat .gold .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/gold.png");
    background-size: cover;
    z-index: 1;
}
.chat .gold .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chat .diamond .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: diamondAchive linear 1s infinite;
    animation: diamondAchive linear 1s infinite;
}
.chat .diamond .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/diamond.png");
    background-size: cover;
    z-index: 1;
}
.chat .diamond .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat .expert .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: expertAchive linear 1s infinite;
    animation: expertAchive linear 1s infinite;
}
.chat .expert .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/expert.png");
    background-size: cover;
    z-index: 1;
}
.chat .expert .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat .guesser .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: guesserAchive linear 1s infinite;
    animation: guesserAchive linear 1s infinite;
}
.chat .guesser .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/guesser.png");
    background-size: cover;
    z-index: 1;
}
.chat .guesser .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat .profi .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: profiAchive linear 1s infinite;
    animation: profiAchive linear 1s infinite;
}
.chat .profi .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/profi.png");
    background-size: cover;
    z-index: 1;
}
.chat .profi .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat .seer .post-avatar {
    position: relative;
    background-size: 300% 300%;
    padding: 3px;
    width: 38px;
    height: 38px;
    margin-left: 9px;
    margin-top: -3px;
    border-radius: 9px;
    -webkit-animation: seerAchive linear 1s infinite;
    animation: seerAchive linear 1s infinite;
}
.chat .seer .post-avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/seer.png");
    background-size: cover;
    z-index: 1;
}
.chat .seer .post-avatar .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nd .profile .avatar.blue {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: blueAchive linear 1s infinite;
    animation: blueAchive linear 1s infinite;
}
.nd .profile .avatar.blue .avatar__img {
    border: none;
}
.nd .profile .avatar.red {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: redAchive linear 1s infinite;
    animation: redAchive linear 1s infinite;
}
.nd .profile .avatar.red .avatar__img {
    border: none;
}
.nd .profile .avatar.gold {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: goldAchive linear 1s infinite;
    animation: goldAchive linear 1s infinite;
}
.nd .profile .avatar.gold .avatar__img {
    border: none;
}
.nd .profile .avatar.diamond {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: diamondAchive linear 1s infinite;
    animation: diamondAchive linear 1s infinite;
}
.nd .profile .avatar.diamond .avatar__img {
    border: none;
}
.nd .profile .avatar.expert {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: expertAchive linear 1s infinite;
    animation: expertAchive linear 1s infinite;
}
.nd .profile .avatar.expert .avatar__img {
    border: none;
}
.nd .profile .avatar.guesser {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: guesserAchive linear 1s infinite;
    animation: guesserAchive linear 1s infinite;
}
.nd .profile .avatar.guesser .avatar__img {
    border: none;
}
.nd .profile .avatar.profi {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: profiAchive linear 1s infinite;
    animation: profiAchive linear 1s infinite;
}
.nd .profile .avatar.profi .avatar__img {
    border: none;
}
.nd .profile .avatar.seer {
    background-size: 300% 300%;
    padding: 3px;
    width: 86px;
    border-radius: 8px;
    -webkit-animation: seerAchive linear 1s infinite;
    animation: seerAchive linear 1s infinite;
}
.nd .profile .avatar.seer .avatar__img {
    border: none;
}
.nd .profile .avatar .achive-icon {
    top: -12px;
    left: -12px;
    right: auto;
    width: 32px;
}

.nd .bet__user.blue .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: blueAchive linear 1s infinite;
    animation: blueAchive linear 1s infinite;
}
.nd .bet__user.blue .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/blue.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.blue .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.blue .avatar .vip-avatar {
    outline: none;
}
.nd .bet__user.red .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: redAchive linear 1s infinite;
    animation: redAchive linear 1s infinite;
}
.nd .bet__user.red .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/red.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.red .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.red .avatar .vip-avatar {
    outline: none;
}
.nd .bet__user.gold .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: goldAchive linear 1s infinite;
    animation: goldAchive linear 1s infinite;
}
.nd .bet__user.gold .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/gold.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.gold .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.gold .avatar .vip-avatar {
    outline: none;
}
.nd .bet__user.diamond .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: diamondAchive linear 1s infinite;
    animation: diamondAchive linear 1s infinite;
}
.nd .bet__user.diamond .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/diamond.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.diamond .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.diamond .avatar .vip-avatar {
    outline: none;
}

.nd .bet__user.expert .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: expertAchive linear 1s infinite;
    animation: expertAchive linear 1s infinite;
}
.nd .bet__user.expert .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/expert.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.expert .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.expert .avatar .vip-avatar {
    outline: none;
}

.nd .bet__user.guesser .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: guesserAchive linear 1s infinite;
    animation: guesserAchive linear 1s infinite;
}
.nd .bet__user.guesser .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/guesser.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.guesser .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.guesser .avatar .vip-avatar {
    outline: none;
}

.nd .bet__user.profi .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: profiAchive linear 1s infinite;
    animation: profiAchive linear 1s infinite;
}
.nd .bet__user.profi .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/profi.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.profi .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.profi .avatar .vip-avatar {
    outline: none;
}

.nd .bet__user.seer .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 8px;
    -webkit-animation: seerAchive linear 1s infinite;
    animation: seerAchive linear 1s infinite;
}
.nd .bet__user.seer .avatar:before {
    content: '';
    position: absolute;
    right: -8px;
    bottom: -11px;
    width: 20px;
    height: 20px;
    background: url("../images/nd/achievements/seer.png");
    background-size: cover;
    z-index: 1;
}
.nd .bet__user.seer .avatar img:not(.achive-icon) {
    width: 44px;
    height: 44px;
}
.nd .bet__user.seer .avatar .vip-avatar {
    outline: none;
}

.nd .usersinbattle .user > a.blue {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: blueAchive linear 1s infinite;
    animation: blueAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.blue img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.blue .vip-avatar {
    outline: none;
}
.nd .usersinbattle .user > a.red {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: redAchive linear 1s infinite;
    animation: redAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.red img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.red .vip-avatar {
    outline: none;
}
.nd .usersinbattle .user > a.gold {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: goldAchive linear 1s infinite;
    animation: goldAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.gold img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.gold .vip-avatar {
    outline: none;
}
.nd .usersinbattle .user > a.diamond {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: diamondAchive linear 1s infinite;
    animation: diamondAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.diamond img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.diamond .vip-avatar {
    outline: none;
}

.nd .usersinbattle .user > a.expert {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: expertAchive linear 1s infinite;
    animation: expertAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.expert img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.expert .vip-avatar {
    outline: none;
}

.nd .usersinbattle .user > a.guesser {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: guesserAchive linear 1s infinite;
    animation: guesserAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.guesser img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.guesser .vip-avatar {
    outline: none;
}

.nd .usersinbattle .user > a.profi {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: profiAchive linear 1s infinite;
    animation: profiAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.profi img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.profi .vip-avatar {
    outline: none;
}

.nd .usersinbattle .user > a.seer {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 9px;
    -webkit-animation: seerAchive linear 1s infinite;
    animation: seerAchive linear 1s infinite;
}
.nd .usersinbattle .user > a.seer img:not(.achive-icon) {
    width: 56px;
    height: 56px;
}
.nd .usersinbattle .user > a.seer .vip-avatar {
    outline: none;
}

.doubleGame .usersBets .betDouble.blue .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: blueAchive linear 1s infinite;
    animation: blueAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.red .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: redAchive linear 1s infinite;
    animation: redAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.gold .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: goldAchive linear 1s infinite;
    animation: goldAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.diamond .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: diamondAchive linear 1s infinite;
    animation: diamondAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.expert .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: expertAchive linear 1s infinite;
    animation: expertAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.guesser .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: guesserAchive linear 1s infinite;
    animation: guesserAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.profi .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: profiAchive linear 1s infinite;
    animation: profiAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble.seer .avatar {
    background-size: 300% 300%;
    padding: 2px;
    border-radius: 4px;
    -webkit-animation: seerAchive linear 1s infinite;
    animation: seerAchive linear 1s infinite;
}
.doubleGame .usersBets .betDouble .avatar .achive-icon {
    width: 16px;
}

.band-notice p {
    margin: 10px;
    padding: 0;
}

.band-notice .comment-band a {
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #666;
}

.mywins {
    text-align: center;
}

.mywins h2 {
    /*border-bottom: 2px solid red;*/
    margin-bottom: 20px;
}

.mywins h2 {
    position: relative;
    margin-left: -10px;
    /* 15px padding + 7px border ribbon shadow*/
    margin-right: -10px;
    padding: 15px;
    background: #ccad00;
    background: -o-linear-gradient(#ffea00, #ccad00);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffea00), to(#ccad00));
    background: linear-gradient(#ffea00, #ccad00);
    background: linear-gradient(#ffea00, #ccad00);
    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8) inset;
    /*box-shadow: 0 -1px 0 rgba(255,255,255,.8) inset;*/
    /*text-shadow: 2px 2px 0 #fff;*/
    text-transform: uppercase;
    font-weight: 900;
    color: #544700;
}

.mywins h2:before,
.mywins h2:after {
    position: absolute;
    left: 0;
    bottom: -9px;
    content: "";
    border-top: 10px solid #696000;
    border-left: 10px solid transparent;
}

.mywins h2:before {
    border-top: 10px solid #696000;
    border-right: 10px solid transparent;
    border-left: none;
    left: auto;
    right: 0;
    bottom: -9px;
}

.mywin {
    /*padding: 5px 0px;*/
    margin-bottom: 10px;
}

.mywins .num,
.mywins .summ,
.mywins .chance,
.mywins .view {
    font-size: 20px;
    font-weight: 100;
    padding: 0px 0px;
    /*color: red;*/
}

.mywins .num {
    text-align: left;
    background-color: #fff;
    font-size: 15px;
    padding-top: 10px;
}

.mywins .summ {
    text-align: center;
    /*background-color: #ffec87;*/
    font-weight: 400;
    /*padding: 5px 0px;*/
}

.mywins .chance {
    text-align: center;
}

.mywins .topSkinDescr {
    font-size: 20px;
    color: grey;
    margin-bottom: 15px;
}

.topSkinItem {
    display: inline-block;
    width: 100px;
    margin: 0px 10px 0px 0px;
    vertical-align: top;
}

.topSkinItem img {
    height: 100px;
}

.topSkinPrice {
    font-size: 18px;
    font-weight: 900;
}

.potSkinName {
    font-size: 11px;
    margin-top: 6px;
    color: grey;
}

.loadinginventory {
    text-align: center;
    font-size: 30px;
    font-weight: 100;
    padding: 30px 20px;
}

.loadinginventory .errortext span {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}

.loadinginventory .errortext span a {
    text-decoration: underline;
    color: #337ab7;
}

.inventoryHelpLink {
    font-size: 20px;
    border-bottom: 1px dotted;
    position: absolute;
    top: 15px;
    right: 30px;
}

.inventoryHelpLink p {
    margin: 0px;
}

#inventoryLocker,
#exchangerLocker {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
    left: 0;
    top: 0;
    border-radius: 6px;
}

.loading-locker > *:not(#inventoryLocker) {
    opacity: 0.3;
}

#inventoryLocker div,
#exchangerLocker div {
    float: left;
    height: 50%;
    width: 100%;
    margin-bottom: -50px;
}

#inventoryLocker img,
#exchangerLocker img {
    clear: both;
}

#inventoryInfoBlock .disabledInventoryButton,
#inventorySteam .disabledInventoryButton {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: help;
}

.forExchangerLocker {
    position: relative;
}

.alerts {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 300;
}

.alerts .alert {
    padding: 24px;
    margin: 20px;
    position: relative;
    border-radius: 6px;
    width: 320px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border: 1px solid rgba(241, 241, 241, 0.2);
    background: rgba(184, 184, 184, 0.3);
    font-weight: 500;
    font-size: 14px;
    color: #f1f1f1;
}

.alerts .alertclose {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

.alerts .alertclose img {
    width: 16px;
}

.alerts .info {
    border: 1px solid rgba(0, 181, 244, 0.5);
    background: rgba(0, 181, 244, 0.25);
    color: #b4ecff;
}

.alerts .danger {
    border: 1px solid rgba(255, 0, 20, 0.5);
    background: rgba(255, 0, 20, 0.25);
    color: #ffc0c5;
}

.alerts .success {
    border: 1px solid rgba(133, 201, 56, 0.5);
    background: rgba(50, 137, 0, 0.35);
    color: #96ff90;
}

.alerts .alert .messenger {
    font-size: 15px;
    text-transform: none;
    line-height: 150%;
    color: white;
}

.alerts .alert .messenger .user {
    text-transform: uppercase;
}

.alerts .alert .messenger .user img {
    width: 25px;
    border-radius: 100%;
}

.alerts .alert .messenger .text {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.battles {
    padding-bottom: 80px;
    text-align: center;
}

.battles h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    color: #8c8c8c;
    /*margin: 0px;*/
}

.battle {
    background-color: whitesmoke;
    padding: 10px 0px;
    font-size: 15px;
    color: #4d4d4d;
    font-weight: 100;
}

.battle .avatar-img {
    margin-right: 12px;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.battle .avatar-nick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
}

.battle .summ {
    color: #99830b;
    font-weight: 500;
}

.battle .num,
.battle .nick,
.battle .summ,
.battle .chance,
.battle .bets,
.battle .color,
.battle .result {
    text-align: left;
}

.battle .view {
    text-align: right;
}

.battles .youwin {
    background-color: #f0e251;
}

.battle:hover {
    background-color: rgba(131, 128, 154, 0.3);
}

.battles #showAllBattles {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    padding: 20px 0px 0px 0px;
    color: black;
    border-bottom: 1px dotted;
}

.battles #showAllBattles:hover {
    color: grey;
}

#emailNotice {
    background-color: #fffeca;
    display: block;
    max-width: 630px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

#emailNotice p {
    margin: 0px;
    padding: 5px 10px 5px 10px;
}

.gangsta-page__header {
    width: 100%;
    padding: 46px 61px 106px;
    background: url("../images/nd/top/header-bg.png") 0 0 no-repeat;
    background-size: cover;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.gangsta-page__header-title {
    margin: 0 0 4px;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 46px;
    background: -o-linear-gradient(
            top,
            #ffac1c 0%,
            #ffed17 54.36%,
            #ffd600 54.84%,
            #ffac1c 100%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#ffac1c),
            color-stop(54.36%, #ffed17),
            color-stop(54.84%, #ffd600),
            to(#ffac1c)
    );
    background: linear-gradient(
            180deg,
            #ffac1c 0%,
            #ffed17 54.36%,
            #ffd600 54.84%,
            #ffac1c 100%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gangsta-page__header-text {
    margin-bottom: 23px;
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: #f1f1f1;
}
.gangsta-page__header-next {
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    background: -o-linear-gradient(bottom, #d0d0d0 0%, #fff 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#d0d0d0), to(#fff));
    background: linear-gradient(360deg, #d0d0d0 0%, #fff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#top-timer {
    position: relative;
    padding: 14px 0 0 36px;
}
#top-timer:before {
    content: "";
    position: absolute;
    left: -11px;
    top: 5px;
    background: url("../images/nd/top/arrow.png");
    background-size: cover;
    width: 29px;
    height: 46px;
}
#top-timer .timer-seconds,
#top-timer .timer-minutes,
#top-timer .timer-hours,
#top-timer .timer-days {
    width: 50px;
    height: 50px;
    border: 0.8px solid #5b5d5f;
    border-radius: 5px;
}
#top-timer.flip-clock-container [class*="flip-item"] {
    font-size: 28px;
    letter-spacing: 0;
}
#top-timer.flip-clock-container [class*="flip-item"] .flip-digit {
    width: 18px;
    height: 32px;
}
#top-timer.flip-clock-container [class*="flip-item"] .flip-digit > span::after,
#top-timer.flip-clock-container
[class*="flip-item"]
.flip-digit
> span::before {
    font-size: 32px;
    border-radius: 0;
}
#top-timer .timer-days {
    margin-right: 20px;
}
#top-timer .timer-text {
    bottom: 0;
}
.gangsta-page__header-fast {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 190px;
    margin-top: 7px;
    background: rgba(0, 0, 0, 0.24);
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    border-radius: 30px;
    padding: 4px 8px;
}
.gangsta-page__header-fast span {
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    background: -o-linear-gradient(bottom, #ffac1c 0%, #ffed17 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#ffac1c), to(#ffed17));
    background: linear-gradient(360deg, #ffac1c 0%, #ffed17 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gangsta-page__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 62px;
    gap: 20px;
    margin-top: -60px;
}
.gangsta-page__tab {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px 6px 0 0;
    padding: 0;
    min-width: 170px;
    height: 60px;
    -webkit-backdrop-filter: blur(2.7px);
    backdrop-filter: blur(2.7px);
    background: rgb(112, 112, 112);
    background: -o-linear-gradient(
            top,
            rgba(112, 112, 112, 1) 0%,
            rgba(96, 96, 96, 0) 100%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(112, 112, 112, 1)),
            to(rgba(96, 96, 96, 0))
    );
    background: linear-gradient(
            180deg,
            rgba(112, 112, 112, 1) 0%,
            rgba(96, 96, 96, 0) 100%
    );
}
.gangsta-page__tab.active .gangsta-page__tab-box {
    background: #293134;
}

.gangsta-page__tab-box {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px 6px 0 0;
    padding: 5px 18px;
    background: rgba(41, 49, 52, 0.4);
    height: 59px;
    width: calc(100% - 2px);
    z-index: 1;
}
.gangsta-page__tab.active .gangsta-page__tab-box:before {
    content: "";
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: #00dbfa;
    -webkit-filter: blur(27px);
    filter: blur(27px);
    position: absolute;
    top: -101px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.gangsta-page__tab.active:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #00b5f4;
}
.gangsta-page__tab.active:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #00b5f4;
}

.gangsta-page__tab span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: italic;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #f1f1f1;
}
.gangsta-page__tab span:before {
    content: "";
}

.gangsta-page__tab.tab-double span:before {
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 10px;
    background: url("../images/nd/top/double.png");
    background-size: cover;
}
.gangsta-page__tab.tab-double.active span {
    padding-left: 34px;
}
.gangsta-page__tab.tab-double.active span:before {
    width: 53px;
    height: 53px;
    display: block;
    margin-right: 0;
    background: url("../images/nd/top/double-active.png");
    background-size: cover;
    position: absolute;
    top: -12px;
    left: -14px;
}

.gangsta-page__tab.tab-bitch span:before {
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 10px;
    background: url("../images/nd/top/bitch.png");
    background-size: cover;
}
.gangsta-page__tab.tab-bitch.active span {
    padding-left: 34px;
}
.gangsta-page__tab.tab-bitch.active span:before {
    width: 53px;
    height: 50px;
    display: block;
    margin-right: 0;
    background: url("../images/nd/top/bitch-active.png");
    background-size: cover;
    position: absolute;
    top: -10px;
    left: -15px;
}

.gangsta-page__tab.tab-middle span:before {
    width: 25px;
    height: 24px;
    display: block;
    margin-right: 10px;
    background: url("../images/nd/top/middle.png");
    background-size: cover;
}
.gangsta-page__tab.tab-middle.active span {
    padding-left: 35px;
}
.gangsta-page__tab.tab-middle.active span:before {
    width: 57px;
    height: 50px;
    display: block;
    margin-right: 0;
    background: url("../images/nd/top/middle-active.png");
    background-size: cover;
    position: absolute;
    top: -10px;
    left: -16px;
}

.gangsta-page__tab.tab-room span:before {
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 10px;
    background: url("../images/nd/top/room.png");
    background-size: cover;
}
.gangsta-page__tab.tab-room.active span {
    padding-left: 34px;
}
.gangsta-page__tab.tab-room.active span:before {
    width: 51px;
    height: 51px;
    display: block;
    margin-right: 0;
    background: url("../images/nd/top/room-active.png");
    background-size: cover;
    position: absolute;
    top: -11px;
    left: -14px;
}

.gangsta-page__period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 24px auto;
    gap: 20px;
}
.gangsta-page__period-tab {
    border-radius: 10px;
    padding: 5px 10px;
    font-weight: 800;
    font-size: 14px;
    text-align: center;
    color: #b8b8b8;
    text-transform: uppercase;
}
.gangsta-page__period-tab.active {
    font-weight: 800;
    color: #f1f1f1;
    background: #373d43;
}

.gangsta-page__bests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    margin: 0 32px 24px;
}
.gangsta-page__winner {
    background: #373d43;
    border-radius: 6px;
    padding: 24px 0;
    width: calc(33.3% - 8px);
    position: relative;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gangsta-page__place {
    position: absolute;
    top: 0;
    left: 0;
}
.gangsta-page__winner-avatar {
    border-radius: 6px;
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
}
.gangsta-page__winner-name {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #f1f1f1;
    margin: 16px 0 5px;
}
.gangsta-page__winner-games {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #7e8487;
}
.gangsta-page__winner-text {
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #f1f1f1;
    margin-top: 20px;
    z-index: 1;
}
.gangsta-page__winner-prize {
    font-style: italic;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.gangsta-page__winner.third .gangsta-page__winner-prize {
    color: #ff9d00;
}
.gangsta-page__winner.second .gangsta-page__winner-prize {
    color: #f1f1f1;
}
.gangsta-page__winner.first .gangsta-page__winner-prize {
    color: #ffd332;
}
.gangsta-page__winner.first .gangsta-page__winner-prize:after {
    content: "";
    display: block;
    width: 54px;
    height: 34px;
    margin: 4px auto 0;
}
.daily .gangsta-page__winner.first .gangsta-page__winner-prize:after {
    display: none;
}
.double.weekly .gangsta-page__winner.first .gangsta-page__winner-prize:after {
    background: url("../images/nd/top/double-winner.png");
    background-size: cover;
}
.bitch.weekly .gangsta-page__winner.first .gangsta-page__winner-prize:after {
    background: url("../images/nd/top/bitch-winner.png");
    background-size: cover;
}
.middle.weekly .gangsta-page__winner.first .gangsta-page__winner-prize:after {
    background: url("../images/nd/top/middle-winner.png");
    background-size: cover;
}
.room.weekly .gangsta-page__winner.first .gangsta-page__winner-prize:after {
    background: url("../images/nd/top/room-winner.png");
    background-size: cover;
}
.gangsta-page__winner:after {
    content: "";
    width: 287px;
    height: 128px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.gangsta-page__winner.third:after {
    background: url("../images/nd/top/best-3.png");
    background-size: cover;
}
.gangsta-page__winner.second:after {
    background: url("../images/nd/top/best-2.png");
    background-size: cover;
}
.gangsta-page__winner.first:after {
    background: url("../images/nd/top/best-1.png");
    background-size: cover;
}
.gangsta-page__winner.first {
    padding: 40px 0 16px;
}
.gangsta-page__winner-frame:before {
    z-index: 1;
    background-size: cover;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    bottom: 0;
}
.gangsta-page__winner-frame {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 6px;
    padding: 1px;
}
.gangsta-page__winner-frame .gangsta-page__winner-avatar {
    width: 78px;
    height: 78px;
}
.double .gangsta-page__winner-frame:before {
    content: "";
    background: url(../images/nd/top/double-frame.png);
}
.bitch .gangsta-page__winner-frame:before {
    content: "";
    background: url(../images/nd/top/bitch-frame.png);
}
.middle .gangsta-page__winner-frame:before {
    content: "";
    background: url(../images/nd/top/middle-frame.png);
}
.room .gangsta-page__winner-frame:before {
    content: "";
    background: url(../images/nd/top/room-frame.png);
}

.gangsta-page .title-line {
    margin: 0 12px;
}

.gangsta-page__faq {
    position: absolute;
    top: 16px;
    left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}
.gangsta-page__faq img {
    margin-right: 8px;
    opacity: 0.6;
}
.gangsta-page__faq:hover img {
    opacity: 1;
}

.gangsta-page__table {
}

.gangsta-page__table .battle .place {
    background: url("../images/nd/top/place.png") 0 0 no-repeat;
    width: 39px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #b8b8b8;
    font-style: italic;
    font-size: 14px;
    font-weight: 700;
    padding-right: 8px;
}

.gangsta-page__table .battle.thead .col-sm-3 {
    padding-right: 0;
    text-align: right;
}

.gangsta-page__table > .gangsta-row:nth-of-type(1) .place {
    background: url("../images/nd/top/place-1.png") 0 0 no-repeat;
    color: #ffd600;
}

.gangsta-page__mob {
    display: none;
}

.gangsta-page__table > .gangsta-row:nth-of-type(1) .col-sm-1 {
    margin-bottom: -18px;
    margin-top: -18px;
    background: url("../images/nd/top/rectangle-1.png") 0 0 no-repeat;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gangsta-page__table > .gangsta-row:nth-of-type(2) .place {
    background: url("../images/nd/top/place-2.png") 0 0 no-repeat;
    color: #fff;
}

.gangsta-page__table > .gangsta-row:nth-of-type(2) .col-sm-1 {
    margin-bottom: -18px;
    margin-top: -18px;
    background: url("../images/nd/top/rectangle-1.png") 0 0 no-repeat;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gangsta-page__table > .gangsta-row:nth-of-type(3) .place {
    background: url("../images/nd/top/place-3.png") 0 0 no-repeat;
    color: #ffa400;
}

.gangsta-page__table > .gangsta-row:nth-of-type(3) .col-sm-1 {
    margin-bottom: -18px;
    margin-top: -18px;
    background: url("../images/nd/top/rectangle-3.png") 0 0 no-repeat;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gangsta-page__table .battle .col-sm-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gangsta-page__table .gangsta-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0;
    margin: 0 12px 4px;
}
.gangsta-page__table .gangsta-row.myRow {
    border: 1px solid rgba(0, 181, 244, 0.5);
}
.gangsta-page__table .battle.myRow .place {
    background: url("../images/nd/top/my-place.png") 0 0 no-repeat;
    color: #00b5f4;
}

.gangsta-page__table .gangsta-row:nth-of-type(n + 11) {
    display: none;
}

.gangsta-page__table .gangsta-row .col-sm-4 {
    padding-left: 15px;
}

.gangsta-page__table .battle .avatar {
    width: 48px;
    height: 48px;
    margin-right: 0;
    margin-left: 0;
    border-radius: 6px;
}
.gangsta-page__table .battle .gangsta-page__frame {
    position: relative;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    margin-left: 0;
    border-radius: 6px;
}
.weekly .gangsta-page__table .battle:nth-of-type(1) .gangsta-page__frame {
    padding: 1px;
}
.weekly .gangsta-page__table .battle:nth-of-type(1) .avatar {
    width: 46px;
    height: 46px;
}
.weekly
.gangsta-page__table
.battle:nth-of-type(1)
.gangsta-page__frame:before {
    content: "";
    z-index: 1;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.double
.gangsta-page__table
.battle:nth-of-type(1)
.gangsta-page__frame:before {
    background: url(../images/nd/top/double-frame.png);
    background-size: cover;
}
.bitch .gangsta-page__table .battle:nth-of-type(1) .gangsta-page__frame:before {
    background: url(../images/nd/top/bitch-frame.png);
    background-size: cover;
}
.middle
.gangsta-page__table
.battle:nth-of-type(1)
.gangsta-page__frame:before {
    background: url(../images/nd/top/middle-frame.png);
    background-size: cover;
}
.room .gangsta-page__table .battle:nth-of-type(1) .gangsta-page__frame:before {
    background: url(../images/nd/top/room-frame.png);
    background-size: cover;
}

.gangsta-page__showmore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto;
    padding: 14px;
    color: #7e8487;
    opacity: 1;
    background: rgba(131, 128, 154, 0.15);
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    border: none;
}

.gangsta-page__table .battle .nick {
    margin-bottom: 3px;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
}

.gangsta-page__table .battle .gangstastat {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.gangsta-page__table .battle .summ {
    color: #f1f1f1;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}
.gangsta-page__games-text {
    font-weight: 500;
    font-size: 13px;
    color: #7e8487;
}
.gangsta-page__prize {
    width: 169px;
    height: 42px;
    background: url("../images/nd/top/table-prize.png");
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: #f1f1f1;
    margin-left: auto;
}
.gangsta-page__prize-td {
    padding-right: 0;
}
.gangsta-page__prize img {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
}

.gangsta {
    background-color: #1e4e62;
    /*max-width: 720px;*/
    margin: 0px auto;
    color: white;
    padding: 10px 5px;
    border-top: 1px solid #316980;
    border-bottom: 1px solid #141f24;
    /*margin-bottom: 10px;*/
}

.gangsta:hover {
    background-color: #1b4354;
    border-top: 1px solid #1b4354;
}

.historyBattleBich {
    background-color: #216969;
}

.historyBattleBich:hover {
    background-color: #1b5454;
}

.your-profile-in-top {
    background-color: #247430;
}

.your-profile-in-top:hover {
    background-color: #1d5c27;
}

.nowwin .block-gift-top {
    text-align: center;
    background: url(../images/top-bg.png) center -330px no-repeat #0c111d;
}

.block-gift-top .descr {
    margin: 20px 0px 10px 0px;
}

.block-gift-top img {
    display: block;
    width: auto;
    margin: 0px auto 10px auto;
    float: none;
    height: auto;
}

.block-gift-top .att {
    font-size: 20px;
    color: #eea236;
}

.block-gift-top .descr {
    text-transform: uppercase;
}

.block-gift-top .btn-warning {
    background-color: #c9821d;
    margin-top: 10px;
}

.nowwin h2 {
    color: white;
}

.gangsta-top .stars {
    font-size: 20px;
    margin-top: 6px;
    color: gold;
    text-align: center;
}

.gangsta-top .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gangsta-top .avatar {
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 12px 0 0;
    border-radius: 6px;
}

.gangsta-top .nick {
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.gangsta-top .summ {
    color: #f1f1f1 !important;
    text-align: right;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    font-weight: 700;
}

.gift-for-top {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#262626+0,000000+100 */
    background: #262626;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #262626 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#000000));
    background: linear-gradient(to bottom, #262626 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    text-align: center;
    background: url(../images/top-bg.png) center top no-repeat #0c111d;
}

.gift-for-top h2 {
    padding: 10px 0px 0px 0px;
    margin-bottom: 10px;
    font-size: 47px;
    height: auto;
    line-height: 130%;
    font-weight: 900;
}

.gift-for-top h2 span {
    color: gold;
}

.gift-for-top .desrc {
    font-size: 20px;
    font-weight: 100;
    color: #fff;
}

.gift-for-top .gift-img {
    padding: 40px 0px;
}

.gift-for-top .gift-img img {
    max-width: 100%;
}

.gift-img .skinname {
    color: rgb(161, 112, 195);
    font-size: 15px;
    line-height: 150%;
    margin-top: 10px;
}

.gift-for-top .gift-stat {
    text-align: left;
}

.gift-for-top .gift-stat h3 {
    padding-left: 0px;
}

.gift-for-top .gift-stat .user {
    font-size: 15px;
    font-weight: 100;
    color: #9b9b9b;
}

.gift-for-top .gift-stat .user:nth-child(2) {
    /*color: gold;*/
    /*background-color: red;*/
}

.gift-for-top .gift-stat .user .num,
.gift-for-top .gift-stat .user .nick,
.gift-for-top .gift-stat .user .summ,
.gift-for-top .gift-stat .user .date {
    display: inline-block;
    /*background-color: red;*/
    vertical-align: middle;
}

.gift-for-top .gift-stat .user .num {
    width: 20px;
}

.gift-for-top .gift-stat .user .nick {
    width: 220px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.gift-for-top .gift-stat .user .nick a {
    color: #9b9b9b;
}

.gift-for-top .gift-stat .user .nick img {
    height: 20px;
    vertical-align: top;
    margin-top: 3px;
}

.gift-for-top .gift-stat .user .summ {
    width: 120px;
}

.gift-for-top .gift-stat .user .date {
    width: 50px;
}

.gift-for-top .spravka {
    text-align: left;
    margin-top: 10px;
}

.gift-for-top .spravka h3 {
    padding-left: 0px;
    margin-bottom: 15px;
}

.gift-for-top .spravka h4 {
    margin: 0px;
    margin-top: 10px;
    font-size: 15px;
    padding: 0px;
    color: #b3b3b3;
    font-weight: 400;
    /*line-height: 100%;*/
}

.gift-for-top .spravka p {
    padding: 0px;
    padding-left: 15px;
    color: grey;
}

.gift-for-top .now-top-gangsters {
    text-align: left;
    padding: 40px 0px 5px 10px;
    margin-bottom: 0px;
}

.gift-for-top .timer-for-top {
    font-size: 45px;
    margin-top: 10px;
    background-color: #1b2338;
    font-weight: 100;
}

.gift-for-top .Class24AsiimovLast {
    color: red;
    /*color: white;*/
}

.gift-for-top #time24Asiimov {
    font-weight: 900;
}

.gangsta-top-header-table {
    text-transform: uppercase;
    background-color: #153542;
    padding: 10px;
}

.join-top-button {
    padding: 6px 15px;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-left: 40px;
    font-weight: 400;
    font-size: 20px;
}

.rules__header {
    width: 100%;
    height: 140px;
    background: url("../images/nd/faq/top-panel-bg.png") 0 0 no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.rules__header-title {
    margin: 0;
    background: url("../images/nd/faq/title.png") 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 188px;
    padding: 14px 0 14px 16px;
}

.rules__support {
    position: absolute;
    right: 16px;
    top: 16px;
}

.rules__container {
    margin-top: -48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px;
}

.rules__sidebar {
    width: 230px;
    margin: 0 16px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.rules__menu {
    margin-bottom: 20px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
}

.rules__menu:hover {
    color: #2bc9ff;
}

.rules__menu:hover:after {
    content: " →";
}

.rules__menu-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.rules__wrapper .input-search-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}

.rules__wrapper .input-search-wrapper .filters-field {
    margin: 0;
    background: transparent;
    border: none;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 0;
    outline: none;
}

.rules__item {
    margin-bottom: 48px;
}

.nd .rules__item-title {
    margin: 0 0 20px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;
}

.rules__title-svg {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.rules__item .question__desc {
    padding: 0;
    margin: 0 0 28px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.question {
    margin-bottom: 4px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.question__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 13px;
    margin: 0;
    cursor: pointer;
}
.question__title:after {
    content: "";
    background: url("../images/nd/select-arrow.png");
    width: 10px;
    height: 10px;
}

.question__title.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.question .answer {
    padding: 16px 13px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    display: none;
}

.question .answer p {
    padding: 0px 0px 10px 0px;
}

#openChatButton {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#openChatButton p {
    padding: 0px 10px 0px 10px;
    margin: 0px;
}

#openChatButton #newChatMessage {
    position: absolute;
    right: -15px;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    color: white;
    background-color: #1d871d;
    font-size: 13px;
    line-height: 100%;
    padding: 2px;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
}

.chat {
    position: fixed;
    bottom: 0;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    color: #b8b8b8;
    background: #293134;
    width: 300px;
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.34);
    z-index: 199;
    left: 0;
    height: 100%;
}

.chatContainer {
    position: relative;
    height: 100%;
}

.chat .chatheader {
    padding: 0;
    text-transform: uppercase;
    background: #293134;
    cursor: pointer;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.chat .chatheader .close-chat {
    position: absolute;
    left: 306px;
    top: 0;
    border-radius: 6px;
    background: #00b5f4;
    padding: 8px;
}

.chat .chatheader .close-chat img {
    width: 24px;
    height: 24px;
}

.chat .chatheader .close-chat:hover {
    color: #50cbfb;
}

.chat .chat-tabs {
    font-size: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat .chat-tab {
    display: inline-block;
    width: 50%;
    text-align: center;
    background: #293134;
    -webkit-box-shadow: 0px -1px 0px 0px #4e4d57 inset;
    box-shadow: 0px -1px 0px 0px #4e4d57 inset;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 0;
}

.chat-tab:not(.active-chat-tab) + .chat-tab {
    -webkit-box-shadow: 1px -1px 0px 0px #4e4d57 inset;
    box-shadow: 1px -1px 0px 0px #4e4d57 inset;
}

.chat .chat-tab:hover {
    background-color: #485154;
}

.chat .chat-tabs .active-chat-tab {
    background: #00b5f4;
    color: #f1f1f1;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.chat .chat-tabs .active-chat-tab:hover {
    background-color: #24ace0;
}

.chat .chatbody {
    overflow-y: auto;
    width: 100%;
    position: absolute;
    height: calc(100% - 87px);
    bottom: 48px;
}

#dialogCountUnreadNew {
    position: absolute;
    top: -18px;
    border-radius: 30px;
    padding: 1px 4px;
    background: #00b5f4;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #f1f1f1;
    min-width: 21px;
}

.chat .chatbody.dialogs {
    bottom: 0;
    height: calc(100% - 40px);
    background: #293134;
    z-index: 11;
}

.chat .chatbody.dialogs.messages {
    height: calc(100% - 88px);
    bottom: 48px;
    top: 40px;
}

.chat .dialogs-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    margin-bottom: -1px;
    background: rgba(41, 49, 52, 1);
    border-bottom: 1px solid rgb(78, 77, 87);
}

.dialogSetting-caption {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
}

.chat .dialogs-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid rgb(78, 77, 87);
}

.chat .dialogs-search__input {
    border: none;
    outline: none;
    background: transparent;
    padding: 14px 16px;
    font-size: 12px;
    font-weight: 500;
    color: #f1f1f1;
    line-height: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: calc(100% - 34px);
}

.chat .dialogs-search__input::-webkit-input-placeholder {
    color: #7e8487;
}

.chat .dialogs-search__input::-moz-placeholder {
    color: #7e8487;
}

.chat .dialogs-search__input:-ms-input-placeholder {
    color: #7e8487;
}

.chat .dialogs-search__input::-ms-input-placeholder {
    color: #7e8487;
}

.chat .dialogs-search__input::placeholder {
    color: #7e8487;
}

.dialogs-search__btn {
    padding: 4px;
    margin-right: 10px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.dialogs-search__btn img {
    width: 16px;
    height: 16px;
}

.dialogs-settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.dialogs-settings img {
    width: 16px;
    height: 16px;
}

.dialogs-wrapper {
    overflow: hidden;
}

.chat .textarea {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.chat .form-control {
    padding: 15px 40px 16px 16px;
    line-height: 16px;
    height: auto;
    background: #363c43;
    border-radius: 0;
    border: 1px solid #4e4d57;
    color: #f1f1f1;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
}

.chat .form-control:active,
.chat .form-control:focus {
    background: #1d2024;
    border: 1px solid rgba(124, 221, 255, 0.39);
}

.chat .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat .form-control::-webkit-input-placeholder {
    color: #7e8487;
}

.chat .form-control::-moz-placeholder {
    color: #7e8487;
}

.chat .form-control:-ms-input-placeholder {
    color: #7e8487;
}

.chat .form-control::-ms-input-placeholder {
    color: #7e8487;
}

.chat .form-control::placeholder {
    color: #7e8487;
}

.chat .post {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 0;
    border-top: 1px solid #4e4d57;
    position: relative;
}

.chat .post .im-message-time {
    top: 9px;
}

.chat .post.imBlackListUser {
    border-radius: 6px;
    padding: 10px 10px 10px 0;
    background: rgba(131, 128, 154, 0.15);
}

.chat .post.imBlackListUser .posttext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(100% - 110px);
}

.chat .post.imBlackListUser .deleteMessage {
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
    width: auto;
    height: auto;
    display: block;
    top: 17px;
}

.chat .post.dialog-post.notRead {
    background: #363c43;
}

.dialog-post .userInfo {
    position: relative;
}

.dialog-post .userInfo .avatar {
    margin-right: 9px;
    margin-left: 12px;
}

.dialog-post .nick div {
    display: block;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.userInfo .userOnline {
    position: absolute;
    right: 7px;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    background: rgb(44, 192, 44);
    width: 7px;
    height: 7px;
    border-radius: 5px;
}

.dialog-post .dropdown {
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
}

.dialog-post .dropdown-toggle {
    padding: 0;
    display: block;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.dialog-post .dropdown-toggle img {
    width: 24px;
    height: 24px;
}

.dialog-post .dropdown-menu {
    background: rgba(30, 34, 37, 0.95);
    padding: 16px 0;
    border: none;
    right: 12px;
    left: initial;
}

.dialog-post .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 500;
    line-height: 38px;
    color: rgba(184, 184, 184, 1);
    padding: 0 20px;
}

.chat .post .replyIcon {
    width: 20px;
    height: 20px;
    padding: 3px;
    position: absolute;
    right: 1px;
    top: 13px;
    cursor: pointer;
    display: none;
}

.chat .nick span {
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
}

.chat .post .user,
.chat .post .replyNickClick {
    position: relative;
    margin-bottom: 4px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    max-width: calc(100% - 18px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chat .post .user img,
.chat .post .replyNickClick img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat .post .nick a {
    display: block;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.chat .postForUser {
    background: #324248;
}

.chat .teamMessage .inChatBand {
    font-weight: 900;
}

.chat .teamMessage {
    background-color: #000;
}

.chat .post .deleteMessage {
    position: absolute;
    right: 12px;
    top: 26px;
    display: none;
    width: 10px;
    height: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat .serviseMessage.post {
    display: block;
}

.chat .serviseMessage {
    display: block;
    text-align: center;
    width: 100%;
    padding: 16px 32px;
    margin: 0 auto;
    border-top: 1px solid #4e4d57;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #7e8487;
}

.chat .serviseMessage .nickname a {
    color: #7e8487;
    text-decoration: underline;
}

.chat .post-avatar {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: top;
    border-radius: 6px;
    margin-right: 9px;
    margin-left: 12px;
}

.chat .avatar {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 6px;
}
.chat .avatar img {
    width: 100%;
}

.chat .posttext .UserBandName {
    display: block;
}

.chat .posttext img {
    max-height: 60px;
}

.chat div[user_id="server"] .im-message-time {
    display: none;
}

.chat .system-message {
    padding: 0 12px;
    margin: 12px auto 24px;
    text-align: center;
    border-top: 1px solid #4e4d57;
}

.chat .shortBordersMessage {
    margin: 7px 0px;
    border-top: none;
}

.chat .system-message img {
    max-width: 100%;
}

.chat .system-message .guess-the-number {
    margin-bottom: 12px;
}

.chat .system-message .guess-the-number h5 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 24px;
    color: #f1f1f1;
}

.chat .system-message .guess-the-number h5 span {
    font-weight: 700;
    color: #ffa400;
}

.chat .system-message .guess-the-number p {
    padding: 0px 10px;
    margin: 0px;
    text-align: left;
    color: #595959;
    font-size: 13px;
    line-height: 150%;
}

.chat .system-message .chatSponsor {
    padding-top: 24px;
    background: url("../images/nd/chat/sponsor.png") top center no-repeat;
}

.chat .system-message .chatSponsor .userAvatar {
    margin-bottom: 12px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
}

.chat .system-message .chatSponsor .userAvatar img {
    border-radius: 6px;
}

.chat .system-message .chatSponsor .userNick {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #f1f1f1;
}

.chat .system-message .chatSponsor .userNick img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat .system-message .chatSponsor .line1 {
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #f1f1f1;
    text-transform: uppercase;
}

.chat .system-message .chatSponsor .line2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #b8b8b8;
}

.chat .system-message .chatSponsor .line2 b {
    color: #f1f1f1;
    font-weight: 700;
}

.chat .system-message .chatSponsor .line4 {
    margin-top: 16px;
    margin-bottom: 16px;
    width: auto;
    max-width: 100%;
    padding-bottom: 0px;
    border-radius: 6px;
    background: #fff;
    height: 48px;
}

.chat .system-message .chatSponsor .line4 img {
    height: 100%;
    border-radius: 6px;
}

.chat .system-message .chatTrain {
    padding-top: 24px;
    background: url("../images/nd/chat/train.png") top center no-repeat;
}

.chat .system-message .chatTrain .userAvatar {
    margin-bottom: 12px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
}

.chat .system-message .chatTrain .userAvatar img {
    border-radius: 6px;
}

.chat .system-message .chatTrain .userNick {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #f1f1f1;
}

.chat .system-message .chatTrain .userNick img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat .system-message .chatTrain .line2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #b8b8b8;
}

.chat .system-message .chatTrain .line2 span {
    color: #f1f1f1;
}

.chat .system-message .chatTrain .line3 {
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #b8b8b8;
}

.chat .system-message .chatTrain .line3 b {
    color: #f1f1f1;
    font-weight: 700;
}

.chat .system-message .chatTrain .line4 {
    margin-bottom: 16px;
    width: auto;
    max-width: 100%;
    padding-bottom: 0px;
    border-radius: 6px;
    background: #fff;
    height: 48px;
}

.chat .system-message .chatTrain .line4 img {
    height: 100%;
    border-radius: 6px;
}

.chat .system-message .chatSMSWinner {
    padding-top: 24px;
    background: url("../images/nd/chat/bg.png") top center no-repeat;
}

.chat .system-message .chatSMSWinner .userAvatar img {
    width: 60px;
    border-radius: 6px;
}

.chat .system-message .chatSMSWinner .userNick {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #f1f1f1;
}

.chat .system-message .chatSMSWinner .userNick img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat .system-message .chatSMSWinner .line2 {
    color: #b8b8b8;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.chat .system-message .chatSMSWinner .line2 span {
    color: #ffa400;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.chat .system-message .chatSMSWinner .line3 {
    color: #7e8487;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.chat .system-message .chatSMSWinner .line3 a {
    color: #7e8487;
    text-decoration: underline;
}

.chat .system-message .chatSMSWinner .line4 {
    border: 1px dashed;
    color: rgb(234, 34, 34);
    margin: 10px;
    font-size: 19px;
    border-radius: 6px;
    padding: 5px 0px;
}

.chat .system-message .chatUserPromoWinners .time {
    font-weight: 900;
}

.chat .system-message .chatUserPromoWinners a {
    color: #f1f1f1;
}

.chat .system-message.chatPornoCode {
    margin-bottom: -1px;
    padding: 20px 12px 34px;
    border-bottom: 1px solid #4e4d57;
    background: url("../images/nd/chat/promo.png") bottom center no-repeat;
}

.chat .system-message.chatPornoCode.chatPromo {
    background-image: none;
}

.chat .system-message.chatPornoCode .line1 {
    padding-bottom: 6px;
    color: #b8b8b8;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.chat .system-message.chatPornoCode .line2 {
    padding-bottom: 6px;
    color: #00b5f4;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.chat .system-message.chatPornoCode .line3 {
    color: #b8b8b8;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.chat .system-message.chatPornoCode img {
    width: auto;
    max-width: 100%;
    padding-bottom: 0px;
    border-radius: 6px;
    background: #fff;
    height: 48px;
}

.chat .system-message.chatPornoCode .vvodiFast {
    padding-bottom: 13px;
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.chat .system-message .chatPornoCodeResult {
    background: url(../images/chat-pornoMaster.jpg) no-repeat;
    height: 181px;
    text-align: center;
}

.chat .system-message .chatPornoCodeResult .avatar {
    width: 73px;
    height: 73px;
    margin-top: 3px;
    margin-left: 7px;
    border: 4px solid gold;
}

.chat .system-message .chatPornoCodeResult .awards {
    text-transform: uppercase;
    color: white;
    font-weight: 900;
    margin-top: 40px;
    line-height: 120%;
    text-shadow: 0px 0px 2px black;
    font-size: 16px;
}

.chat .system-message .chatPornoCodeResult .awards .timeEnter {
    font-size: 21px;
    margin-top: 4px;
}

.chat .system-message .chatPornoCodeResult .awards a {
    color: white;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chat .system-message .chatPornoCodeResultNew {
    background: url("../images/nd/chat/winner.png") center top no-repeat;
    padding-top: 28px;
    color: white;
    margin-top: 12px;
    border-radius: 6px;
}

.chat .system-message .chatPornoCodeResultNew .avatar {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    margin-bottom: 22px;
}

.chat .system-message .chatPornoCodeResultNew .nick {
    margin-bottom: 4px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
}

.chat .system-message .chatPornoCodeResultNew .nick img {
    height: 20px;
    width: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat .system-message .chatPornoCodeResultNew .timeEnter {
    margin-bottom: 24px;
    color: #f1f1f1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.chat .system-message .chatPornoCodeResultNew .place {
    margin-bottom: 9px;
    color: #ffa400;
    font-size: 12px;
    font-weight: 500;
}

.chat .system-message .chatPornoCodeResultNewNext {
    text-align: center;
    padding-top: 24px;
}

.chat .system-message .chatPornoCodeResultNewNext .avatar {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 12px;
}

.chat .system-message .chatPornoCodeResultNewNext img:not(.avatar) {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chat .system-message .chatPornoCodeResultNewNext .user {
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.chat .system-message .chatPornoCodeResultNewNext .timeEnter {
    color: #f1f1f1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.chat .system-message .chatPornoCodeResultNewNext .place {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 9px;
}

.chat .system-message .chatDetonator .line1 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 11px;
}

.chat .system-message .chatDetonator .line2 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 137%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.chat .system-message .chatDetonator .btn-success {
    color: white;
}

.chat .showSmiles {
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 12px;
}

.chat .showSmiles a {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat .showSmiles a:hover {
    opacity: 0.8;
}

.chat .smilesBox {
    background: #293134;
    bottom: 0;
    right: 6px;
    padding: 14px 24px;
    line-height: 100%;
    position: fixed;
    width: 300px;
    height: 100%;
    left: 304px;
    z-index: 12;
}

.chat .smilesBox img {
    margin: 0;
    max-height: 60px;
    cursor: pointer;
}

.chat .smilesBox-wrapper {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    overflow-y: scroll;
    z-index: 1;
}

.imBlackListUsers {
    padding: 16px;
}

.closeSmilesBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.chat .closeSmilesBox {
    position: absolute;
    border-radius: 6px;
    background: #00b5f4;
    padding: 8px;
    top: 6px;
    right: -38px;
    cursor: pointer;
}

.chat .closeSmilesBox a {
    width: 16px;
    height: 16px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.chat .closeSmilesBox a img {
    width: 16px;
    height: 16px;
    display: block;
}

.chat .closeSmilesBox a:hover {
}

.chat .smilesCategory {
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    color: rgb(0, 0, 0);
    font-size: 12px;
}

.profile .userLevelBlock {
    text-align: left;
    color: white;
    margin-top: 30px;
}

.inputPhoneComment {
    margin-bottom: 20px;
    margin-top: -10px;
    padding: 10px;
}

.profile .profileUserLikes {
    color: gold;
}

.profile .profileUserLikes:hover {
    color: white;
    cursor: pointer;
}

.profile .profile-user-og {
    color: gold;
    padding-left: 10px;
}

.profile .userLevelBlock .levelProgressBar {
    width: 100%;
    height: 40px;
    background-color: rgb(6, 79, 104);
    border-radius: 5px;
    margin: 20px 0px;
    -webkit-box-shadow: 0px 2px 0px rgb(0, 72, 96);
    box-shadow: 0px 2px 0px rgb(0, 72, 96);
    text-align: center;
}

.profile .userLevelBlock .levelProgressBar .percent,
.profile .userLevelBlock .levelProgressBar .amount {
    position: absolute;
    top: 0px;
    width: 100%;
    font-size: 30px;
    font-weight: 900;
    padding-top: 17px;
    opacity: 0.6;
    cursor: pointer;
}

.profile .userLevelBlock .levelProgressBar .ProgressBarCurrent {
    background-color: rgb(27, 219, 77);
    height: 40px;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bf32+0,009928+100 */
    background: #00bf32;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #00bf32 0%, #009928 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#00bf32), to(#009928));
    background: linear-gradient(to bottom, #00bf32 0%, #009928 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00bf32', endColorstr='#009928', GradientType=0);
    /* IE6-9 */
}

.profile .userLevelBlock .currentLevel,
.profile .userLevelBlock .nextLevel {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 130%;
    color: rgb(98, 185, 215);
}

.profile .userLevelBlock .currentLevel .level,
.profile .userLevelBlock .nextLevel .level {
    font-size: 60px;
    line-height: 70%;
    font-weight: 900;
    margin-bottom: 10px;
}

.profile .userLevelBlock .nextLevel .level {
    color: rgb(13, 210, 65);
}

.profile .userLevelBlock .nextLevelBonus {
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 12px;
    color: rgb(255, 215, 0);
    padding-top: 10px;
}

.system-message .stream-alert img {
    width: auto;
}

.system-message a {
    color: #f1f1f1;
}

.system-message .stream-alert h5 {
    font-size: 23px;
    margin-top: 0px;
}

.system-message .stream-alert h6 {
    font-size: 18px;
    font-weight: 100;
}

.system-message .gift-promocode {
    background: url("../images/nd/chat/gift.png") bottom center no-repeat;
    background-size: 180px;
    min-height: 306px;
}

.system-message .gift-promocode h5 {
    margin: 24px 0 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    color: #f1f1f1;
}

.system-message .gift-promocode h6 {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #b8b8b8;
}

.system-message .gift-promocode h6 span {
    color: #ffa400;
    font-weight: 700;
}

.system-message .gift-promocode .promocode {
    width: auto;
    max-width: 100%;
    padding-bottom: 0px;
    border-radius: 6px;
    background: #fff;
    height: 48px;
}

.system-message .gift-promocode .promocode img {
    height: 100%;
    border-radius: 6px;
}

.chat .system-message-success {
    background: url("../images/nd/chat/bg.png") top center no-repeat;
    padding-top: 24px;
    padding-bottom: 0;
}

.chat .guess-the-number .userNick {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #f1f1f1;
}

.chat .guess-the-number img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
}

.chat .guess-the-number .results {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #b8b8b8;
}

.chat .guess-the-number .results span {
    color: #f1f1f1;
}

.system-message .guess-the-number-start {
    margin-top: 24px;
    background-image: url(../images/nd/chat/guess.png);
    background-color: #000;
    background-position: center 24px;
    background-repeat: no-repeat;
    border-radius: 6px;
}

.chat .system-message .guess-the-number.guess-the-number-start h4 {
    display: inline-block;
    margin-top: 24px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #f1f1f1;
}

.chat .system-message .guess-the-number.guess-the-number-start h5 {
    padding-top: 150px;
}

.chat .system-message .guess-the-number.guess-the-number-start h6 {
    margin-top: 10px;
    padding-bottom: 24px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #b8b8b8;
}

.chat .system-message .guess-the-number.guess-the-number-start h6 span {
    font-weight: 700;
    color: #ffa400;
}

.chat .posttext {
    padding-right: 20px;
    display: inline-block;
    max-width: 220px;
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
    width: 100%;
}

.chat .posttext div > a {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 600;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: calc(100% - 52px);
}

.chat .posttext div + a {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.chat .nick {
    line-height: normal;
    margin: -3px 0 5px;
    padding: 0;
}

.chat .user-og-badge .replyNickClick:after {
    content: "𝕺𝕲";
    padding: 2px 5px;
    background: #5cb85c;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
}

#chatBody {
    /*display: none;*/
}

.problemNotice {
    padding: 0px 10px;
    margin-top: -6px;
    margin-bottom: 20px;
    color: grey;
    font-size: 12px;
}

.problemNotice a {
    text-decoration: underline;
}

.tradeshistoryNone {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    margin: 20px 0px 20px 0px;
    padding-bottom: 20px;
    color: green;
    font-weight: 100;
    /*display: none;*/
}

#tradeshistory {
    /*display: none;*/
}

#showAllTrades {
    display: block;
    text-align: center;
    padding: 20px 0px;
    font-size: 20px;
}

#showAllTrades a {
    color: black;
    border-bottom: 1px dotted;
}

#showAllTrades a:hover {
    color: #888;
}

.battlehistorypage .gangsta-top .number {
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}

.battlehistorypage h4 {
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.tradelinkNotice {
    padding: 16px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.tradelinkNotice a {
    color: #719bd7;
    text-decoration: underline;
    font-weight: 500;
}

.bomba h2 {
    color: gold;
}

.bomba .bombatext {
    /*background-color: #3B3B3B;*/
    /*font-size: 30px;*/
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b3b3b+0,262626+100 */
    background: #3b3b3b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(315deg, #3b3b3b 0%, #262626 100%);
    background: linear-gradient(135deg, #3b3b3b 0%, #262626 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#262626', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.bomba .bombatext h3 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: 100;
    color: #fff3af;
    margin-bottom: 4px;
}

.bomba .bombatext p {
    margin-bottom: 20px;
    padding-left: 17px;
}

.footer {
    /*margin-right: 40px;*/
}
.footer-wrapper {
    margin: 20px auto 0;
    max-width: 1440px;
    padding: 0 16px;
    position: relative;
}

.footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-menu {
    margin: 0;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 5px;
    display: block;
}

.footer-menu li a {
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
}

.footer-socials h4 {
    margin: 0 0 13px;
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
}

.footer-socials__list {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.footer-socials__list li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.footer-socials__list li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 44px;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
}

.footer-socials__list li a:hover {
    background: rgba(96, 95, 104, 0.3);
}

.footer-admins h4 {
    margin: 0 0 13px;
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
}

.footer-admins__list {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.footer-admins__list .admin {
    position: relative;
    padding: 6px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    background: transparent;
    border: none;
}

.admin-popup {
    position: absolute;
    top: -6px;
    right: -246px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    border-radius: 10px;
    min-height: 150px;
    width: 240px;
    -webkit-box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.25);
    background: url("../images/nd/ui/admin-popup.png") right bottom no-repeat,
    #1c1c1c;
    padding: 20px 20px 12px;
}

.admin-popup__close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 8px;
    right: 8px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.admin-popup__close img {
    width: 16px;
}

.admin-popup__text {
    margin: 0 0 18px;
    width: 168px;
    font-weight: 500;
    font-size: 12px;
    color: #f1f1f1;
}

.admin-popup__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.admin-popup__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.footer-admins__list .admin-name {
    margin-left: 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: #7e8487;
}

.footer-admins__list .admin:hover {
    background: rgba(96, 95, 104, 0.3);
}

.newyear .footer {
    margin-top: 200px;
    position: relative;
    padding: 95px 0 0;
    background: url("../images/newyear/footer-snow.png") center top repeat-x;
}
.newyear .footer:after {
    content: '';
    background: url("../images/newyear/santa-bad.png") center no-repeat;
    height: 255px;
    width: 255px;
    right: 60px;
    top: -212px;
    z-index: -1;
    position: absolute;
}
.newyear .footer:before {
    content: '';
    background: url("../images/newyear/tree.png") center repeat-x;
    height: 240px;
    width: 164px;
    left: 80px;
    top: -188px;
    z-index: -1;
    position: absolute;
}

.footer .adminDescr {
    font-size: 12px;
    line-height: 120%;
    color: #adadad;
}

.footer .copyright {
    margin: 26px auto 21px;
    font-weight: 500;
    font-size: 10px;
    color: #605f68;
}

.newyear .footer .copyright {
    color: #f1f1f1;
}
.newyear .footer-menu li a {
    color: #f1f1f1;
}
.newyear .footer-socials h4 {
    color: #f1f1f1;
}
.newyear .footer-admins h4 {
    color: #f1f1f1;
}
.newyear .footer-admins__list .admin-name {
    color: #f1f1f1;
}

.admin-nick {
    color: red !important;
}

.moder-nick {
    color: red !important;
}

.vip-nick {
    color: #dbbd1b !important;
}

.bandName {
    /*color: #fff;*/
    text-transform: uppercase;
    font-weight: 100;
    font-size: 24px;
}

.bandName a {
    color: #dbbd1b;
    font-weight: 500;
}

.bandName a:hover {
    color: #fff;
}

.onlineuserslist .vip-avatar {
    outline: 2px solid gold;
    outline-offset: -2px;
}

.vip-avatar {
    /*box-shadow: inset 2px 2px 2px 2px  red;*/
    /*border: 2px solid gold;*/
    outline: 2px solid gold;
    outline-offset: -2px;
}

.chat .vip-avatar {
    -webkit-box-shadow: 0px 0px 0px 3px #ffbd00;
    box-shadow: 0px 0px 0px 3px #ffbd00;
    outline: none;
}

.finishbet .avatar .vip-avatar {
    -webkit-box-shadow: 0px 0px 0px 3px #ffbd00;
    box-shadow: 0px 0px 0px 3px #ffbd00;
    outline: none;
}

.double-winner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/nd/top/double-frame.png");
    background-size: cover;
    z-index: 1;
}
.nd .profile .avatar.blue.double-winner:after,
.nd .profile .avatar.red.double-winner:after,
.nd .profile .avatar.gold.double-winner:after,
.nd .profile .avatar.diamond.double-winner:after{
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.double-winner .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bitch-winner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/nd/top/bitch-frame.png");
    background-size: cover;
    z-index: 1;
}
.nd .profile .avatar.blue.bitch-winner:after,
.nd .profile .avatar.red.bitch-winner:after,
.nd .profile .avatar.gold.bitch-winner:after,
.nd .profile .avatar.diamond.bitch-winner:after {
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.bitch-winner .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.middle-winner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/nd/top/middle-frame.png");
    background-size: cover;
    z-index: 1;
}
.nd .profile .avatar.blue.middle-winner:after,
.nd .profile .avatar.red.middle-winner:after,
.nd .profile .avatar.gold.middle-winner:after,
.nd .profile .avatar.diamond.middle-winner:after{
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.middle-winner .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.room-winner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/nd/top/room-frame.png");
    background-size: cover;
    z-index: 1;
}
.nd .profile .avatar.blue.room-winner:after,
.nd .profile .avatar.red.room-winner:after,
.nd .profile .avatar.gold.room-winner:after,
.nd .profile .avatar.diamond.room-winner:after {
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
.room-winner .vip-avatar {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dailybonusblocktext {
    background-color: #3b3b3b;
    padding: 10px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b3b3b+0,262626+100 */
    background: #3b3b3b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(315deg, #3b3b3b 0%, #262626 100%);
    background: linear-gradient(135deg, #3b3b3b 0%, #262626 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#262626', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.dailybonusblocktext p {
    margin: 10px 0px;
    font-size: 17px;
}

.dailybonusblocktext .btn-warning,
.vipgangstablocktext .btn-warning {
    background-color: #c9821d;
}

.dailybonusblocktext .btn-warning:hover,
.vipgangstablocktext .btn-warning:hover {
    background-color: #ea9e32;
}

.vipgangstablock {
    background-color: #3b3b3b;
}

.vipgangstablocktext {
    padding: 10px;
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b3b3b+0,262626+100 */
    background: #3b3b3b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(315deg, #3b3b3b 0%, #262626 100%);
    background: linear-gradient(135deg, #3b3b3b 0%, #262626 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#262626', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.vipgangstablocktext img {
    margin: 0px 0px 15px 0px;
}

.vipgangstablocktext p {
    text-align: left;
    font-size: 17px;
}

.csgettodescription a {
    text-decoration: underline;
}

.crypto-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.crypto-header {
    width: 100%;
    height: 140px;
    background: url(../images/nd/freeskin/top-panel-bg.png) 0 0 no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.crypto-title {
    margin: 0;
    background: url(../images/nd/crypto/header.png) 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 265px;
    padding: 14px 0 14px 16px;
}
.crypto-wrapper {
    border-radius: 6px;
    margin: -70px 12px 24px;
    background: rgba(131, 128, 154, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 430px;
}
.crypto-left {
    width: 60%;
    padding: 40px 56px 140px;
    position: relative;
    background: url("/images/nd/crypto/bg.png") center bottom no-repeat;
}
.crypto-left .form-group {
    margin-bottom: 24px;
    padding: 0;
}
.crypto-left form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.crypto-summ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.crypto-input {
    background: transparent;
    border: none;
    outline: none;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 0;
}
.input-summ-cur {
    padding-left: 12px;
    color: #7e8487;
}
.crypto-equivalent {
    margin-bottom: 20px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    color: #f1f1f1;
}
.crypto-equivalent-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.crypto-equivalent-left img {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.crypto-wrapper .btn-success {
    width: 100%;
}

.crypto-box {
    border-radius: 20px;
    padding: 20px 24px;
    background: -o-linear-gradient(
            right,
            rgba(0, 219, 250, 0.6) 0%,
            rgba(0, 136, 189, 0.6) 100%
    );
    background: -webkit-gradient(
            linear,
            right top, left top,
            from(rgba(0, 219, 250, 0.6)),
            to(rgba(0, 136, 189, 0.6))
    );
    background: linear-gradient(
            270deg,
            rgba(0, 219, 250, 0.6) 0%,
            rgba(0, 136, 189, 0.6) 100%
    );
    position: relative;
    z-index: 1;
}
.crypto-box .referal__link {
    color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.crypto-row {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.crypto-title2 {
    font-weight: 700;
    font-size: 14px;
    color: #b8b8b8;
}
.crypto-back {
    font-size: 12px;
    color: #f1f1f1;
    background: none;
    border: none;
    padding: 0;
}
.crypto-back:hover {
    color: #fff;
}
.crypto-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #f1f1f1;
}

.crypto-right {
    width: 40%;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 27px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.crypto-right p {
    font-size: 12px;
    padding: 0 !important;
    margin: 0 0 21px;
    max-width: 400px;
}
.crypto-caption {
    padding: 0;
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
    margin: 0 0 24px;
}
.crypto-right p {
    font-size: 12px;
    padding: 0 !important;
}
.crypto-right p b {
    font-weight: 700;
    color: #f1f1f1;
}
.crypto-right p a {
    text-decoration: underline;
    color: #f1f1f1;
}
.crypto-right ol {
    margin: 18px 0 0;
    padding: 0;
    list-style-type: none;
}
.crypto-right li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    counter-increment: step-counter;
    margin-bottom: 22px;
    font-size: 12px;
}
.crypto-right li:before {
    content: counter(step-counter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #b8b8b8;
    background: rgba(96, 95, 104, 0.5);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
}

.crypto-qr {
    width: 100%;
    margin-top: 16px;
    border-radius: 20px;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(96, 95, 104, 0.2);
    border: none;
    outline: none;
}
.crypto-qr__text {
    font-weight: 700;
    font-size: 12px;
    color: #f1f1f1;
    margin-right: 12px;
    max-width: 178px;
}
.crypto-qr__img {
    width: 100px;
    height: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.crypto-qr__mobile {
    display: none;
}

#cryptoModal.getto-modal-body {
    background: #293134;
    border-radius: 6px;
    padding: 34px;
    max-width: 453px;
}
#cryptoModal.getto-modal-body .getto-modal-title {
    margin: 0 0 20px;
}
#cryptoModal.getto-modal-body .qr-modal {
    width: 100%;
}

.freeskin-header {
    width: 100%;
    height: 140px;
    background: url(../images/nd/freeskin/top-panel-bg.png) 0 0 no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.freeskin-title {
    margin: 0;
    background: url(../images/nd/freeskin/title.png) 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 158px;
    padding: 14px 0 14px 48px;
}

.freeskin-block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -64px 12px 28px;
    border-radius: 6px;
    background: url(../images/nd/freeskin/freeskin-bg.png) 0 top no-repeat;
    background-size: cover;
    overflow: hidden;
}

.freeskin-block__left {
    padding: 20px 60px;
}

.freeskin-block .freeskin-block__title {
    margin: 0 0 4px;
    color: #f1f1f1;
    font-size: 36px;
    font-weight: 700;
}

.freeskin-block__text {
    margin: 0 0 11px;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}

.freeskin-newbanner {
    margin-right: -283px;
    padding: 15px 47px 21px;
    position: relative;
    background: url("../images/nd/freeskin/new-bg.png") top left no-repeat;
    background-size: cover;
    width: 643px;
    font-family: "Inter", sans-serif;
}
.freeskin-newbanner:before {
    content: "";
    width: 40px;
    height: 68px;
    display: block;
    position: absolute;
    left: 13px;
    top: 46px;
    background: url("../images/nd/freeskin/arrow-1.png") top left no-repeat;
    background-size: cover;
}
.freeskin-newbanner__title {
    margin-bottom: 20px;
    font-style: italic;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    background: -o-linear-gradient(bottom, #ffac1c 0%, #ffed17 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#ffac1c), to(#ffed17));
    background: linear-gradient(360deg, #ffac1c 0%, #ffed17 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.freeskin-newbanner__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.freeskin-newbanner__item {
    position: relative;
    text-align: center;
    height: 73px;
    min-width: 73px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.freeskin-newbanner__text {
    font-style: italic;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: #f1f1f1;
    line-height: 12px;
}
.freeskin-newbanner__unlim {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 100%;
    position: absolute;
    border-radius: 30px;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.24);
    -webkit-transform: rotate(355deg);
    -ms-transform: rotate(355deg);
    transform: rotate(355deg);
}
.freeskin-newbanner__unlim span {
    white-space: nowrap;
    font-style: italic;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    background: -o-linear-gradient(bottom, #ffac1c 0%, #ffed17 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#ffac1c), to(#ffed17));
    background: linear-gradient(360deg, #ffac1c 0%, #ffed17 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.freeskin-newbanner__arrow {
    width: 24px;
    margin: 0 32px 0 24px;
}
.freeskin-info {
    font-weight: 500;
    font-size: 11px;
    color: #b8b8b8;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 13px;
    right: 16px;
}

.freeskin-info__link {
    margin-left: 8px;
    opacity: 0.6;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.freeskin-info__link:hover {
    opacity: 1;
}

.freeskin-info__mark {
    width: 16px;
    height: 16px;
}

.freeskin-block__right {
    padding: 60px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}

.nd .freeskin-open.btn-info.btn-red {
    margin: 0 auto 20px;
    font-size: 20px;
    width: 220px;
    height: 56px;
    position: relative;
}

.nd .freeskin-open.btn-info.btn-red:disabled {
    cursor: not-allowed;
    background: #583a3a;
}

.freeskin-img {
    margin-top: -120px;
}

#freeskinWait {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("../images/nd/freeskin/freeskin-loading.png") center center;
    background-size: cover;
    z-index: 111;
}

@-webkit-keyframes freeskinLoading {
    0% {
        -webkit-transform: scale(70%);
        transform: scale(70%);
    }
    50% {
        -webkit-transform: scale(100%);
        transform: scale(100%);
    }
    100% {
        -webkit-transform: scale(70%);
        transform: scale(70%);
    }
}

@keyframes freeskinLoading {
    0% {
        -webkit-transform: scale(70%);
        transform: scale(70%);
    }
    50% {
        -webkit-transform: scale(100%);
        transform: scale(100%);
    }
    100% {
        -webkit-transform: scale(70%);
        transform: scale(70%);
    }
}

#freeskinWait img {
    -webkit-animation: freeskinLoading linear 3s infinite;
    animation: freeskinLoading linear 3s infinite;
}

#freeskinGet {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("../images/nd/freeskin/freeskin-loading.png") center center;
    background-size: cover;
    z-index: 100500;
}

.freeskinGet-success {
    color: #f1f1f1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 40px;
}

.freeskinGet-item {
    margin-bottom: 40px;
    padding: 12px;
    width: 168px;
    height: 210px;
    border-radius: 6px;
    background: #293134;
}

.freeskinGet-item .winitemimg {
    width: 144px;
    height: 144px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.freeskinGet-item .winitemname {
    margin: 4px 0 6px;
    color: #f1f1f1;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.freeskin .freeskinGet-close {
    margin-top: 32px;
    color: #b8b8b8;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: 700;
    background: transparent;
    outline: none;
    border: none;
}

.freeskin-desktop {
    display: inline;
}
.freeskin-mobile {
    display: none;
}

.freeskin-crypto {
    padding: 44px 60px 52px;
    border-radius: 6px;
    background: url(../images/nd/freeskin/banner-big.png) right top no-repeat;
    background-size: cover;
    overflow: hidden;
}

.freeskin-crypto__title {
    margin-bottom: 11px;
    font-weight: 700;
    font-size: 36px;
    color: #f1f1f1;
}

.freeskin-crypto__per {
    background: -o-linear-gradient(bottom, #e5a538 0%, #ffefd3 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#e5a538), to(#ffefd3));
    background: linear-gradient(360deg, #e5a538 0%, #ffefd3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.freeskin-crypto__descr {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    color: #f1f1f1;
    max-width: 300px;
}

.freeskin-crypto.rightblock-item {
    background: url("../images/nd/freeskin/banner-small-v1.png") 0 0 no-repeat !important;
    width: 280px;
    height: 150px;
    padding: 20px 24px;
}
.freeskin-crypto.rightblock-item .freeskin-crypto__title {
    margin-bottom: 0;
    font-size: 18px;
}
.freeskin-crypto.rightblock-item .freeskin-crypto__descr {
    margin-bottom: 15px;
    font-size: 14px;
}

.freeskin-banner2.rightblock-item {
    position: relative;
    background: url("../images/nd/freeskin/banner-small-v2.png") 0 0 no-repeat;
    width: 280px;
    height: 150px;
    padding: 16px;
}
.freeskin-banner2__title {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 18px;
    background: -o-linear-gradient(bottom, #e5a538 0%, #ffefd3 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#e5a538), to(#ffefd3));
    background: linear-gradient(360deg, #e5a538 0%, #ffefd3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.freeskin-banner2__descr {
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 10px;
    text-transform: uppercase;
    color: #f1f1f1;
}
.freeskin-banner2__summ {
    position: absolute;
    left: 60px;
    bottom: 22px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
.freeskin-banner2.nd .btn-info.btn-red {
    min-width: 100px;
    position: absolute;
    right: 16px;
    bottom: 18px;
}

.middle-banner.rightblock-item {
    position: relative;
    background: url("../images/nd/ui/middle-banner.png") 0 0 no-repeat;
    max-width: 280px;
    height: 150px;
    padding: 20px 24px;
}
.middle-banner.rightblock-item .middle-banner__title {
    background: -o-linear-gradient(bottom, #e5a538 0%, #ffefd3 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#e5a538), to(#ffefd3));
    background: linear-gradient(360deg, #e5a538 0%, #ffefd3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    font-size: 20px;
}
.middle-banner.rightblock-item .middle-banner__descr {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #f1f1f1;
    max-width: 300px;
}

.middle-banner__sale {
    position: absolute;
    bottom: 48px;
    right: 15px;
    font-weight: 700;
    font-size: 12px;
    color: #f1f1f1;
    padding: 5px 10px;
    -webkit-backdrop-filter: blur(2.7182817459106445px);
    backdrop-filter: blur(2.7182817459106445px);
    background: rgba(41, 49, 52, 0.7);
    border: 1px solid #606060;
    border-radius: 6px;
    -webkit-transform: rotate(-14.43deg);
    -ms-transform: rotate(-14.43deg);
    transform: rotate(-14.43deg);
}
.middle-banner__btn {
    display: block;
    padding: 10px;
    width: 110px;
    height: 38px;
    border-radius: 6px;
    border: 1px solid #666;
    background: rgba(28, 28, 28, 0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(201, 201, 201, 0.4) inset;
    box-shadow: 0px 0px 15px 0px rgba(201, 201, 201, 0.4) inset;
    color: #f1f1f1;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    line-height: 15px;
    font-weight: 700;
}

.newsystem-banner {
    position: relative;
    background: url("../images/nd/ui/newsystem-banner.png") 0 0 no-repeat;
    width: 280px;
    height: 150px;
    padding: 20px 24px;
}
.newsystem-banner__title {
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    background: -o-linear-gradient(bottom, #e5a538 0%, #ffefd3 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#e5a538), to(#ffefd3));
    background: linear-gradient(360deg, #e5a538 0%, #ffefd3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.newsystem-banner__descr {
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    color: #f1f1f1;
    margin-bottom: 8px;
}
.newsystem-banner__per {
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #f1f1f1;
    margin-bottom: 8px;
}
.newsystem-banner__line {
    text-decoration: line-through;
}
.newsystem-banner__gold {
    color: #ffa400;
}

.newsystem-banner .btn-success {
    padding: 8px 0 !important;
    min-width: 120px !important;
}

.banner-skins {
    height: 207px;
    display: block;
    overflow: hidden;
}
.banner-skins img {
    width: 100%;
}

.freeskin-container {
    padding: 12px;
}

.nd .freeskin-container .title-line {
    color: #b8b8b8;
    margin-bottom: 20px;
}

.freeskin-card {
    position: relative;
    width: 100%;
    max-width: 335px;
    height: 160px;
    padding: 20px 24px;
    border-radius: 6px;
    background: #363c43;
}

.freeskin-card__mark {
    position: absolute;
    right: 8px;
    top: 8px;
    opacity: 0.6;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.freeskin-card__mark:hover {
    opacity: 1;
}

.freeskin-card.connected {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.freeskin-card.connected .freeskin-card__title {
    color: #b8b8b8;
}

.freeskin-card.connected .freeskin-card__text {
    color: #b8b8b8;
}

.freeskin-card.connected .freeskin-card__btn {
    padding-left: 36px;
    background: url("../images/nd/freeskin/ico.svg") 12px 10px no-repeat,
    rgba(0, 0, 0, 0.2);
    cursor: default;
    pointer-events: none;
    color: #b8b8b8;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.freeskin-card + .title-line {
    margin-top: 28px;
}

.freeskin-card.card-vip {
    height: 150px;
    background: url("../images/nd/freeskin/freeskin-vip.png") right bottom;
    background-size: cover;
}
.freeskin-card.card-vk {
    background: url("../images/nd/freeskin/freeskin-vk.png") right bottom;
    background-size: cover;
}
.freeskin-card.card-tg {
    background: url("../images/nd/freeskin/freeskin-tg.png") right bottom;
    background-size: cover;
}

.freeskin-card__title {
    margin-bottom: 7px;
    color: #f1f1f1;
    font-size: 16px;
    font-weight: 700;
}

.freeskin-card__text {
    margin-bottom: 20px;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 500;
}

.freeskin-card__btn {
    padding: 7px 12px 9px;
    width: 120px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #666;
    background: rgba(28, 28, 28, 0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(201, 201, 201, 0.4) inset;
    box-shadow: 0px 0px 15px 0px rgba(201, 201, 201, 0.4) inset;
    color: #f1f1f1;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    font-weight: 700;
}

.freeskin-card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.resultblock .zatopitext {
    font-size: 14px;
    position: absolute;
    right: 17px;
    margin-top: 4px;
}

.getto-protect {
    padding: 10px;
}

.getto-protect img {
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    margin-right: 10px;
}

.getto-protect p {
    display: inline-block;
    font-size: 20px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    font-weight: 100;
    color: green;
    line-height: 120%;
}

.getto-protect p strong {
    font-weight: 400;
}

.getto-protect p span {
    font-size: 14px;
}

.balance-caption {
    margin: 20px 0;
    font-weight: 500;
    font-size: 14px;
    color: #b8b8b8;
}

.balance-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4px 1fr 4px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 4px 1fr 4px 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.balance-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.balance-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.balance-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.balance-grid > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.balance-grid > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.balance-grid > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.balance-grid > *:nth-child(7) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.balance-grid > *:nth-child(8) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.balance-grid > *:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

.balance-item {
    background: rgba(131, 128, 154, 0.15);
    border-radius: 6px;
    position: relative;
    padding: 38px 8px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.balance-item:hover {
    background: rgba(131, 128, 154, 0.3);
}

.balance-item.balance-item-gold {
    background: rgba(255, 191, 51, 0.15);
    border: 1px solid rgba(255, 175, 0, 0.6);
}

.balance-item.balance-item-gold .balance-item__text {
    color: #ffb725;
}

.balance-item.balance-item-blue {
    background: rgba(0, 181, 244, 0.15);
    border: 1px solid rgba(0, 181, 244, 0.7);
}

.balance-item.balance-long {
}

.balance-item > img {
    width: 48px;
    height: 48px;
    margin-bottom: 9px;
}

.balance-item__text {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #b8b8b8;
}

.balance-promo {
    margin: 20px 0 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.balance-promo img {
    margin-right: 8px;
}

.balance-item__top {
    position: absolute;
    left: 8px;
    top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}

.balance-item__bonus {
    border-radius: 4px;
    padding: 1px 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2px;
    height: 16px;
}

.balance-item__bonus img {
    width: 14px;
    height: 14px;
    margin: 2px 0 0;
}

.balance-item__bonus span {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.balance-red {
    background: rgba(255, 0, 20, 0.3);
}

.balance-red span {
    background: -o-linear-gradient(top, #ffd8dc 0%, #ff0014 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd8dc), to(#ff0014));
    background: linear-gradient(180deg, #ffd8dc 0%, #ff0014 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.balance-green {
    background: rgba(21, 213, 8, 0.3);
}
.balance-green:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-bottom: -3px;
    background: url("../images/nd/balance/gift.svg") no-repeat;
}

.balance-green span {
    background: -o-linear-gradient(top, #d8ffe1 0%, #00ff0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d8ffe1), to(#00ff0a));
    background: linear-gradient(180deg, #d8ffe1 0%, #00ff0a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.balance-blue {
    background: rgba(0, 181, 244, 0.3);
}

.balance-blue span {
    background: -o-linear-gradient(top, #f1fbff 0%, #00b5f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f1fbff), to(#00b5f4));
    background: linear-gradient(180deg, #f1fbff 0%, #00b5f4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.balance-gold {
    background: rgba(255, 164, 0, 0.3);
}

.balance-gold span {
    background: -o-linear-gradient(top, #ffe174 0%, #ffa400 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe174), to(#ffa400));
    background: linear-gradient(180deg, #ffe174 0%, #ffa400 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.balance-item__currencies {
    position: absolute;
    margin: 0 auto;
    bottom: 8px;
    border-radius: 4px;
    background: rgba(131, 128, 154, 0.2);
    padding: 4px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #f1f1f1;
}

.balance-item.balance-select-filter:not(.all) {
    display: none;
}

.balance-item.balance-tab-filter {
    display: none;
}

.balance-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#balance-country {
    width: auto;
    height: 48px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #3c4148;
    border: none;
    font-weight: 700;
    font-size: 14px;
    color: #b8b8b8;
}

.balance-tabs {
    border-radius: 6px;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    width: 100%;
    background: rgba(131, 128, 154, 0.2);
}

.balance-tab {
    display: none;
}

.balance-tab + label {
    width: 100%;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    color: #b8b8b8;
    padding: 8px 22px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.balance-tab:checked + label {
    color: #f1f1f1;
    background: rgba(131, 128, 154, 0.2);
}

.balance-tab + label img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.balance-banners {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    width: 100%;
}
.balance-banner {
    position: relative;
    width: calc(50% - 6px);
    border-radius: 6px;
    height: 60px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: left center;
}
.balance-banner:nth-of-type(1) {
    background-image: url("../images/nd/balance/banner1.png");
}
.balance-banner:nth-of-type(2) {
    background-image: url("../images/nd/balance/banner2.png");
}
.balance-banner__percent {
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    background: -o-linear-gradient(bottom, #e5a538 0%, #ffefd3 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#e5a538), to(#ffefd3));
    background: linear-gradient(360deg, #e5a538 0%, #ffefd3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.balance-banner__text {
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    font-size: 12px;
    color: #f1f1f1;
}
.balance-banner__hint {
    position: absolute;
    right: 8px;
    top: 8px;
    opacity: 0.6;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.balance-banner__hint:hover {
    opacity: 1;
}

.upgrader-top {
    padding: 0 12px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    position: relative;
}
.upgrader-left {
    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: end;
    -ms-flex-pack: end;
    justify-content: end;
    overflow: hidden;
    border-radius: 6px;
    padding: 16px;
    width: calc(100% / 3 - 8px);
    position: relative;
    height: 306px;
    background: url("../images/nd/upgrader/bg6.jpg") center -80px no-repeat;
    background-size: 600px auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-left:not(.empty) .upgrader-left__items {
    overflow: hidden;
    margin-bottom: auto;
    margin-top: 45px;
}
.upgrader-left:not(.empty) .upgrader-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.upgrader-left:not(.empty) .slide:nth-of-type(1):last-child {
    height: 120px;
    margin: 0 auto;
}
.upgrader-left:not(.empty) .upgrader-left__items img {
    height: 60px;
    width: calc(100% / 3);
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.upgrader-left:not(.empty) .upgrader-left__items img.active {
    height: 100px;
}
.upgrader-left.empty {
    background: url("../images/nd/upgrader/bg3.jpg") center -80px no-repeat;
    background-size: 600px auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-left.empty .upgrader-left__items {
    position: absolute;
    left: 16px;
    top: 16px;
    width: calc(100% - 32px);
    height: 212px;
    background: url("../images/nd/upgrader/left-empty.png") center no-repeat;
    background-size: contain;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-left__info {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.upgrader-caption {
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 13px;
    color: #b8b8b8;
}
.upgrader-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.upgrader-selected-skins {
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}
.upgrader-value__summ {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.upgrader-value__hint {
    margin-right: 4px;
    font-weight: 500;
    font-size: 10px;
    color: #b8b8b8;
    border-radius: 4px;
    padding: 1px 5px;
    background: rgba(255, 255, 255, 0.1);
}
.upgrader-cur {
    font-weight: 700;
    font-size: 14px;
    color: #7e8487;
}
.upgrader-summ {
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}

.upgrader-center {
    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: end;
    -ms-flex-pack: end;
    justify-content: end;
    border-radius: 6px;
    padding: 16px;
    width: calc(100% / 3 - 8px);
    position: relative;
    height: 306px;
    background: url("../images/nd/upgrader/bg1.jpg") center -148px no-repeat;
    background-size: 590px auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-center:before {
    content: '';
    width: 158px;
    height: 173px;
    position: absolute;
    top: 15px;
    left: calc(50% - 79px);
    background: url("../images/nd/upgrader/center-empty.png");
    pointer-events: none;
}
.upgrader-center.empty {
    background: url("../images/nd/upgrader/bg5.jpg") center -148px no-repeat;
    background-size: 590px auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-center.empty:before {
    width: 132px;
    height: 132px;
    top: 34px;
    left: calc(50% - 66px);
    background: url("../images/nd/upgrader/chance.png");
}
.upgrader-center.empty .upgrader-roulette {
    display: none;
}
.upgrader-center.empty .upgrader-left__items {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 303px;
    height: 212px;
    background: url("../images/nd/upgrader/center-empty.jpg") center no-repeat;
    background-size: cover;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-center:not(.active) .upgrader-roulette {
    display: none;
}
.upgrader-center.active {
    background: url(../images/nd/upgrader/bg1.jpg) center -178px no-repeat;
    background-size: 740px auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.upgrader-center.active:before {
    display: none;
}
.upgrader-center.active .upgrader-center__ready {
    display: none;
}
.upgrader-roulette__img {
    display: block;
    margin-bottom: -3px;
    margin-left: calc(50% - 73px);
    width: 147px;
    height: 147px;
}
.upgrader-roulette__circle {
    position: relative;
}
.upgrader-roulette__timer {
    position: absolute;
    width: 145px;
    height: 145px;
    top: 0;
    left: calc(50% - 74px);
}
.upgrader-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 46px;
    width: 100%;
    left: 5px;
    text-align: center;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.upgrader-counter #counter-display {
    font-size: 35px;
}
.upgrader-roulette__timer .progressbar-text {
    display: none !important;
}
.upgrader-roulette__timer .progressbar-text:after {
    display: none !important;
}
.upgrader-roulette__info {
    margin-top: 41px;
}
.upgrader-roulette__text {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #B8B8B8;
    margin-bottom: 4px;
}
.upgrader-center__chance {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #F1F1F1;
}

.upgrader-center__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
}
.upgrader-center__left {
    padding-right: 16px;
}
.upgrader-center__title {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #b8b8b8;
    margin-bottom: 4px;
}
.upgrader-center__right {
    position: relative;
    padding-left: 16px;
}
.upgrader-center__right:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 8px;
    height: calc(100% - 16px);
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
}
.upgrader-center__chance {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #f1f1f1;
}
.upgrader-center__ready .btn-success {
    width: 100%;
}
.upgrader-center__ready .btn-success:disabled {
    opacity: 0.5;
}

.upgrader-right {
    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: end;
    -ms-flex-pack: end;
    justify-content: end;
    border-radius: 6px;
    padding: 16px;
    width: calc(100% / 3 - 8px);
    position: relative;
    height: 306px;
    background: url("../images/nd/upgrader/bg4.jpg") center -80px no-repeat;
    background-size: 600px auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-right.empty {
    background: url("../images/nd/upgrader/bg2.jpg") center -80px no-repeat;
    background-size: 600px auto;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-right.empty .upgrader-right__items {
    position: absolute;
    left: 16px;
    top: 16px;
    width: calc(100% - 32px);
    height: 212px;
    background: url("../images/nd/upgrader/right-empty.png") center -9px no-repeat;
    background-size: contain;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.upgrader-right__items .inventorItemImg {
    display: block;
    padding-bottom: 62px;
    height: 100%;
    max-height: 213px;
    -o-object-fit: cover;
    object-fit: cover;
    padding-top: 50px;
    margin: 0 auto;
}
.upgrader-right__info {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.upgrader-value__text {
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}
.upgrader-value__name {
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}
.upgrader-prize-summ {
    font-weight: 700;
    font-size: 14px;
    color: #f1f1f1;
}

.upgrader-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
}
.upgrader-inventory {
    position: relative;
    width: calc(50% - 6px);
    border-radius: 6px;
    padding: 16px;
    background: rgba(131, 128, 154, 0.15);
}
.upgrader-inventory-items.inventoryitems {
    margin: 0;
    max-height: 500px;
    width: calc(100% + 14px);
    overflow: auto;
}

.upgrader-exchanger {
    position: relative;
    width: calc(50% - 6px);
    border-radius: 6px;
    padding: 16px;
    background: rgba(131, 128, 154, 0.15);
}

.upgrader-exchanger .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.upgrader-exchanger-items {
    padding: 0 0 12px;
    display: block;
    width: calc(100% + 4px);
}

.upgrader-inventory__points .inventory-selectFirst {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin: 0;
}
.upgrader-inventory__points-row {
    padding-bottom: 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.upgrader-inventory__label {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #b8b8b8;
    margin: 0 16px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: 0;
    flex-direction: 0;
    white-space: nowrap;
}
.upgrader-inventory__input {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #585a5c;
    border-radius: 6px;
    padding: 12px;
    background: #2c3136;
}
.upgrader-input-points {
    background: transparent;
    border: none;
    width: 100%;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    color: #f1f1f1;
    outline: none;
}
.upgrader-inventory__points #errorPoints {
    color: red;
    font-size: 12px;
    display: none;
    position: absolute;
    bottom: -25px;
    background: #1e2025;
    padding: 2px 4px;
    border-radius: 4px;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.upgrader-inventory__info {
    font-weight: 500;
    font-size: 14px;
    text-align: right;
    color: #7e8487;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
}

.upgrader-bottom .index-inventory-title {
    display: none;
}
.upgrader-bottom .index-inventory-bet {
    display: none;
}

#upgraderHash {
    word-break: break-all;
    padding: 0 16px
}
#upgraderGameID {
    word-break: break-all;
    padding: 0 16px
}

.upgrader-exchanger__multiplier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.upgrader-exchanger__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    gap: 4px;
}
.upgrader-exchanger__button {
    border-radius: 6px;
    padding: 14px 15px;
    background: rgba(255, 255, 255, 0.1);
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    color: #b8b8b8;
    border: none;
}
.upgrader-exchanger__button.active {
    background: rgba(55, 141, 255, 0.46);
}

.upgrader-sort {
    width: 100%;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 12px;
}
.upgrader-sort__row {
    margin-top: 6px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.upgrader-sort .inventory-sort {
    margin-left: auto;
}
.upgrader-sort #index-inventory-sort.inventory-sort {
    margin-left: 0;
}
.upgrader-sort__row .inventory-selectFirst {
    margin: 0 0 0 auto;
}
.upgrader-search {
    margin-left: 16px;
    border-radius: 6px;
    padding: 3px;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.upgrader-search.active {
    background: rgba(255, 255, 255, 0.1);
}
.upgrader-search__input {
    display: none;
}
.upgrader-search__input.active {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.upgrader-winner {
    display: none;
}
.upgrader-winner.active {
    display: block;
    width: 100%;
    min-height: 306px;
    background: url("../images/nd/upgrader/bg.jpg") top center no-repeat;
    border-radius: 6px;
    padding: 50px 16px 20px 16px;
    overflow: hidden;
    position: relative;
}
.upgrader-winner__wrapper {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}
.upgrader-winner__title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #F1F1F1;
    margin: 0 0 2px;
}
.upgrader-winner__title br {
    display: none;
}
.upgrader-winner__name {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #B8B8B8;
    margin: 0 0 29px;
}
.upgrader-winner__hash {
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    color: #7E8487;
}
.upgrader-winner__shape {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(-777px, -660px);
    -ms-transform: translate(-777px, -660px);
    transform: translate(-777px, -660px);
}
.upgrader-winner.active .upgrader-winner__shape {
    -webkit-animation: upgraderShape 20s linear infinite;
    animation: upgraderShape 20s linear infinite;
}
.upgrader-winner__winner {
    position: absolute;
    top: 36px;
    left: 23px;
    right: 0;
    margin: 0 auto;
}
.upgrader-winner__stars {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.upgrader-winner.active .upgrader-winner__stars {
    -webkit-animation: upgraderStars 60s linear infinite;
    animation: upgraderStars 60s linear infinite;
}
.upgrader-winner__coins {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.upgrader-winner.active .upgrader-winner__coins {
    -webkit-animation: upgraderCoins 60s linear infinite;
    animation: upgraderCoins 60s linear infinite;
}

.upgrader-failed {
    display: none;
}
.upgrader-failed.active {
    display: block;
    width: 100%;
    min-height: 306px;
    background: url("../images/nd/upgrader/bg-failed.jpg") top center no-repeat;
    border-radius: 6px;
    padding: 50px 16px 20px 16px;
    overflow: hidden;
    position: relative;
}
.upgrader-failed__wrapper {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    margin-top: 140px;
}
.upgrader-failed__title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #F1F1F1;
    margin: 0 0 2px;
}
.upgrader-failed__title br {
    display: none;
}
.upgrader-failed__name {
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #B8B8B8;
    margin: 0 0 29px;
}
.upgrader-failed__hash {
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    color: #7E8487;
}
.upgrader-failed__shape1 {
    position: absolute;
    top: 252px;
    left: 150px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape1 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape2 {
    position: absolute;
    top: 196px;
    left: 17px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape2 {
    -webkit-animation: upgraderGlitch2 .1s linear infinite;
    animation: upgraderGlitch2 .1s linear infinite;
}
.upgrader-failed__shape3 {
    position: absolute;
    top: 224px;
    left: 503px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape3 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape4 {
    position: absolute;
    top: 127px;
    left: 0px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape4 {
    -webkit-animation: upgraderGlitch2 .1s linear infinite;
    animation: upgraderGlitch2 .1s linear infinite;
}
.upgrader-failed__shape5 {
    position: absolute;
    top: 176px;
    left: 0px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape5 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape6 {
    position: absolute;
    top: 38px;
    left: 63px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape6 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape7 {
    position: absolute;
    top: 22px;
    left: 548px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape7 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape8 {
    position: absolute;
    top: 27px;
    left: 621px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape8 {
    -webkit-animation: upgraderGlitch2 .1s linear infinite;
    animation: upgraderGlitch2 .1s linear infinite;
}
.upgrader-failed__shape9 {
    position: absolute;
    top: 72px;
    left: 502px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape9 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape10 {
    position: absolute;
    top: 127px;
    left: 503px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape10 {
    -webkit-animation: upgraderGlitch2 .1s linear infinite;
    animation: upgraderGlitch2 .1s linear infinite;
}
.upgrader-failed__shape11 {
    position: absolute;
    top: 204px;
    left: 503px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape11 {
    -webkit-animation: upgraderGlitch1 .1s linear infinite;
    animation: upgraderGlitch1 .1s linear infinite;
}
.upgrader-failed__shape12 {
    position: absolute;
    top: 249px;
    left: 565px;
    margin: 0 auto;
    opacity: .1;
}
.upgrader-failed.active .upgrader-failed__shape12 {
    -webkit-animation: upgraderGlitch2 .1s linear infinite;
    animation: upgraderGlitch2 .1s linear infinite;
}

.upgrader-mobile__control {
    display: none;
}

.upgrader-left__mobile {
    display: none !important;
}
.upgrader-right__mobile {
    display: none !important;
}

.upgraderSeed {
    margin: 0 auto 16px;
    width: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.upgraderSeed-input {
    border: none;
    padding: 0;
    background: transparent;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    width: calc(100% - 60px);
}

.upgrader-history {

}
.upgrader-history__game {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    padding: 16px;
    min-height: 178px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
}
.upgrader-history__target {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.upgrader-history__target-img {
    height: 100px;
}
.upgrader-history__target-name {
    font-size: 14px;
    line-height: 20px;
    color: #F1F1F1;
    text-align: center;
}
.upgrader-history__info {
    opacity: 0;
    width: 0;
    height: 120px;
}
.upgrader-history__game:hover .upgrader-history__target,
.upgrader-history__game:focus .upgrader-history__target {
    display: none;
}
.upgrader-history__game:hover .upgrader-history__info,
.upgrader-history__game:focus .upgrader-history__info {
    opacity: 1;
    width: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.upgrader-history__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
}
.upgrader-history__user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 6px;
}
.upgrader-history__user-name {
    font-size: 15px;
    color: #F1F1F1;
    white-space: nowrap;
}
.upgrader-history__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 6px;
}
.upgrader-history__bet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.upgrader-history__chance {
    font-size: 16px;
    color: #F1F1F1;
}
.upgrader-history__multi {
    font-size: 16px;
    color: #F1F1F1;
}
.upgrader-history__result {
    font-size: 16px;
    color: #F1F1F1;
}
.upgrader-history__points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 6px;
    height: 44px;
    min-width: 44px;
    font-size: 13px;
    color: #F1F1F1;
    border-radius: 3px;
    background: rgba(0,0,0,.5);
}
.upgrader-history__skin {
    width: 32px;
    height: 32px;
}

.upgraderGame.win .finishbet {
    background: url("../images/nd/upgrader/game-win.png") center top no-repeat;
    background-size: cover;
}
.upgraderGame.loss .finishbet {
    background: url("../images/nd/upgrader/game-lose.png") center top no-repeat;
    background-size: cover;
}
.upgraderGame-user {
    margin: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.upgraderGame-user__avatar {
    margin-right: 8px;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.upgraderGame-user__name {
    color: #f1f1f1;
    font-size: 16px;
}
.upgraderGame-bet {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}
.upgraderGame-bet__points {
    min-width: 80px;
    height: 90px;
    background: rgba(131, 128, 154, 0.2);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.upgraderGame-bet__points .upgrader-cur {
    font-size: 18px;
}
.upgraderGame-bet__points .upgrader-summ {
    font-size: 18px;
}
.upgraderGame-bet__skin {
    width: 80px;
    height: 90px;
    background: rgba(131, 128, 154, 0.2);
    border-radius: 6px;
    padding: 4px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.upgraderGame-bet__img {
    width: 60px;
    height: 60px;
    margin-bottom: 4px;
}

.upgrader-fast {
    z-index: 1;
}

.upgrader-range {
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 12px;
    margin-bottom: 32px;
}
.upgrader-range__track {
    position: absolute;
    width: 100%;
    height: 6px;
    background: #e0e0e0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 5px;
    z-index: 1;
}
.upgrader-range__range {
    position: absolute;
    height: 6px;
    background: #006fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 5px;
    z-index: 2;
}
.upgrader-range input[type="range"] {
    position: absolute;
    width: 100%;
    background: transparent;
    -webkit-appearance: none;
    z-index: 3;
    margin: 0;
    top: calc(50% - 11px);
    pointer-events: none;
}
.upgrader-range input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #006fff;
    -webkit-appearance: none;
    cursor: pointer;
    border: 3px solid white;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.upgrader-range input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #006fff;
    -webkit-appearance: none;
    cursor: pointer;
    border: 3px solid white;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.upgrader-range__values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 42px;
}
.upgrader-range__values span {
    background: #2c3136;
    padding: 4px 8px;
    border-radius: 6px;
    min-width: 40px;
    text-align: center;
    color: #f1f1f1;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.wheel-container {
    position: relative;
    width: 144px;
    height: 144px;
    margin: 0 auto;
}

#wheelCanvas {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.pointer {
    position: absolute;
    top: -39px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-color: #fdb910;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 10;
}

.pointer.green {
    background-color: #4CAF50;
}

.pointer.red {
    background-color: #F44336;
}

.value-display {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: bold;
    background: #072940;
    width: 134px;
    height: 134px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
}
.value-display img {
    width: 100px;
}

.modal {
    color: black;
}

.fairplay input {
    margin-bottom: 10px;
}

.fairplay h3 {
    font-weight: 100;
}

.modal-content {
    text-align: left;
}

.giftInfo {
    padding: 10px;
    margin: 20px 0px;
    background-color: #fcff76;
}

.giftInfo a {
    color: black;
    border-bottom: 1px dotted;
}

.exchanger-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: url("../images/nd/black-market/top-panel-bg.png"), #293134;
}

.gameblock {
    background: #fff;
}

.gameblock-wrapper {
    border-radius: 6px 6px 0px 0px;
    background: -o-radial-gradient(
            50% 129.41%,
            214.8% 72.16%,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0.05) 100%
    );
    background: radial-gradient(
            214.8% 72.16% at 50% 129.41%,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0.05) 100%
    );
}

.gameblock-settings__faq {
    position: absolute;
    top: 10px;
    left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    z-index: 1;
}
.gameblock-settings__faq img {
    margin-right: 8px;
    opacity: 0.6;
}
.gameblock-settings__faq:hover img {
    opacity: 1;
}

.nd.gameblock {
    position: relative;
    background: #293134;
}

.ten-years .nd {
    background: url("../images/nd/10-years/Mask.png") 0 0 no-repeat, #293134;
}
.ten-years .getto-modal-body {
    background: url("../images/nd/10-years/Mask.png") 0 0 no-repeat, #293134;
}
.ten-years .rightblock-trains:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 6px;
    width: 63px;
    height: 65px;
    background: url("../images/nd/10-years/asset3.png");
    pointer-events: none;
}
.ten-years #animateLstWin:after {
    content: '';
    position: absolute;
    top: -38px;
    left: 85px;
    width: 95px;
    height: 100px;
    background: url("../images/nd/10-years/bomb.png");
    pointer-events: none;
}
.ten-years #animate24Win:after {
    content: '';
    position: absolute;
    top: -5px;
    right: -9px;
    width: 132px;
    height: 62px;
    background: url("../images/nd/10-years/asset1.png");
    pointer-events: none;
}
.ten-years .account-info .dropdown:after {
    content: '';
    position: absolute;
    top: -15px;
    right: -11px;
    width: 35px;
    height: 29px;
    background: url("../images/nd/10-years/hat1.png");
    pointer-events: none;
}

.ten-years .chat .post-avatar:after {
    content: '';
    position: absolute;
    top: -15px;
    right: -20px;
    width: 35px;
    height: 29px;
    background: url("../images/nd/10-years/hat1.png");
    pointer-events: none;
}
.ten-years .header:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 276px;
    width: 145px;
    height: 41px;
    background: url("../images/nd/10-years/asset2.png");
    pointer-events: none;
}
.ten-years #doubleBets.red:after {
    content: '';
    position: absolute;
    top: -17px;
    left: 92px;
    width: 54px;
    height: 38px;
    background: url("../images/nd/10-years/asset4.png");
    pointer-events: none;
}
.ten-years #doubleBets.green:after {
    content: '';
    position: absolute;
    top: -29px;
    left: 92px;
    width: 60px;
    height: 47px;
    background: url("../images/nd/10-years/asset5.png");
    pointer-events: none;
}
.ten-years #doubleBets.black:after {
    content: '';
    position: absolute;
    top: -37px;
    left: 92px;
    width: 84px;
    height: 70px;
    background: url("../images/nd/10-years/asset6.png");
    pointer-events: none;
}
.ten-years__banner {
    padding: 16px;
    background: url("../images/nd/10-years/Chips.jpg") right bottom no-repeat !important;
    -webkit-box-shadow: 0 4px 26px 0 rgba(255, 211, 50, 0.7);
    box-shadow: 0 4px 26px 0 rgba(255, 211, 50, 0.7);
    background-size: cover !important;
}
.ten-years__banner h3 {
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    background: -o-linear-gradient(bottom, #ffac1c 0%, #ffed17 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#ffac1c), to(#ffed17));
    background: linear-gradient(360deg, #ffac1c 0%, #ffed17 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 13px;
}
.ten-years__banner .btn-info.btn-red {
    font-size: 12px;
    line-height: 13px;
    min-width: 139px;
    padding: 6px 16px;
}
#fireWorks {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100500;
    pointer-events: none;
    display: block;
    -webkit-transition: all 2s linear 0s;
    -o-transition: all 2s linear 0s;
    transition: all 2s linear 0s;

}


.nd .gameblock {
    background: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nd .selectgame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #4e4d57;
    overflow: auto;
}

.nd .selectgame .active {
    border-radius: 6px 6px 0 0;
    background: #00b5f4;
    color: #f1f1f1;
}

.nd .selectgame h3 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.nd .selectgame-tab {
    position: relative;
    width: 160px;
    margin-right: 12px;
    padding: 13px 12px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.nd .selectgame-tab img {
    margin-right: 8px;
}

.nd .selectgame-tab:not(.active) {
    border-radius: 6px 6px 0 0;
    background: transparent;
    border: 1px solid #707070;
    border-bottom: none;
}

.nd .selectgame-tab:not(.active) img {
    opacity: 0.5;
}

.nd .selectgame-tab .glyphicon {
    margin-right: 8px;
    border-radius: 50%;
    background: #605f68;
    color: #b8b8b8;
    padding: 2px;
    font-size: 12px;
    font-weight: normal;
}

.nd .glyphicon-plus:before {
    width: 11px;
    display: block;
    margin-left: 1px;
}

.nd .selectgame-tab.active .glyphicon {
    background: #fff;
    color: #00b5f4;
}

.exchangerH1 {
    background: url("../images/nd/black-market/tab.png") no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 192px;
    padding-left: 18px;
}

.exchanger .filters {
    margin: 4px 12px 16px;
    padding: 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.exchanger .filters .line1 {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.exchanger .filters .line1 .form-control {
    margin-right: 16px;
}

.exchanger .filters .line1 .form-control.input-search-wrapper {
    width: calc(50% - 11px);
    position: relative;
    padding-right: 32px;
}

.input-search-wrapper:after {
    content: "";
    position: absolute;
    right: 12px;
    top: calc(50% - 8px);
    background: url("../images/nd/black-market/search.png") center no-repeat;
    width: 16px;
    height: 16px;
}

.exchanger .line1 #exSelectName {
    margin: 0;
    background: transparent;
    border: none;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 0;
}

.exchanger .line1 #exSelectName:focus {
    outline: none;
}

.exchanger .line1 #exSelectType {
    width: calc(25% - 11px);
}

.exchanger .line1 #exSelectRarity {
    width: calc(25% - 11px);
    margin-right: 0;
}

.exchanger .filters .input-stattrak {
    width: 100px;
}

.exchanger .filters .line2 .input-summ-wrapper {
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: 28px;
}

.exchanger .filters .line2 .input-summ {
    background: transparent;
    border: none;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 0;
}

.exchanger .filters .line2 .input-summ:focus {
    outline: none;
}

.exchanger .filters .line2 .input-summ::-webkit-input-placeholder {
    color: #7e8487;
}

.exchanger .filters .line2 .input-summ::-moz-placeholder {
    color: #7e8487;
}

.exchanger .filters .line2 .input-summ:-ms-input-placeholder {
    color: #7e8487;
}

.exchanger .filters .line2 .input-summ::-ms-input-placeholder {
    color: #7e8487;
}

.exchanger .filters .line2 .input-summ::placeholder {
    color: #7e8487;
}

.input-summ-points {
    position: absolute;
    right: 12px;
    color: #7e8487;
}

.exchanger .filters .line2 .input-summ-wrapper + span {
    width: 21px;
    text-align: center;
}

.exchanger .filters .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.exchanger .filters .line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
}

.exchanger .filters .line2 .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(30% - 13.5px);
    margin-right: 16px;
    margin-bottom: 0;
}

.exchanger .filters .line2 .form-group.form-summ {
    width: calc(30% - 13.5px);
}

.exchanger .filters .line3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.exchanger .filters .line3 .form-group.nd-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 16px 0 0;
}

.exchanger .filters .line3 .form-group.nd-checkbox:nth-of-type(1) {
    width: calc(30% - 13px);
}

.exchanger .filters .line3 .form-group.nd-checkbox:nth-of-type(2) {
    width: calc(20% - 13px);
}

.exchanger .filters .line3 .form-group.sellOnly {
    gap: 12px;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}

.exchanger .filters .line3 .form-group.sellOnly .btn {
    position: relative;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.exchanger .filters .line3 .form-group.form-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-bottom: 0;
}

.exchanger .filters .form-submit .btn-success {
    margin-right: 16px;
}

.exchanger .line2 #exSelectTradeban {
    width: calc(20% - 13px);
    margin-right: 16px;
}

.exchanger .line2 #exSelectQuality {
    width: calc(25% - 11px);
}

.exchanger .pointsDescr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
    margin-top: 24px;
    margin-bottom: 24px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.pointsDescr-value {
    margin-right: 12px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}

.pointsDescr-value img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.pointsDescr > span {
    margin-right: 27px;
}

.nd .pointsDescr .btn-success {
    padding: 9px;
}

.exchanger .sort {
    margin: 0 12px;
    height: auto;
    width: auto;
    border: none;
    background: transparent;
    background-size: 10px;
}

.exchanger .sort:focus {
    background: none;
}

.exchanger .sort option {
    background: #1d2024;
}

.exchanger .items {
    margin-top: 12px;
    position: relative;
    min-height: 100px;
    padding: 0 12px 0 8px;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.exchanger .items h2 {
    text-align: left;
    margin-bottom: 0px;
}

.exchanger .items h3 {
    text-align: center;
    padding: 20px 0px;
    font-weight: 100;
}

.exchanger .items h3 a {
    text-decoration: underline;
}

.exchanger .item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 168px;
    min-height: 273px;
    margin: 0 0 4px 4px;
    text-align: center;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.exchanger .item.item-frozen {
    background: rgba(114, 174, 255, .15);
}

.exchanger .item-frozen__icon {
    position: absolute;
    top: 12px;
    right: 12px;
}

.tag-for-sale {
    position: relative;
}
.tag-for-sale:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: red;
}
.tag-for-bet {
    position: relative;
}
.tag-for-bet:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: orange;
}
.tag-for-deposit {
    position: relative;
}
.tag-for-deposit:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: black;
}

.tag-for-sale.tag-for-bet:not(.tag-for-deposit):before {
    background: -o-linear-gradient(left, red, red 50%, orange 51%);
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(50%, red), color-stop(51%, orange));
    background: linear-gradient(90deg, red, red 50%, orange 51%);
}
.tag-for-sale.tag-for-deposit:not(.tag-for-bet):before {
    background: -o-linear-gradient(left, red, red 50%, black 51%);
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(50%, red), color-stop(51%, black));
    background: linear-gradient(90deg, red, red 50%, black 51%);
}
.tag-for-bet.tag-for-deposit:not(.tag-for-sale):before {
    background: -o-linear-gradient(left, orange, orange 50%, black 51%);
    background: -webkit-gradient(linear, left top, right top, from(orange), color-stop(50%, orange), color-stop(51%, black));
    background: linear-gradient(90deg, orange, orange 50%, black 51%);
}
.tag-for-sale.tag-for-bet.tag-for-deposit:before {
    background: -o-linear-gradient(left, red, red 50%, orange 51%);
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(50%, red), color-stop(51%, orange));
    background: linear-gradient(90deg, red, red 50%, orange 51%);
}
.tag-for-sale.tag-for-bet.tag-for-deposit:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: black;
    -webkit-clip-path: polygon(-80% 180%, 50% 50%, 180% 180%, -80% 180%);
    clip-path: polygon(-80% 180%, 50% 50%, 180% 180%, -80% 180%);
}

.exchanger .item:hover,
.exchanger .item:focus {
    background: rgba(131, 128, 154, 0.3);
}

.exchanger .item .image {
    position: relative;
    border-radius: 3px;
}

.exchanger .item .itemName {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
    margin: 0 12px 12px;
    height: 36px;
    overflow: hidden;
}

.exchanger .item:hover .itemName,
.exchanger .item:focus .itemName {
    display: none;
}

.exchanger .item .item-tags {
    position: absolute;
    left: 12px;
    top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.exchanger .item .countItems {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.exchanger .item .wearShort {
    font-weight: 700;
    font-size: 10px;
    color: rgba(184, 184, 184, 0.7);
    border-radius: 4px;
    padding: 1px 4px;
    background: rgba(70, 78, 86, 0.6);
}

.exchanger .item:hover .wearShort,
.exchanger .item:focus .wearShort {
    display: none;
}

.exchanger .item .wearFull {
    display: none;
    font-weight: 700;
    font-size: 10px;
    color: rgba(184, 184, 184, 0.7);
    border-radius: 4px;
    padding: 1px 4px;
    background: rgba(70, 78, 86, 0.6);
}

.exchanger .item:hover .wearFull,
.exchanger .item:focus .wearFull {
    display: block;
}

.exchanger .item .statTrack {
    border-radius: 4px;
    position: relative;
    padding: 1px;
}
.exchanger .item .statTrack svg {
    width: 14px;
    height: 14px;
    z-index: 1;
}
.exchanger .item .statTrack div {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.2;
    top: 0;
    left: 0;
    border-radius: 4px;
}

.inventoryitem .inventory-tags {
    position: absolute;
    top: 6px;
    left: 4px;
    right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}

.inventoryitem .notSale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 0, 20, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #ff0014;
}

.inventoryitem .notBet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 164, 0, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #ffa400;
}

.inventoryitem .notDeposit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(0, 111, 255, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #006fff;
}

.exchanger-item .inventory-tags {
    position: absolute;
    top: 6px;
    left: 4px;
    right: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}

.exchanger-item .notSale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 0, 20, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #ff0014;
}

.exchanger-item .notBet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 164, 0, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #ffa400;
}

.exchanger-item .notDeposit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(0, 111, 255, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #006fff;
}

.exchanger .item .item-tags-right {
    position: absolute;
    right: 12px;
    top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.exchanger .item .notSale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 0, 20, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #ff0014;
}

.exchanger .item .notBet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(255, 164, 0, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #ffa400;
}

.exchanger .item .notDeposit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(0, 111, 255, 0.2);
    font-weight: 700;
    font-size: 10px;
    color: #006fff;
}

.exchanger .item .image .sale {
    font-size: 10px;
    position: absolute;
    top: 7px;
    left: 5px;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 252, 0);
    padding: 2px;
    border-radius: 13px;
}

.exchanger .item .image img {
    width: 100%;
    max-height: 109px;
    max-width: 109px;
    margin: 12px 12px 0;
}

.exchanger .item .pointPrice {
    color: #b8b8b8;
    font-size: 20px;
    font-weight: 700;
    margin: 4px 12px;
}

.exchanger .item:hover .pointPrice,
.exchanger .item:focus .pointPrice {
    color: #2bc9ff;
}

.exchanger .item .currencyPrice-box {
    display: none;
}

.exchanger .item:hover .currencyPrice-box,
.exchanger .item:focus .currencyPrice-box {
    display: block;
}

.exchanger .item .currencyPrice {
    padding: 0 12px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.exchanger .item .smallButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.exchanger .item .smallButton .btn-xs {
    width: 100%;
    min-width: initial;
    height: 36px;
    padding: 9px 0;
}

.exchanger .item .smallButton .countItemsInput {
    width: 30px;
    height: 36px;
    vertical-align: middle;
    margin-right: 4px;
    border-radius: 6px;
    border: 1px solid #585a5c;
    background: #2c3136;
    color: #7e8487;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.exchanger .item .smallButton .sht {
    font-size: 12px;
    vertical-align: bottom;
    color: #a5a5a5;
}

.exchanger .pagination {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.exchanger .pagination .btn-default {
    width: 44px;
    height: 44px;
    margin-right: 8px;
    padding: 14px;
    color: #7e8487;
    opacity: 1;
    background: rgba(131, 128, 154, 0.15);
}

.exchanger .pagination #exPageFirst .glyphicon-chevron-left {
    margin-left: -3px;
}

.exchanger .pagination #exPageLast .glyphicon-chevron-right {
    margin-left: -3px;
}

.exchanger .pagination .btn-default:last-child {
    margin-right: 0;
}

.exchanger .currentPage {
    display: inline-block;
    margin: 0 20px 0 12px;
    color: #7e8487;
    font-size: 13px;
    font-weight: 500;
}

#modalClassicHint b {
    color: #fff;
}

.output-banner {
    display: block;
    border: none;
    outline: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
}
.output-banner:hover {
    color: #f1f1f1;
}

.output-header {
    margin-bottom: 24px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: url(../images/nd/black-market/top-panel-bg.png), #293134;
    background-repeat: no-repeat;
}
.outputH1 {
    background: url("../images/nd/black-market/tab.png") no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    display: flex;
    width: fit-content;
    background-size: 100% 100%;
    padding-right: 30px;
    padding-left: 18px;
    white-space: nowrap;
}
.output-info {
    margin-bottom: 14px;
    padding: 0 24px;
}
.output-info__text {
    font-size: 16px;
}
.output-info__text span {
    color: #fff;
}
.output-balance {
    padding: 0 24px 80px;
}
.output-box .battle.thead > div {
    white-space: nowrap;
}

.classic-balance {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.classic-balance span {
    color: #fff;
}
.classic-balance-mark {
    opacity: .6;
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-left: 6px;
}

.cases-header {
    height: 400px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    background: url(../images/nd/cases/img-bg.png) top center no-repeat;
}
.cases-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: fit-content;
    min-width: 148px;
    padding: 0 30px;
    height: 40px;
    background: url(../images/nd/classic/title.png) center no-repeat;
    background-size: 100% 100%;
}
.cases-title h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    background: -o-linear-gradient( top, #959595 13.1%, #fff 50%, #e5dede 50%, #d8d8d8 88.59% );
    background: -webkit-gradient(linear, left top, left bottom, color-stop(13.1%, #959595), color-stop(50%, #fff), color-stop(50%, #e5dede), color-stop(88.59%, #d8d8d8));
    background: linear-gradient(180deg, #959595 13.1%, #fff 50%, #e5dede 50%, #d8d8d8 88.59%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cases-header__row {
    margin: auto 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cases-header__search {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #605F68;
    border-radius: 6px;
    padding: 12px 16px;
    background: transparent;
    backdrop-filter: blur(30px);
    width: 100%;
    max-width: 400px;
}
.cases-header__search input {
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    font-weight: 500;
    font-size: 14px;
    color: #f1f1f1;
    outline: none;
}
.cases-header__search input::placeholder {
    color: #7E8487;
}
.cases-header__search button {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: none;
    background: transparent;
    outline: none;
    flex-shrink: 0;
    opacity: .6;
}
.cases-header__search button:hover {
    opacity: 1;
}
.cases-main {
    padding: 24px 20px 64px;
}
.cases-category {
   padding-bottom: 54px;
}
.cases-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 24px;
}
.cases-caption:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, #7E8487 0%, #7E8487 54%, rgba(102, 102, 102, 0) 100%);
}
.cases-caption:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #7E8487 0%, #7E8487 54%, rgba(102, 102, 102, 0) 100%);
}
.cases-caption img {
    width: 24px;
    flex-shrink: 0;
    margin: 0 12px 0 20px;
}
.cases-caption span {
    margin-right: 20px;
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #F1F1F1;
    white-space: nowrap;
}
.cases-grid {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.case {
    position: relative;
    background: url("../images/nd/cases/bg.png");
    background-size: cover;
    width: 200px;
    height: 256px;
    flex-shrink: 0;
    transition: .3s;
}
.case-img {
    width: 168px;
    height: 168px;
    object-fit: cover;
    margin: 16px 16px 6px;
}
.case-name {
    font-weight: 600;
    font-size: 14px;
    color: #f1f1f1;
    margin: 0 16px 16px;
}
.case-price {
    margin-left: 16px;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #B8B8B8;
    transition: .3s;
}
.case-link {
    width: 95px;
    height: 34px;
    background: url("../images/nd/cases/bg-button.png") top right no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .3s;
    color: #7E8487;
}
.case:hover .case-link {
    background: url("../images/nd/cases/bg-button-2.png") top right no-repeat;
    color: #f1f1f1;
}
.case:hover .case-name {
    color: #03e900;
}
.case:hover {
    background: url("../images/nd/cases/bg-hover.png");
    background-size: cover;
}

.case-free-status {
    position: absolute;
    top: 18px;
    left: 18px;
    max-width: calc(100% - 36px);
    color: #f1f1f1;
    padding: 2px 4px;
    border-radius: 3px;
    background: rgba(0,0,0,.3);
    line-height: 1.1;
    font-size: 13px;
}
.case-free-status.success {
    color: #03e900;
}
.case-free-status.cooldown {
    color: #00b5f4;
}

.cases-header-detail {
    min-height: 480px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    background: url(../images/nd/cases/img-bg-detail.png) top center no-repeat;
}
.cases-back {
    position: absolute;
    top: 19px;
    left: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.1);
    padding: 5px 15px;
    border-radius: 6px;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    color: #F1F1F1;
    transition: .3s;
}
.cases-back:hover {
    background: rgba(255,255,255,.3);
}
.cases-back img {
    transform: rotate(180deg);
}

.cases-open {
    padding-bottom: 20px;
}

.cases-hidden {
    transition: .5s;
}

.cases-bonus {
    margin: 20px auto 0;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: .5s;
}

.cases-detail-case {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
}
.cases-detail-case-img {
    width: 228px;
    height: 228px;
    object-fit: cover;
    margin-bottom: 16px;
}
.cases-detail-case-name {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 32px;
    color: #f1f1f1;
}
.cases-detail-case-row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cases-detail-case-link {
    width: 190px;
    height: 56px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background: url(../images/nd/cases/btn-blue.png);
    background-size: cover;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #f1f1f1;
}
.cases-detail-case-link svg {
    width: 13px;
    height: 13px;
    margin-left: 6px;
}
.cases-detail-case-link:hover {
    filter: brightness(1.1);
}
.cases-detail-case-price {
    margin-left: -17px;
    padding-left: 20px;
    padding-right: 17px;
    height: 56px;
    min-width: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/nd/cases/btn-red.png);
    background-size: cover;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #f1f1f1;
}

.cases-tip-card {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 168px;
    text-align: center;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    padding: 12px;
}

.cases-hidden__row {
    margin-top: 28px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.cases-detail-grid {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.cases-blur {
    backdrop-filter: blur(30px);
}
.cases-roulette-arrow {
    position: absolute;
    top: -28px;
    right: calc(50% - 22px);
    z-index: 2;
}
.cases-roulette-center {
    position: absolute;
    top: 0;
    right: calc(50% - 92px);
    z-index: 1;
}

.cases-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.roulette-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 168px;
    text-align: center;
    border-radius: 6px;
    background: rgba(53, 54, 58, 0.3);
    opacity: 0.6;
    transition: .1s;
    overflow: hidden;
    flex-shrink: 0;
}
.roulette-item.active {
    transform: scale(1.02);
    background: #373d43;
    opacity: 1;
}
.roulette-item.win .cases-detail-pointPrice {
    color: #03e900;
}
.roulette-item.win .cases-detail-itemName {
    color: #f1f1f1;
}
.roulette-item.win:after {
    content: '';
    position: absolute;
    left: calc(50% - 60px);
    bottom: -40px;
    width: 120px;
    height: 47px;
    background: rgba(2, 197, 237, 0.7);
    filter: blur(55px);
}
.cases-detail-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 168px;
    text-align: center;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}
.cases-detail-image {
    position: relative;
}
.cases-detail-image img {
    margin: 8px 12px 10px;
    object-fit: cover;
}
.cases-detail-pointPrice {
    margin: 0 12px 6px;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #B8B8B8;
}
.cases-detail-itemName {
    margin: 0 12px 16px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #7E8487;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cases-detail-item-tags {
    position: absolute;
    left: 12px;
    top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.cases-detail-rarity {
    font-weight: 700;
    font-size: 10px;
    color: rgba(184, 184, 184, 0.7);
    border-radius: 4px;
    padding: 1px 4px;
    background: rgba(70, 78, 86, 0.6);
}
.cases-detail-wear {
    font-weight: 700;
    font-size: 10px;
    color: rgba(184, 184, 184, 0.7);
    border-radius: 4px;
    padding: 1px 4px;
    background: rgba(70, 78, 86, 0.6);
}

.cases-roulette-title {
    margin-top: 78px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: rgba(241, 241, 241, 0.6);
}
.cases-win-title {
    margin-top: 78px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #f1f1f1;
}
.cases-roulette {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 12px;
}
.cases-roulette-wrapper {
    position: relative;
    height: 255px;
}

#cases-again {
    display: flex;
}

#priceCur {
    white-space: nowrap;
}

.fillPoints {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 12px;
    padding: 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.fillPoints > a {
    position: absolute;
    right: 12px;
    top: 12px;
}

.fillPoints h3 {
    margin: 0 0 16px;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
}

.fillPoints .form-group {
    margin-bottom: 0;
    margin-right: 20px;
}

.fillPoints .buyPromocode {
    margin-bottom: 10px;
}

.fillPoints .buyPromocode a,
.fillPoints li a {
    text-decoration: underline;
    color: #fafcbb;
}

.fillPoints li {
    list-style: decimal;
}

.fillPoints form {
    margin-bottom: 20px;
}

.fillPoints__col {
    width: 50%;
}

.fillPoints ul {
    padding: 0;
}

.fillPoints li {
    position: relative;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
}

.fillPoints li:last-child {
    margin-bottom: 0;
}

.fillPoints li:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: #b8b8b8;
    background: rgba(96, 95, 104, 0.5);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
}

.fillPoints li:nth-child(1):before {
    content: "1";
}

.fillPoints li:nth-child(2):before {
    content: "2";
}

.fillPoints li:nth-child(3):before {
    content: "3";
}

.profile .moderBlock,
.band2-page .moderBlock {
    position: absolute;
    -webkit-box-shadow: 2px 2px 5px #333;
    box-shadow: 2px 2px 5px #333;
    color: #b8b8b8;
    border-radius: 6px;
    background: rgb(54 61 67);
    width: 250px;
    right: 0;
    top: 125px;
    font-size: 11px;
    text-align: left;
    line-height: 120%;
    z-index: 10;
    padding: 15px;
}

.profile .moderBlock-toggler {
    margin-left: auto;
    cursor: pointer;
    border-radius: 10px;
    background: rgba(23, 22, 26, 0.5);
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
}
.profile .moderBlock-toggler[data-toggle="open"] img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.profile .moderBlock-toggler[data-toggle="close"] img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.profile .moderBlock .banChat {
}

.profile .moderBlock h4 {
    margin: 0px 0px 10px 0px;
    font-size: 13px;
}

.profile .moderBlock .banChat .form-control {
    height: 28px;
    padding: 0px 5px;
    margin-bottom: 5px;
}

.profile .moderBlock .userInfo {
    margin-top: 10px;
}

.profile .moderBlock p {
    margin: 0px 0px 2px 0px;
    padding: 0px;
}

.profile .moderBlock p:last-child {
    margin: 0px 0px 0px 0px;
}

.errorEmailNotActivated {
    color: red;
    margin-top: -10px;
    margin-bottom: 15px;
    font-size: 14px;
}

.partner-header {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 188px 0 89px;
    background: url(../images/nd/referal/referal-bg.png) top center no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.partner-header__title {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/nd/referal/title.png) 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 300px;
    padding: 14px 0 14px 16px;
}

img.faq_mark {
    opacity: 0.6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

img.faq_mark:hover {
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.partner-header__faq {
    position: absolute;
    top: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}

.partner-header__faq img {
    margin-right: 8px;
    opacity: 0.6;
}

.partner-header__faq:hover {
    color: #b8b8b8;
}

.partner-header__faq:hover img {
    opacity: 1;
}

.partner-header__text {
    padding: 0 48px;
    margin-bottom: 20px;
    color: #f1f1f1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.partner-color {
    color: #ffa400;
}

.partner-header__desc {
    max-width: 548px;
    padding: 0 48px;
    margin-bottom: 20px;
    color: #f1f1f1;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.nd .partner__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 4px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.partner__title:after {
    content: "";
    margin-left: 6px;
    width: 100%;
    height: 1px;
    background: #4e4d57;
}

#coinflip .noActiveRooms {
    text-align: center;
    font-size: 24px;
    padding: 45px 0px;
    color: green;
    font-weight: 100;
}

.coinflipheader {
    padding: 20px 20px;
}

.coinflipheader p {
    margin: 0px;
    padding: 0px;
    text-align: right;
    color: grey;
}

#coinflip .room {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 12px 4px;
    border-radius: 6px;
    position: relative;
    background: rgba(131, 128, 154, 0.15);
}

#typeRoom {
    padding: 24px 20px 18px;
}

#coinflip #seeDuel:hover {
    cursor: pointer;
}

#coinflip .room-user-active {
    background-color: rgba(174, 245, 245, 0.05);
}

#coinflip .room-team-active {
    background-color: rgba(245, 242, 174, 0.05);
}

#coinflip .room-user-active #seeDuel .roomnew-info {
    /*color: black;*/
}

#coinflip .room .winnerPlayer {
    border: 2px solid #ffed8e !important;
}

#coinflip .player {
    max-width: 60px;
    height: 80px;
}

#coinflip .avatar {
    width: 30px;
    /* float: left; */
    margin: 10px 10px 10px 10px;
}

#coinflip .avatar img {
    border-radius: 50px;
}

#coinflip .player2 .avatar {
    float: right;
    margin: 10px 10px 10px 10px;
}

#coinflip .nick {
    white-space: nowrap;
    /* Отменяем перенос текста */
    overflow: hidden;
    /* Обрезаем содержимое */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-top: 10px;
    font-size: 20px;
    font-weight: 100;
}

#coinflip .options {
    text-align: center;
    /*margin-top: 7px;*/
    /*height: 50px;*/
    padding-top: 8px;
}

#coinflip .options .btn {
    /*width: 10px;*/
}

#coinflip .options .btn-success {
    background-color: #3a8c3a;
    /*border: #;*/
}

#coinflip .roomInfo {
    text-align: center;
}

#coinflip .bank {
    font-size: 23px;
    line-height: 100%;
    color: #b7b7b7;
    /*margin-top: 12px;*/
    /*width: 60%;*/
    /*margin: 12px auto 0px auto;*/
    /*text-align: left;*/
    height: 50px;
    padding-top: 11px;
    text-align: left;
    padding-left: 52px;
}

#coinflip .waiting .bank {
    color: #199516;
}

#coinflip .bank button {
    margin-right: 10px;
    height: 30px;
}

#coinflip .skins {
    font-size: 10px;
    margin-top: 2px;
    text-transform: uppercase;
    color: grey;
}

#coinflip .avatar img {
    max-width: 100%;
}

#coinflip .player2 {
    text-align: right;
}

#coinflip .moreInfo {
    padding: 24px 0 0;
}

.moreInfo-top {
    position: relative;
    z-index: 1;
}

#coinflip .moreInfo h3 {
    text-align: center;
    margin: 0px;
    font-size: 15px;
    color: grey;
    line-height: 150%;
}

#coinflip .moreInfo .player2bets {
    text-align: right;
}

#coinflip .betitem {
    height: 80px;
    margin-bottom: 0;
}

#coinflip .moreInfo .betitem {
    margin-bottom: 8px;
    height: 72px;
}

.timer-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    border-radius: 6px;
    border: 1px solid rgba(115, 115, 115, 0.7);
    opacity: 0.9;
    background: -o-linear-gradient(
            left,
            rgba(54, 61, 67, 0.5) 0%,
            rgba(54, 61, 67, 0.95) 100%
    ),
    url("../images/nd/classic/timer.png") left center repeat-x;
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(rgba(54, 61, 67, 0.5)),
            to(rgba(54, 61, 67, 0.95))
    ),
    url("../images/nd/classic/timer.png") left center repeat-x;
    background: linear-gradient(
            90deg,
            rgba(54, 61, 67, 0.5) 0%,
            rgba(54, 61, 67, 0.95) 100%
    ),
    url("../images/nd/classic/timer.png") left center repeat-x;
    background-size: contain;
    overflow: hidden;
}
.timer-text {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    color: #7e8487;
    text-align: center;
    font-family: Manrope;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: initial;
}

.timer-bar {
    width: 0;
    -webkit-clip-path: polygon(
            calc(100% - 20px) 0,
            100% 50%,
            calc(100% - 20px) 100%,
            0 100%,
            0 50%,
            0 0
    );
    clip-path: polygon(
            calc(100% - 20px) 0,
            100% 50%,
            calc(100% - 20px) 100%,
            0 100%,
            0 50%,
            0 0
    );
    height: 100%;
    background: #2c3237;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61) inset;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.61) inset;
    -webkit-transition: 1s width ease;
    -o-transition: 1s width ease;
    transition: 1s width ease;
    z-index: -1;
}

#coinflip .battleAction .timer {
    position: absolute;
    margin: 0 auto;
    display: block;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #fff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(54.14%, #fff),
            color-stop(54.5%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #fff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#coinflip .roomBetsLimitInfo {
    margin-top: 5px;
    color: #f8ff83;
}

#coinflip h3 {
    padding-left: 10px;
    font-weight: 100;
}

#coinflip .hash {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

#coinflip .room-hash:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0.6;
    background: url("../images/nd/double/check.svg") center no-repeat;
    background-size: cover;
}

#coinflip .room-hash {
    word-break: break-all;
}

#coinflip .roomnew .player {
    display: inline-block;
    margin: 0 8px 0 0;
}

#coinflip .avatar {
    width: auto;
    margin: 0px;
}

#coinflip .roomnew .player .avatar {
    display: inline-block;
    position: relative;
}

#coinflip .roomnew .player .avatar img {
    border-radius: 0px;
    width: 64px;
    height: 64px;
}

#coinflip .roomnew .player .winner {
    -webkit-box-shadow: 0px 0px 0px 5px gold;
    box-shadow: 0px 0px 0px 5px gold;
}

#coinflip .roomnew .player .empty-player {
    width: 64px;
    height: 64px;
    margin: 10px 0px 0px 10px;
    background-color: #cecece;
    border-radius: 0px;
}

#coinflip .roomnew .roomnew-info {
    font-size: 25px;
    line-height: 100%;
    color: #b7b7b7;
    margin: 10px 20px 0px 0px;
    text-align: right;
    padding-top: 18px;
    font-weight: 900;
}

.roomnew-info span.comment {
    /*color: #b7b7b7;*/
}

.roomnew-info .btn {
    margin-left: 10px;
}

#coinflip .roomnew-thead {
    color: #6e6e6e;
    font-size: 24px;
    text-transform: uppercase;
    /*padding: 10px 10px;*/
    font-weight: 100;
    position: relative;
}

#coinflip .roomnew-thead .row {
    margin: 10px 0px 10px 0px;
}

#coinflip .roomnew-thead .right {
    text-align: right;
}

.sort-rooms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#coinflip .roomnew .join-button {
    width: 60px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#coinflip .roomnew .join-button .btn-room {
    margin: 0;
    outline: none;
    width: 60px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px dashed #605f68;
    background: url("../images/nd/classic/plus.svg") center center no-repeat;
    background-color: rgba(31, 34, 37, 0.4);
}

#coinflip .roomnew .join-button .btn-room[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
}

#coinflip .roomnew .join-button #foreverDisabled {
    cursor: not-allowed;
    opacity: 0.6;
}

#coinflip .roomnew .join-button #foreverDisabled:active {
    cursor: not-allowed;
    opacity: 0.6;
}

#coinflip .roomnew .player-bet {
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#coinflip .roomnew .profile-small {
    width: 283px;
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#coinflip .roomnew .profile-small .avatar {
    margin-right: 12px;
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#coinflip .roomnew .profile-small .avatar img {
    width: 48px;
    height: 48px;
    border-radius: 6px;
}

#coinflip .roomnew .profile-small .nick-new > div {
    margin-bottom: 3px;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
    word-break: break-all;
}

#coinflip .roomnew .profile-small .nick-new a {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

#coinflip .roomnew .skins {
    width: 55%;
    font-size: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0px;
}

#coinflip .roomnew .skins .betitem img {
    height: auto;
}

.room-player-info {
    width: 18%;
    text-align: right;
    padding-left: 12px;
}
.room-player-value {
    margin-bottom: 3px;
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
}
.room-player-skins {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.room-new-action {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    border-radius: 6px;
    border: 1px solid rgba(115, 115, 115, 0.7);
    background: -o-linear-gradient(
            left,
            rgba(54, 61, 67, 0.5) 0%,
            rgba(54, 61, 67, 0.95) 100%
    ),
    url("../images/nd/classic/timer.png") left center repeat-x;
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(rgba(54, 61, 67, 0.5)),
            to(rgba(54, 61, 67, 0.95))
    ),
    url("../images/nd/classic/timer.png") left center repeat-x;
    background: linear-gradient(
            90deg,
            rgba(54, 61, 67, 0.5) 0%,
            rgba(54, 61, 67, 0.95) 100%
    ),
    url("../images/nd/classic/timer.png") left center repeat-x;
    background-size: contain;
}

#coinflip .roomnew h3 {
    margin: 0 0 0 20px;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}

.rooms-and-head-locker {
    cursor: not-allowed;
    background-color: #293134;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    opacity: 0.9;
    left: 0;
    top: 0;
    border-radius: 6px;
}

.bestNiggas {
    padding: 0px 0px;
    background-color: #3b3b3b;
}

.bestNigga {
    padding: 8px 10px;
}

.bestNigga:nth-child(2n) {
    background-color: #353535;
}

.bestNigga .avatar {
    display: inline-block;
    height: 40px;
    margin-right: 5px;
}

.bestNigga .avatar img {
    height: 100%;
    border-radius: 30px;
}

.bestNigga .nick {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 180px;
    vertical-align: top;
    color: #b0b0b0;
    line-height: 120%;
}

.bestNigga .biggestBet {
    font-size: 18px;
    color: white;
    margin-top: 5px;
}

.promo-banner-exchanger {
    background: url(../images/exchanger-promo.jpg) repeat;
    color: white;
    padding: 10px;
    margin: 20px 0px;
    text-shadow: 1px 1px 1px black;
    background-color: green;
}

.promo-banner-exchanger h3 {
    margin: 0px 0px 10px 0px;
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
}

.promo-banner-exchanger p {
    font-size: 20px;
    font-weight: 100;
}

.promo-banner-exchanger a {
    color: black;
    background-color: #4dec7f;
    text-shadow: none;
    padding: 3px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 2px 0px #15622d;
    box-shadow: 0px 2px 0px #15622d;
}

#promocode-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
    padding-top: 100px;
    background-color: rgba(0, 0, 0, 0.83);
}

#promocode-modal-content {
    width: 539px;
    /*height: 387px;*/
    height: 330px;
    display: block;
    margin: 0px auto;
    text-align: left;
    background: url("../images/nigga-promocode.png") no-repeat transparent;
}

#promocode-modal-content .startModalLogo img {
    margin-top: -15px;
}

#promocode-modal-content h3 {
    padding-left: 15px;
    padding-top: 55px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 31px;
    line-height: 135%;
}

#promocode-modal-content h3 span {
    color: gold;
}

#promocode-modal-content input[type="text"] {
    color: black;
    display: block;
    font-size: 26px;
    padding: 11px;
    line-height: 100%;
    border: 0px;
    text-align: center;
    width: 332px;
    -webkit-box-shadow: 4px 4px 0px #77818c;
    box-shadow: 4px 4px 0px #77818c;
    margin: 40px 0px 0px 15px;
    color: #111;
}

#promocode-modal-content p {
    margin-bottom: 35px;
    padding-left: 15px;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 7px;
    color: #f57777;
}

#promocode-modal-content .buttons .button {
    width: auto;
    padding: 5px 10px;
    margin-right: 40px;
    text-align: center;
}

div#promocode-modal div#promocode-modal-content div.buttons {
    margin-top: 20px;
}

#promocode-modal-content .buttons .otkaz {
    color: white;
    text-decoration: underline;
    vertical-align: top;
    font-size: 15px;
    padding-top: 5px;
    display: inline-block;
}

.streaming {
    position: fixed;
    top: 5px;
    right: 5px;
    background-color: #24712a;
    padding: 8px;
    border-radius: 10px;
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54ad4a+0,24712a+100 */
    background: #54ad4a;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #54ad4a 0%, #24712a 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#54ad4a), to(#24712a));
    background: linear-gradient(to bottom, #54ad4a 0%, #24712a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#54ad4a', endColorstr='#24712a', GradientType=0);
    /* IE6-9 */
    -webkit-box-shadow: 2px 2px 2px #0003;
    box-shadow: 2px 2px 2px #0003;
}

.streaming .title {
    text-transform: uppercase;
}

.streaming .streamer span {
}

.header-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 32px;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #f1f1f1;
    letter-spacing: 0;
    text-align: center;
    border: none;
    position: relative;
    width: 100%;
}

.header-alert p {
    margin: 0;
}

.header-alert .header-close-button {
    position: absolute;
    top: calc(50% - 6px);
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.header-alert.alert-info {
    background: rgba(57, 101, 116, 0.7);
    z-index: 1;
}
.header-alert.alert-warning {
    background: rgba(154, 23, 23, 0.7);
    z-index: 1;
}

.topAlert {
    background-color: red;
}

.topAlert p {
    max-width: 980px;
    margin: 0px auto;
    font-size: 20px;
    line-height: 130%;
    padding: 5px 0px;
}

.top-bands-header {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 117px 0 153px;
    background: url(../images/nd/gangs-top/bg.png) top center no-repeat;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.top-bands-header__title {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/nd/gangs-top/title.png) 0 0 no-repeat;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    width: 187px;
    padding: 14px 0 14px 16px;
}

.top-bands-header__faq {
    position: absolute;
    top: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}

.top-bands-header__faq img {
    margin-right: 8px;
    opacity: 0.6;
}

.top-bands-header__faq:hover {
    color: #b8b8b8;
}

.top-bands-header__faq:hover img {
    opacity: 1;
}

.top-bands-header__text {
    padding: 0 48px;
    margin-bottom: 20px;
    color: #f1f1f1;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.top-bands-header__desc {
    max-width: 548px;
    padding: 0 48px;
    margin-bottom: 20px;
    color: #f1f1f1;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.top-bands .createbandblock {
    text-align: right;
    padding-top: 10px;
    padding-right: 25px;
}

.top-bands .createbandblock .whaiIsBand {
    margin: 8px 11px 0px 0px;
    font-size: 15px;
}

.top-bands .createbandblock .whaiIsBand a {
    color: white;
    border-bottom: 1px dotted;
}

.top-bands .createbandblock .whaiIsBand a:hover {
    color: #999;
}

.top-bands .bands-ratings {
    padding: 0 12px;
    margin-top: -52px;
    margin-bottom: 52px;
}

.top-bands .bands-ratings + .title-line {
    padding-left: 24px;
}

.top-bands .bands-ratings .title-line {
    padding-left: 12px;
}

.bands-ratings-row {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.top-bands .bands-ratings .block {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 10px;
}

.top-bands .bands-ratings .block h2 {
    font-size: 20px;
    padding: 0px;
}

.top-bands .bands-ratings .block .band-small {
    font-size: 20px;
    font-weight: 100;
}

.top-bands .bands-ratings .block .band-small .band-name {
    font-weight: 900;
}

.top-bands .bands-ratings .block .band-small .band-summ {
    text-align: right;
}

.winner-band-small {
    width: 31%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15)
    url("../images/nd/gangs-top/Bitmap.png") 100% 100% no-repeat;
}

.winner-band-small:nth-of-type(1) {
    background: -o-radial-gradient(
            50% 100.37%,
            178.51% 48.6%,
            rgba(255, 185, 0, 0.18) 0%,
            rgba(0, 0, 0, 0) 100%
    ),
    rgba(131, 128, 154, 0.15) url("../images/nd/gangs-top/Bitmap.png") 100%
    100% no-repeat;
    background: radial-gradient(
            178.51% 48.6% at 50% 100.37%,
            rgba(255, 185, 0, 0.18) 0%,
            rgba(0, 0, 0, 0) 100%
    ),
    rgba(131, 128, 154, 0.15) url("../images/nd/gangs-top/Bitmap.png") 100%
    100% no-repeat;
}

.winner-band-small:nth-of-type(2) {
    background: -o-radial-gradient(
            50% 100.37%,
            178.51% 48.6%,
            rgba(234, 234, 234, 0.29) 0%,
            rgba(0, 0, 0, 0) 100%
    ),
    rgba(131, 128, 154, 0.15) url("../images/nd/gangs-top/Bitmap.png") 100%
    100% no-repeat;
    background: radial-gradient(
            178.51% 48.6% at 50% 100.37%,
            rgba(234, 234, 234, 0.29) 0%,
            rgba(0, 0, 0, 0) 100%
    ),
    rgba(131, 128, 154, 0.15) url("../images/nd/gangs-top/Bitmap.png") 100%
    100% no-repeat;
}

.winner-band-small:nth-of-type(3) {
    background: -o-radial-gradient(
            50% 100.37%,
            178.51% 48.6%,
            rgba(193, 91, 0, 0.32) 0%,
            rgba(0, 0, 0, 0) 100%
    ),
    rgba(131, 128, 154, 0.15) url("../images/nd/gangs-top/Bitmap.png") 100%
    100% no-repeat;
    background: radial-gradient(
            178.51% 48.6% at 50% 100.37%,
            rgba(193, 91, 0, 0.32) 0%,
            rgba(0, 0, 0, 0) 100%
    ),
    rgba(131, 128, 154, 0.15) url("../images/nd/gangs-top/Bitmap.png") 100%
    100% no-repeat;
}

.winner-band-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.winner-band-wrapper:before {
    content: "";
    width: 44px;
    height: 44px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 19px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.winner-band-small:nth-of-type(1) .winner-band-wrapper:before {
    background: url("../images/nd/gangs-top/place-1.png");
}

.winner-band-small:nth-of-type(2) .winner-band-wrapper:before {
    background: url("../images/nd/gangs-top/place-2.png");
}

.winner-band-small:nth-of-type(3) .winner-band-wrapper:before {
    background: url("../images/nd/gangs-top/place-3.png");
}

.winner-band-small:nth-of-type(4) .winner-band-wrapper:before {
    content: "4";
    background: #767676;
    border-radius: 50%;
    color: #1c1c1c;
    text-shadow: 0px 1px 0px #f3fafa;
    font-size: 20px;
    font-weight: 700;
}

.winner-band-small:nth-of-type(5) .winner-band-wrapper:before {
    content: "5";
    background: #767676;
    border-radius: 50%;
    color: #1c1c1c;
    text-shadow: 0px 1px 0px #f3fafa;
    font-size: 20px;
    font-weight: 700;
}

.winner-band-small .band-name {
    margin-bottom: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.winner-band-small .band-img {
    margin-left: 8px;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    border: 2px solid #1c1c1c;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.winner-band-small .band-points {
    color: #ffa400;
    font-size: 12px;
    font-weight: 500;
}

.top-bands .top-bands-today-header {
    font-size: 30px;
}

.top-bands .band {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 0;
}

.top-bands__table {
    margin-top: 20px;
    padding: 0 12px;
}

.top-bands__table > .band .place {
    background: url(../images/nd/top/place.png) 0 0 no-repeat;
    width: 39px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
}

.top-bands__table > .band:nth-of-type(1) .place {
    background: url(../images/nd/top/place-1.png) 0 0 no-repeat;
    color: #ffd600;
}

.top-bands__table > .band:nth-of-type(2) .place {
    background: url(../images/nd/top/place-2.png) 0 0 no-repeat;
    color: #fff;
}

.top-bands__table > .band:nth-of-type(3) .place {
    background: url(../images/nd/top/place-3.png) 0 0 no-repeat;
    color: #ffa400;
}

.top-bands .band:nth-of-type(1) .col-sm-1 {
    margin-bottom: -18px;
    margin-top: -18px;
    background: url(../images/nd/top/rectangle-1.png) 0 0 no-repeat;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-bands .band:nth-of-type(2) .col-sm-1 {
    margin-bottom: -18px;
    margin-top: -18px;
    background: url(../images/nd/top/rectangle-2.png) 0 0 no-repeat;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-bands .band:nth-of-type(3) .col-sm-1 {
    margin-bottom: -18px;
    margin-top: -18px;
    background: url(../images/nd/top/rectangle-3.png) 0 0 no-repeat;
    height: 84px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gangsta-page__user .nick {
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;
}

.gangsta-page__user .birthDay {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.top-bands .participants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    gap: 4px;
}

.top-bands .participants .gangster {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.top-bands .participants .gangster.merged {
    position: relative;
}

.top-bands .participants .gangster.merged:after {
    content: "+" attr(data-more);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(41, 49, 52, 0.75);
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 500;
}

.top-bands .participants .gangster img {
    width: 100%;
}

.top-bands .band .summ {
    color: #f1f1f1;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    font-weight: 700;
}

.top-bands .band .playedBattles {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.band-page {
    background-color: black;
    color: white;
}

.band-page .band-header {
    background: #304e72;
    /* Old browsers */
}

.band-page h1 {
    text-align: center;
    font-weight: 900;
    font-size: 80px;
    padding: 35px 0px 18px 0px;
    text-shadow: 3px 3px 0px #7a2c2b;
    margin: 0px;
    color: #ed5351;
}

.band-page .band-description {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
    color: #faebc4;
}

.band-page .band-stat {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    text-transform: uppercase;
    background-color: #333532;
    padding: 10px 0px;
    color: #9b8d69;
}

.band-page .digit {
    font-size: 40px;
    text-align: center;
    color: #faebc4;
    line-height: 120%;
    font-weight: 900;
    /*text-shadow: 3px 2px 0px #727272;*/
}

.band-page .band-gangsters {
    /*background-color: #0E4A76;*/
    background-color: #faebc4;
    /*padding-bottom: 20px;;*/
}

.band-page .band-gangsters h2 {
    font-size: 34px;
    margin-top: 20px;
    font-weight: 100;
    color: #333532;
    text-align: left;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 900;
}

.band-page .band-gangsters .gangster {
    line-height: 100%;
    margin-bottom: 20px;
}

.band-page .band-gangsters .gangster .number {
    display: inline-block;
    width: 50px;
    font-size: 30px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 16px;
    color: rgb(186, 173, 141);
    font-weight: 100;
}

.band-page .band-gangsters .gangster .avatar {
    display: inline-block;
    width: 60px;
    padding-right: 10px;
    vertical-align: top;
}

.band-page .band-gangsters .gangster .avatar img {
    width: 100%;
    border-radius: 100px;
}

.band-page .band-gangsters .gangster .gangster-info {
    display: inline-block;
    width: 290px;
}

.band-page .band-gangsters .gangster .gangster-info .nick {
    font-size: 20px;
    padding-top: 5px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 20px;
    color: #333532;
    line-height: 100%;
}

.band-page .band-gangsters .gangster .gangster-info .nickadmin {
    color: #a4251c;
}

.band-page .band-gangsters .gangster .gangster-info .gangster-stat {
    text-transform: uppercase;
    padding-top: 7px;
    color: #989898;
    font-weight: 100;
}

.band-page .band-gangsters .gangster .winSumm {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    padding-top: 15px;
    color: #333532;
}

.band-page .band-gangsters .gangster .btn {
    margin-top: 10px;
    /*display: block;*/
    /*display: none;*/
}

.band-page .join-to-band {
    text-align: center;
    padding-left: 20px;
    padding-bottom: 20px;
}

.band-page .join-to-band .btn-black {
    background-color: #253f2a;
}

.band-page .join-to-band .btn-black:hover {
    background-color: #33573a;
    color: white;
}

.band-page .Band-Battles-Title {
    margin-bottom: 0px;
}

.band-page .requests {
    text-align: center;
}

.band-page .request {
    background-color: #fff;
    color: #454545;
    width: 265px;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    margin: 0px 0px 10px 10px;
    -webkit-box-shadow: 0px 2px 0px #d7c69d;
    box-shadow: 0px 2px 0px #d7c69d;
}

.band-page .request .avatarka {
    display: inline-block;
    margin-right: 5px;
}

.band-page .request .avatarka img {
    width: 30px;
    border-radius: 2px;
}

.band-page .request .nickname {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 215px;
    font-size: 20px;
    vertical-align: middle;
    text-align: left;
}

.band-page .request .nickname a {
    color: #454545;
}

.band-page .request .actions {
    display: block;
    margin-top: 10px;
    text-align: center;
    /*display: none*/
}

.doubleGame {
    min-width: 800px;
    border-radius: 6px;
    background: #293134;
}

.doubleGame:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    background: url("../images/nd/double/icon.png");
}

.doubleGame-marks {
    position: absolute;
    right: 16px;
    top: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    z-index: 1;
}

.doubleGame-marks__btn {
    cursor: pointer;
    border-radius: 10px;
    background: rgba(23, 22, 26, 0.5);
    width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    outline: none;
}

.doubleGame-marks__btn img {
    opacity: 0.6;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.doubleGame-marks__btn:hover img {
    opacity: 1;
}

#repeatLast {
    align-self: center;
}

.doubleGame .barabanBlock {
    text-align: center;
    min-width: 440px;
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.doubleGame-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 148px;
    height: 40px;
    background: url("../images/nd/double/title.png") center no-repeat;
}

.doubleGame-title h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #fff 50%,
            #e5dede 50%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(50%, #fff),
            color-stop(50%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #fff 50%,
            #e5dede 50%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.doubleGame-title + .container-fluid {
    margin-top: 80px;
}

.doubleGame .betsBlock {
    max-width: 396px;
    margin: 100px auto 0;
    width: 100%;
}

.doubleGame .betsBlock h2 {
    font-size: 25px;
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    vertical-align: middle;
    font-weight: 400;
    color: black;
}

.doubleGame .betsBlock .pointsBalance {
    color: #7e8487;
    font-size: 16px;
    font-weight: 500;
}

.doubleGame-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.doubleGame-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 12px;
}

.doubleGame-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 13px;
}

.doubleGame .input-group-btn {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
}

.doubleGame .input-group-btn .btn {
    margin: 0;
    width: 33%;
    height: 100%;
    color: #f1f1f1;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    line-height: 44px;
    font-weight: 700;
}

.doubleGame .input-group-btn .btn:nth-child(1) {
    border-radius: 10px 0px 0px 10px;
    border: 1px solid #ff7474;
    background: -o-radial-gradient(
            50% 84.44%,
            100.51% 100.51%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    -o-linear-gradient(top, rgba(255, 0, 0, 0.48) 0%, rgba(255, 0, 0, 0.5)
            100%);
    background: -o-radial-gradient(
            50% 84.44%,
            100.51% 100.51%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    -o-linear-gradient(
            top,
            rgba(255, 0, 0, 0.48) 0%,
            rgba(255, 0, 0, 0.5) 100%
    );
    background: radial-gradient(
            100.51% 100.51% at 50% 84.44%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 0, 0, 0.48)),
            to(rgba(255, 0, 0, 0.5))
    );
    background: radial-gradient(
            100.51% 100.51% at 50% 84.44%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    linear-gradient(
            180deg,
            rgba(255, 0, 0, 0.48) 0%,
            rgba(255, 0, 0, 0.5) 100%
    );
    -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 140, 0, 0.69) inset;
    box-shadow: 0px 0px 15px 0px rgba(255, 140, 0, 0.69) inset;
}
.doubleGame .input-group-btn .btn:nth-child(2) {
    border: 1px solid rgba(20, 255, 0, 0.7);
    opacity: 0.9;
    background: -o-radial-gradient(
            50% 100.3%,
            104.05% 104.05%,
            rgba(20, 255, 0, 0.7) 0%,
            rgba(20, 255, 0, 0.17) 100%
    ),
    rgba(20, 255, 0, 0.2);
    background: radial-gradient(
            104.05% 104.05% at 50% 100.3%,
            rgba(20, 255, 0, 0.7) 0%,
            rgba(20, 255, 0, 0.17) 100%
    ),
    rgba(20, 255, 0, 0.2);
}
.doubleGame .input-group-btn .btn:nth-child(3) {
    border-radius: 0px 10px 10px 0px;
    border: 1px solid rgba(115, 115, 115, 0.7);
    opacity: 0.9;
    background: -o-radial-gradient(
            50% 100%,
            96.09% 97.94%,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.06) 100%
    ),
    #000;
    background: radial-gradient(
            96.09% 97.94% at 50% 100%,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.06) 100%
    ),
    #000;
}

.doubleGame-control {
    margin: 20px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.doubleGame-control__btn {
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    color: #7e8487;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    outline: none;
    border: 0;
    padding: 3px;
    margin: 0;
    min-width: 34px;
}

.doubleGame-control__btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.doubleGame-line .form-control {
    width: 45%;
    padding: 14px 20px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 10px;
    height: 56px;
}

.doubleGame .betsBlock .fillPointsBlock {
    text-align: right;
    padding-bottom: 20px;
}

.doubleGame .betsBlock h3 {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    font-size: 20px;
    color: rgb(0, 0, 0);
    font-weight: 100;
}

.doubleGame .betsBlock .sectorsBets .sector:nth-child(1) {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.doubleGame .betsBlock .sectorsBets .sector:nth-child(3) {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.doubleGame .betsBlock .sectorsBets .red:hover {
    background: #cb4925;
}

.doubleGame .betsBlock .sectorsBets .green:hover {
    background: #1ab03f;
}

.doubleGame .betsBlock .sectorsBets .black:hover {
    background: #17002b;
}

.doubleGame .betsBlock .sectorsBets .disabledSector {
    opacity: 0.5;
    cursor: default;
}

.doubleGame .betsBlock .sectorsBets .sector .betSumm {
    display: inline-block;
    width: 50%;
    font-size: 20px;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
}

.doubleGame .betsBlock .sectorsBets .sector .sectorCoeff {
    display: inline-block;
    width: 50%;
    font-size: 30px;
    text-align: right;
    opacity: 0.2;
    line-height: 100%;
    vertical-align: bottom;
    font-weight: 900;
    padding-right: 3px;
    padding-top: 20px;
}

.doubleGame .betsBlock .recentWins {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 0;
    border-radius: 8px;
    padding: 8px 12px;
    -webkit-box-shadow: inset 0 0 16px 0 rgba(0, 0, 0, 0.61);
    box-shadow: inset 0 0 16px 0 rgba(0, 0, 0, 0.61);
    background: rgba(0, 0, 0, 0.1);
}

.double-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.double-lasts {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 12px;
    -webkit-box-shadow: inset 0 0 16px 0 rgba(0, 0, 0, 0.61);
    box-shadow: inset 0 0 16px 0 rgba(0, 0, 0, 0.61);
    background: rgba(0, 0, 0, 0.01);
    border-radius: 8px;
    padding: 8px 12px;
}

.double-lasts__title {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: -30px;
}

.doubleGame .betsBlock .winSector {
    display: inline-block;
    background-color: black;
    border-radius: 100px;
    padding-top: 5px;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: top;
    color: #f1f1f1;
    font-size: 11px;
    font-weight: 800;
    opacity: 0.9;
}

.progressbar-text {
    font-family: Manrope;
    font-size: 70px !important;
    top: calc(50% - 11px) !important;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #fff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(54.14%, #fff),
            color-stop(54.5%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #fff 54.14%,
            #e5dede 54.5%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.progressbar-text:after {
    content: attr(data-text);
    display: block;
    color: #fff;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.6;
    -webkit-text-fill-color: initial;
    text-transform: lowercase;
}

.doubleGame .betsBlock .recentWins a:last-child {
    opacity: 0.3;
}

.doubleGame .betsBlock .recentWins a:nth-last-child(2) {
    opacity: 0.6;
}

.doubleGame .betsHeader .sectorCoeff {
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.doubleGame .usersBets .red .betsHeader {
    border: 1px solid rgba(255, 59, 59, 0.5);
    background: -o-radial-gradient(
            50% 100%,
            400.1% 101.79%,
            rgba(196, 12, 12, 0.59) 0%,
            rgba(216, 8, 8, 0.07) 100%
    ),
    rgba(254, 115, 115, 0.15);
    background: radial-gradient(
            400.1% 101.79% at 50% 100%,
            rgba(196, 12, 12, 0.59) 0%,
            rgba(216, 8, 8, 0.07) 100%
    ),
    rgba(254, 115, 115, 0.15);
}
.doubleGame .usersBets .red .betsHeader .sectorName {
    color: #ff3a3a;
}

.doubleGame .usersBets .green .betsHeader {
    border: 1px solid rgba(53, 228, 28, 0.6);
    opacity: 0.9;
    background: -o-radial-gradient(
            50% 100%,
            400.1% 101.79%,
            rgba(24, 196, 12, 0.59) 0%,
            rgba(22, 216, 8, 0.07) 100%
    ),
    rgba(21, 215, 7, 0.15);
    background: radial-gradient(
            400.1% 101.79% at 50% 100%,
            rgba(24, 196, 12, 0.59) 0%,
            rgba(22, 216, 8, 0.07) 100%
    ),
    rgba(21, 215, 7, 0.15);
}
.doubleGame .usersBets .green .betsHeader .sectorName {
    color: #0fe400;
}

.doubleGame .usersBets .black .betsHeader {
    border: 1px solid rgba(172, 172, 172, 0.49);
    opacity: 0.9;
    background: -o-radial-gradient(
            50% 100%,
            400.1% 101.79%,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.06) 100%
    ),
    #000;
    background: radial-gradient(
            400.1% 101.79% at 50% 100%,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.06) 100%
    ),
    #000;
}
.doubleGame .usersBets .black .betsHeader .sectorName {
    color: #b8b8b8;
}

.doubleGame .betsBlock .gameInfo {
    font-size: 12px;
    text-transform: uppercase;
}

.doubleGame .usersBets {
    margin-top: 36px;
    margin-bottom: 20px;
}

.doubleGame .usersBets .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.doubleGameInfo {
    margin-top: 56px;
}

.doubleGame .usersBets .betsHeader {
    position: relative;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: 10px 10px 0px 0px;
}

.doubleGame .usersBets .betsHeader .sectorName {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
}

.doubleGame .sectorPlayers {
    margin-right: 24px;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}

.doubleGame .sectorPlayers:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../images/nd/double/players.svg");
    vertical-align: middle;
}

.doubleGame .usersBets .betsHeader .sectorBalance {
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
}

.doubleGame .usersBets .betsHeader .sectorBalance {
    text-align: right;
}

.doubleGame .usersBets .betDouble {
    padding: 4px 12px 4px 4px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.doubleGame .usersBets .betDouble:not(:first-child):last-child {
    opacity: 0.5;
}

.doubleGame .usersBets .betDouble > a {
    display: inline-block;
    width: 65%;
    padding: 0 6px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.doubleGame .usersBets .betDouble > .nickname {
    display: inline-block;
    width: 65%;
    padding: 0 6px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.doubleGame .usersBets .betDouble .avatar {
    position: relative;
    margin: 0 6px 0 0;
    display: inline-block;
    width: 15%;
    max-width: 32px;
    border-radius: 6px;
    font-size: 15px;
    overflow: hidden;
}

.doubleGame #bets {
    height: 100%;
    display: block;
    padding: 16px 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: -o-linear-gradient(top, rgba(49, 64, 68, 0.7) 0%, #161616 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(49, 64, 68, 0.7)), to(#161616));
    background: linear-gradient(180deg, rgba(49, 64, 68, 0.7) 0%, #161616 100%);
}

.doubleGame .usersBets .betDouble .avatar img {
    max-width: 100%;
}

.doubleGame .usersBets .betDouble .summ {
    display: inline-block;
    width: 30%;
    font-size: 15px;
    text-align: right;
    font-weight: 900;
}

.doubleGame .betsBlock .red {
    border: 1px solid rgba(255, 0, 0, 0.7);
    background: radial-gradient(
            100.51% 100.51% at 50% 84.44%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 0, 0, 0.48)),
            to(rgba(255, 0, 0, 0.5))
    );
    background: radial-gradient(
            100.51% 100.51% at 50% 84.44%,
            rgba(255, 0, 0, 0.7) 0%,
            rgba(255, 0, 0, 0.17) 100%
    ),
    linear-gradient(
            180deg,
            rgba(255, 0, 0, 0.48) 0%,
            rgba(255, 0, 0, 0.5) 100%
    );
}
.doubleGame .betsBlock .double-lasts .red {
    border: 1px solid rgba(255, 0, 0, 0.9);
    background: rgba(255, 0, 0, 0.1);
    position: relative;
}
.doubleGame .betsBlock .double-lasts .red:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 0, 0, 0.4);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    z-index: -1;
}

.doubleGame .betsBlock .green {
    border: 1px solid rgba(20, 255, 0, 0.7);
    background: -o-radial-gradient(
            50% 100.3%,
            104.05% 104.05%,
            rgba(20, 255, 0, 0.7) 0%,
            rgba(20, 255, 0, 0.17) 100%
    ),
    rgba(20, 255, 0, 0.2);
    background: radial-gradient(
            104.05% 104.05% at 50% 100.3%,
            rgba(20, 255, 0, 0.7) 0%,
            rgba(20, 255, 0, 0.17) 100%
    ),
    rgba(20, 255, 0, 0.2);
}
.doubleGame .betsBlock .double-lasts .green {
    border: 1px solid rgba(20, 255, 0, 0.9);
    background: rgba(20, 255, 0, 0.1);
    position: relative;
}
.doubleGame .betsBlock .double-lasts .green:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(20, 255, 0, 0.4);
    -webkit-filter: blur(12px);
    filter: blur(12px);
    z-index: -1;
}

.doubleGame .betsBlock .black {
    border: 1px solid rgba(115, 115, 115, 0.5);
    background: -o-radial-gradient(
            50% 100%,
            96.09% 97.94%,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.06) 100%
    ),
    #000;
    background: radial-gradient(
            96.09% 97.94% at 50% 100%,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.06) 100%
    ),
    #000;
}

.doubleGame .betsBlock .double-lasts .black {
    border: 1px solid rgba(115, 115, 115, 0.9);
    position: relative;
}
.doubleGame .betsBlock .double-lasts .black:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #000;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    z-index: -1;
}

.doubleGame .betsBlock .roundDigit {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.2;
}

.roundDigit span {
    word-break: break-all;
}

.doubleGameInfo .hash {
    text-transform: uppercase;
    color: rgb(107, 75, 49);
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
}

.startbet + .doubleGameInfo {
    margin-top: 0;
}

#gameHash {
    word-break: break-all;
    word-wrap: break-word;
}

#doubleHash {
    word-break: break-all;
    word-wrap: break-word;
}

.footer h5 .contactSocial {
    width: 24px;
    height: 24px;
}

.inventory100skinNews {
    padding: 16px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.inventoryWarningAlert {
    padding: 10px;
    margin: 10px;
    background-color: rgb(252, 230, 230);
    border: 1px solid rgb(237, 170, 170);
    color: rgb(119, 72, 72);
    font-size: 13px;
}

.doubleGame .roulette-wrap {
    position: relative;
    width: 388px;
    height: 388px;
    margin: 80px auto 0;
}

.doubleGame .roulette-wrap .countdown {
    position: absolute;
    width: 184px;
    height: 184px;
    top: calc(50% - 90px);
    left: calc(50% - 92px);
}

.doubleGame.double-history .roulette-wrap {
    margin-top: 0;
}

.doubleGame.double-history .roulette-wrap .countdown {
    padding-top: 16px;
    width: 164px;
    height: 164px;
    top: calc(50% - 82px);
    left: calc(50% - 82px);
    text-align: center;
    font-size: 90px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.doubleGame.double-history .roulette-wrap .countdown span {
    background: -o-linear-gradient(
            top,
            #959595 13.1%,
            #fff 50%,
            #e5dede 50%,
            #d8d8d8 88.59%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(13.1%, #959595),
            color-stop(50%, #fff),
            color-stop(50%, #e5dede),
            color-stop(88.59%, #d8d8d8)
    );
    background: linear-gradient(
            180deg,
            #959595 13.1%,
            #fff 50%,
            #e5dede 50%,
            #d8d8d8 88.59%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.doubleGame .roulette-wrap .countdown svg {
    border-radius: 50%;
}

.doubleGame .roulette-wrap .msg-round {
    display: none;
    position: absolute;
    top: calc(50% - 90px);
    left: calc(50% - 92px);
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 184px;
    height: 184px;
    border-radius: 50%;
    z-index: 1;
    font-weight: 700;
}

.doubleGame .doublePageHeader {
    margin: 28px 0 0;
    color: #f1f1f1;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.double-history__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(0, 181, 244, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.double-history__close img {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.upgrader-history__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: none;
    background: rgba(0, 181, 244, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.upgrader-history__close img {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.double-history__change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7e8487;
    font-size: 13px;
    font-weight: 500;
}

.double-history__change:hover {
    color: #7e8487;
}

.double-history__change:hover img {
    background: rgba(131, 128, 154, 0.5);
}

.double-history__change img {
    padding: 13px;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.double-history__change.double-history__prev img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 16px;
}

.double-history__change.double-history__next img {
    margin-left: 16px;
}

.doubleGame.double-history .double-history__row {
    margin-top: 80px;
}

.double-history__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.doubleGame .roulette-wrap img {
    position: absolute;
    right: -41px;
    top: calc(50% - 32px);
}

.doubleGame .roulette {
    width: 490px;
    height: 490px;
    position: absolute;
    left: -51px;
    top: -51px;
    background: url("../images/nd/double/roulette.png") center no-repeat;
}

.bigSaleSkins {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 30px;
}

.bigSaleSkins img {
    max-width: 100%;
}

.fairplayPage {
}

.fairplayPage p {
    font-size: 20px;
    font-weight: 100;
    /*padding: 0px;*/
}

.fairplayPage li {
    font-size: 20px;
    font-weight: 100;
}

.fairplayPage img {
    width: auto;
    max-width: 100%;
    padding: 20px 20px 20px 20px;
}

.socialPage {
    text-align: center;
}

.socialPage h1 {
    font-weight: 100;
    font-size: 34px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.socialPage .closeWindow {
    margin-top: 20px;
}

.socialPage .closeWindow a {
    color: rgb(213, 213, 213);
    border-bottom: 1px dashed;
    font-size: 18px;
}

.socialPage .closeWindow a:hover {
    color: white;
}

.pormocodeModalContent .inputPromo {
    width: 260px;
    display: block;
    margin: 0px auto 5px auto;
    text-align: center;
}

.pormocodeModalContent .buttonActivatePromo {
    display: block;
    margin: 0px auto;
}
.pormocodeModalContent .buttonActivatePromoRef {
    display: block;
    margin: 8px auto 0;
    white-space: normal !important;
}

.pormocodeModalContent p {
    margin: 15px 0;
    padding: 0;
    text-align: center;
}

.pageband-header {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 82px 24px 0;
    background: -o-linear-gradient(top, rgba(41, 49, 52, 0) 22%, #293134 79.26%),
    url(../images/nd/band/bg.png);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, rgba(41, 49, 52, 0)), color-stop(79.26%, #293134)),
    url(../images/nd/band/bg.png);
    background: linear-gradient(180deg, rgba(41, 49, 52, 0) 22%, #293134 79.26%),
    url(../images/nd/band/bg.png);
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    color: #f1f1f1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.pageband-header__create {
    position: absolute;
    top: 20px;
    left: 24px;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    text-shadow: 0 0 10px #4e4e4e;
}

.pageband-header__btn {
    position: absolute;
    top: 24px;
    right: 24px;
}

.pageband-header__social {
    position: absolute;
    top: 50px;
    left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.pageband-header__social a {
    position: relative;
    opacity: 0.6;
}

.pageband-header__social a:hover {
    opacity: 1;
}

.pageband-header__logo {
    margin-bottom: 12px;
    border-radius: 6px;
    border: 4px solid #1c1c1c;
    width: 88px;
    height: 88px;
}

.pageband-header__bandName {
    margin: 0 0 4px;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pageband-header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    color: #b8b8b8;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.pageband-header__desc {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.pageband-header__row {
    width: 100%;
    margin-bottom: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.pageband-header__item {
    width: 25%;
    padding: 18px 12px 8px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pageband-header__icon {
    margin-bottom: 9px;
}

.pageband-header__caption {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.pageband-header__subtitle {
    color: #b8b8b8;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

.pageband-header__subtitle2 {
    margin-top: 4px;
    color: #f1f1f1;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.band2-page .bandheader {
    background-color: black;
    color: white;
    height: 340px;
    padding: 15px;
    position: relative;
    -webkit-box-shadow: inset 0px -120px 120px rgba(0, 0, 0, 0.66);
    box-shadow: inset 0px -120px 120px rgba(0, 0, 0, 0.66);
}

.band2-page .bandheader .band-vk-link {
    position: absolute;
    right: 10px;
    top: 10px;
}

.band2-page .bandheader .band-vk-link a {
    display: inline-block;
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.62);
    padding: 3px;
    border-radius: 5px;
}

.band2-page .bandheader .bandlogo {
    text-align: center;
}

.band2-page .bandheader .bandlogo img {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    /*border: 5px solid rgba(255, 255, 255, 0.66);*/
}

.band2-page .bandheader .bandName {
    text-align: center;
    font-weight: 500;
    text-transform: none;
    font-size: 70px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.69);
    line-height: 100%;
    margin-bottom: 30px;
}

.band2-page .bandheader .bandInfo {
    text-align: center;
    vertical-align: bottom;
    font-size: 20px;
    font-weight: 100;
    text-shadow: 1px 1px 1px black;
}

.band2-page .bandheader .bandInfo .icon {
    height: 71px;
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 55px;
}

.band2-page .bandheader .bandInfo sup {
    border-bottom: 1px dotted;
    font-size: 13px;
    vertical-align: top;
}

.band2-page .bandheadersmall {
    vertical-align: middle;
    height: auto;
}

.band2-page .bandheadersmall .line1 {
    vertical-align: middle;
}

.band2-page .bandheadersmall .line1 .bandlogo {
    display: inline-block;
    vertical-align: top;
}

.band2-page .bandheadersmall .bandName {
    display: inline-block;
    padding-top: 20px;
    padding-left: 20px;
}

.band2-page .bandStats {
    background: rgb(38, 41, 48) url(../images/band-bg-stats.jpg);
    text-align: center;
    padding: 10px;
    color: grey;
    border-top: 1px solid rgb(71, 74, 81);
}

.band2-page .bandStats .digit {
    font-size: 45px;
    line-height: 100%;
    font-weight: 500;
    color: white;
}

.band2-page .bandContent {
    padding: 40px 40px 52px;
}

.nd .band2-page .title-line {
    padding: 0 12px;
}

.band2-page .closedButton {
    background-color: grey;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}

.button-inline {
    display: inline-block;
    padding-left: 15px;
    margin-left: 0px;
}

.band2-page .leaders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.band2-page .leader {
    width: calc(25% - 9px);
    padding: 24px 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
    position: relative;
}

.band2-page .leader .statusLabel {
    display: none;
}

.band2-page .leader a {
    color: inherit;
    text-align: center;
}

.band2-page .gangsters {
    padding: 20px 12px;
}

.band2-page .gangster {
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}

.band2-page .gangster .account-tb {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.band2-page .gangster .account-tb__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.band2-page .gangster .dropdown-menu li {
    text-align: left;
}

.band2-page .gangster .dropdown-menu a {
    color: black;
    text-align: left;
}

.band2-page .gangster .avatar {
    margin-right: 12px;
    margin-left: 0;
    width: 48px;
    height: 48px;
    border-radius: 6px;
}

.band2-page .gangster .actions {
    max-width: 112px;
}

.band2-page .gangster .col1 {
    padding-left: 0px;
}

.band2-page .gangster .col2 {
    margin-top: 15px;
    font-size: 20px;
    line-height: 100%;
    text-align: left;
    padding-left: 0px;
}

.band2-page .gangster .col3 {
    margin-top: 5px;
    font-size: 18px;
    line-height: 120%;
    text-align: left;
}

.band2-page .gangster .nick {
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
}

.band2-page .gangster .position {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
}

.band2-page .gangster .winsumm {
    color: #f1f1f1;
    text-align: right;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    font-weight: 700;
}

.band2-page .leader .avatar img {
    border-radius: 6px;
    width: 80px;
}

.band2-page .leader .status {
    margin-top: 4px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.band2-page .leader .nick {
    margin-top: 16px;
    color: #f1f1f1;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.band2-page .leader .winsumm {
    margin-top: 13px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;
}

.band2-page .leader .stats {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.band2-page .leader .stats-item {
    text-align: center;
    width: 50%;
}

.band2-page .leader .stats-separator {
    width: 1px;
    background: #4e4d57;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.band2-page .leader .stats-caption {
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 700;
}

.band2-page .leader .stats-text {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.band2-page .leader .actions {
    margin-top: 8px;
    color: #f1f1f1;
    font-size: 11px;
    text-align: center;
}

.band2-page .leader .actions a {
    color: #f1f1f1;
}

.band2-page .leader .actions .dropdown {
    display: inline-block;
}

.band2-page .top-wins {
    background: url(../images/top-wins-bg.jpg);
    color: white;
    -webkit-box-shadow: inset 0px 40px 40px -20px black,
    inset 0px -40px 40px -20px black;
    box-shadow: inset 0px 40px 40px -20px black,
    inset 0px -40px 40px -20px black;
    padding: 40px 0px;
    text-align: center;
}

.band2-page .top-wins h3 {
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    font-size: 50px;
    font-weight: 500;
    text-shadow: 1px 2px 3px black;
}

.band2-page .top-wins .top-wins-table {
    max-width: 635px;
    margin: 20px auto;
    text-align: left;
}

.band2-page .top-wins .top-wins-table .row {
    padding: 13px 0px;
    background-color: #ffdd81;
    color: black;
    font-size: 18px;
}

.band2-page .top-wins .top-wins-table .row:nth-child(2n) {
    background-color: #ffce4a;
}

.band2-page .top-wins .top-wins-table .thead {
    background-color: transparent;
    color: white;
}

.band2-page .top-wins .top-wins-table .nickname {
    white-space: nowrap;
    /* Запрещаем перенос строк */
    overflow: hidden;
    /* Обрезаем все, что не помещается в область */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* Добавляем многоточие */
}

.band2-page .top-wins .top-wins-table .nickname a {
    color: black;
}

.band2-page .top-wins .top-wins-table .showlink {
    font-size: 13px;
    text-align: center;
    margin-top: 3px;
}

.band2-page .top-wins .top-wins-table .showlink a {
    border-bottom: 1px solid;
}

.band2-page .battles-history {
    background-color: #f6f6f6;
    padding: 20px 0px;
    font-size: 18px;
}

.band2-page .battles-history .nickname {
    white-space: nowrap;
    /* Запрещаем перенос строк */
    overflow: hidden;
    /* Обрезаем все, что не помещается в область */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* Добавляем многоточие */
    font-weight: 500;
}

.band2-page .battles-history .showbattle {
    font-size: 13px;
    margin-top: 3px;
    text-align: center;
}

.band2-page .battles-history .showbattle a {
    border-bottom: 1px solid;
}

.band2-page .battles-history .chanse {
    text-align: center;
}

.band2-page .battles-history .roundnum {
}

.band2-page .battles-history .row {
    background-color: #fff;
    padding: 12px 0px;
}

.band2-page .battles-history .row:nth-child(2n) {
    background-color: #f6f6f6;
}

/*.band2-page .battles-history .row + .winbattle{
    background-color: #ffdd81;
}*/

.band2-page .battles-history .row:nth-child(2n) + .winbattle {
    background-color: #ffdd81;
}

.band2-page .battles-history .winbattle {
    background-color: #ffdd81 !important;
}

.band2-page .bandBalanceBlock {
    padding: 40px 40px 0;
}

.bandBalance-balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.bandBalance-balance img {
    margin-bottom: 7px;
    margin-right: 11px;
}

.bandBalance-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.bandBalance-value {
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 800;
    text-transform: uppercase;
}

.bandBalance-points {
    margin-bottom: 7px;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 800;
}

.band2-page .bandBalanceBlock .band-balance {
    color: white;
    font-size: 30px;
    line-height: 100%;
    font-weight: 100;
}

.band2-page .bandBalanceBlock .sendMoneyBlock {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.band2-page .your-points {
    background: url(/images/bank-battle-icon.png) no-repeat;
    padding: 0px 0px 0px 60px;
    font-size: 20px;
    line-height: 140%;
    font-weight: 400;
}

.band2-page .your-points span {
    font-size: 30px;
    font-weight: 500;
    color: #a62525;
}

.band2-page .send-points {
    margin-top: 5px;
}

.band2-page .send-points input[type="text"] {
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
}

.band2-page #fillBandBank {
    margin-bottom: 50px;
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.band2-page #fillBandBank .form-control {
    max-width: 200px;
}

.band2-page #historyBankBalance {
    /*background-color: white;*/
}

.band2-page #historyBankBalance .thead {
    background-color: #f6f6f6;
    color: rgb(170, 170, 170);
}

.band2-page #historyBankBalance .operation .nickname {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
}

.band2-page #historyBankBalance .operation .nickname a {
    color: inherit;
}

.band2-page #historyBankBalance .operation .summ {
    text-align: right;
}

.band2-page #historyBankBalance .operation .summ .balancePlus {
    color: #2bc9ff;
}

.band2-page #historyBankBalance .operation .summ .balanceMinus {
    color: #b8b8b8;
}

.band2-page #historyBankBalance .operation .comment {
    text-align: right;
}

.band2-page .sendPointsBlock {
    margin-bottom: 20px;
    padding: 20px 16px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.band2-page .sendPoints-wrapper {
    max-width: 516px;
}

.band2-page .sendPoints-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.band2-page .sendPoints-row .avatar {
    border-radius: 6px;
    width: 32px;
    height: 32px;
    margin: 0 12px 0 0;
    overflow: hidden;
}

.band2-page .sendPoints-row .avatar img {
    width: 100%;
}

.band2-page .sendPoints-row .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.band2-page .sendPoints-row .userInfo a {
    color: #f1f1f1;
    font-size: 13px;
    font-weight: 600;
}

.band2-page .sendPointsBlock .summ {
    margin-top: 20px;
}

.band2-page .inputBlock {
    margin-bottom: 20px;
}

.band2-page .sendPointsBlock .error {
    color: #c45a58;
    margin-top: 2px;
    font-style: italic;
}

.band2-page .sendPointsBlock .confirmTransfer {
}

.band2-page .sendPointsBlock .confirmTransfer .avatar {
    display: inline-block;
    height: 60px;
    vertical-align: top;
}

.band2-page .sendPointsBlock .confirmTransfer .avatar img {
    height: 100%;
}

.band2-page .sendPointsBlock .confirmTransfer .userInfo {
    display: inline-block;
    height: 80px;
    font-size: 20px;
    vertical-align: top;
    padding: 0px 0px 0px 10px;
    line-height: 100%;
}

.band2-page .sendPointsBlock .confirmTransfer .userInfo a {
    color: inherit;
}

.band2-page .sendPointsBlock .confirmTransfer .userInfo .nick {
    margin-bottom: 12px;
}

.band2-page .sendPointsBlock .confirmTransfer .userInfo span {
    font-size: 40px;
    color: #a62525;
}

.band2-page .bandRequestBlock {
    padding: 40px 40px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bandRequestBlock-item1 {
    padding: 0 40px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bandRequestBlock-item2 {
    padding: 0 40px;
}

.bandRequestBlock-item3 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sendMoneyBlock-wrapper {
    text-align: right;
}

.bandRequestBlock-item3 .sendMoneyBlock-wrapper {
    padding-left: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.bandRequestBlock-item3 .sendMoneyBlock-wrapper .btn-info {
    width: 100%;
}

.bandRequestBlock-top {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
}

.bandRequestBlock-middle {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.bandRequestBlock-bottom {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.nd #page-profile .title-line {
    padding: 0 12px;
}

.band2-page #page-requests .request-stats-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.band2-page #page-requests .request-stats {
    padding-right: 12px;
    display: inline-block;
}

.band2-page #page-requests .balance {
    padding-left: 0;
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}

.band2-page #page-requests .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.bandsetting {
    margin: 24px 12px;
    padding: 16px 12px;
    border-radius: 6px;
    background: rgba(131, 128, 154, 0.15);
}

.bandsetting-title {
    margin: 0;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
}

.loadContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.loadContents-item {
    display: inline-block;
    margin-right: 80px;
}

.formatInfo {
    margin-top: 16px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.bandsetting-wrapper {
    padding: 40px 28px 24px;
}

.band2-page #page-settings .bandsetting-title {
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 700;
}

.band2-page #page-settings .settingsLabel {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 700;
}

.band2-page #page-settings .settingsLabel .nd-checkbox {
    margin: 0 0 0 20px;
}

.band2-page #page-settings .settingsLabel .toggler-wrapper {
    margin-bottom: 0;
}

.band2-page #page-settings .formComment {
    margin-top: 37px;
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
}

.band2-page #page-settings .formComment a {
    color: #b8b8b8;
}

.band2-page #page-settings hr {
    margin: 32px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.nd .form-control.with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nd .form-control.with-icon img {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nd .form-control.color-hex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nd .form-control.color-hex .color-hex__circle {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.band2-page #page-settings .smallinput {
    display: inline-block;
    max-width: 300px;
}

.band2-page #page-settings .uploadContents {
    font-weight: 400;
    cursor: pointer;
    padding: 0px;
    display: inline-block;
}

.band2-page #page-settings .loadContents .formatInfo {
    color: #7e8487;
    font-size: 14px;
    font-weight: 500;
}

.band2-page #page-settings .uploadContents input[type="file"] {
    display: none;
}

#fairplayModal .getto-modal-content {
    text-align: center;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.getto-modal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.getto-modal-wrapper {
    overflow: auto;
}

.getto-modal-body {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 6px;
    background-color: #293134;
    background-image: url("../images/nd/faq/top-panel-bg.png");
    background-position: center 0;
    background-repeat: no-repeat;
    max-width: 420px;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    padding: 0;
    z-index: 101;
    max-height: 90vh;
}
.getto-modal-body#frozenModal ul {
    padding: 0;
}
.getto-modal-body#frozenModal ul li {
    display: block;
    margin-bottom: 6px;
}

#balanceModal.getto-modal-body {
    max-width: 676px;
}

.getto-modal-body .close-button {
    border-radius: 6px;
    background: rgba(0, 181, 244, 0.5);
    position: absolute;
    border: none;
    padding: 0;
    top: 0;
    right: -38px;
}

.getto-modal-body .close-button img {
    padding: 8px;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.getto-modal-title {
    position: relative;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 700;
    margin: 32px;
}

.getto-modal-title + .getto-modal-wrapper .getto-modal-content:first-child {
    margin-top: 0;
}

.getto-modal-title-with-bg {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 190px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.getto-modal-title-with-bg .getto-modal-title {
    text-align: center;
    z-index: 1;
}

.getto-modal-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.getto-modal-body .getto-modal-content {
    margin: 32px;
    position: relative;
}

.getto-modal-content .nd-checkbox {
    margin-bottom: 24px;
}

.getto-modal-body .getto-modal-content .nd-checkbox span {
    text-transform: lowercase;
}

.getto-modal-body .getto-modal-actions {
    margin: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
}

.getto-modal-actions .btn-success {
    width: 100%;
}

.getto-modal-actions .btn-danger {
    width: 50%;
    padding: 12px;
    min-width: 145px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    border-radius: 6px;
}

.getto-modal-actions .btn-default {
    width: 50%;
    padding: 12px;
    min-width: 145px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    line-height: normal;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

ol.getto-modal-list {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 0 40px;
    padding: 15px 0 5px 0;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
}

ol.getto-modal-list li {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 24px 0;
}

ol.getto-modal-list li a {
    color: #2bc9ff;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

ol.getto-modal-list li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -40px;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #605f68;
    border-radius: 50%;
    opacity: 0.5;
    text-align: center;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}

ul.getto-modal-list {
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 5px 0;
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
}

ul.getto-modal-list li {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

ul.getto-modal-list li a {
    color: #2bc9ff;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

ul.getto-modal-list li:before {
    content: "─";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -20px;
    width: 10px;
    height: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #b8b8b8;
}

.getto-modal-content + .getto-modal-content:before {
    content: "";
    position: absolute;
    display: block;
    top: -32px;
    left: 0;
    right: 0;
    height: 1px;
    background: #605f68;
}

.chat .messenger {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #293134;
    top: 0;
    z-index: 12;
}

.chat .messenger:before {
    display: none;
}

.chat .messenger-all {
    overflow-y: hidden;
}

.chat .messenger-scroll {
    overflow-y: auto;
    position: absolute;
    width: 100%;
    height: calc(100% - 58px);
}

.chat .messenger-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 58px;
    margin-bottom: -1px;
    background: rgba(41, 49, 52, 1);
    border-bottom: 1px solid rgb(78, 77, 87);
}

.chat .messenger-header .nick {
    margin-bottom: 0;
}

.chat .messenger-header .backLink {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 12px 13px;
    width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    outline: none;
}

.messenger-header .dropdown-toggle {
    background: transparent;
    border: none;
    padding: 12px;
}

.messenger-header .dropdown-menu {
    background: rgba(30, 34, 37, 0.95);
    padding: 16px 0;
    border: none;
    right: 12px;
    left: initial;
}

.messenger-header .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 500;
    line-height: 38px;
    color: rgba(184, 184, 184, 1);
    padding: 0 20px;
}

.chat .message {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.im-message-date {
    margin: 2px auto;
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
    text-align: center;
}

.im-message-time {
    position: absolute;
    right: 12px;
    top: 0;
    font-weight: 500;
    font-size: 12px;
    color: #7e8487;
}

.chat .message.message-more .userInfo {
    width: 32px;
}

.chat .message.message-more .avatar {
    display: none;
}

.chat .message .userInfo {
    display: block;
    width: 32px;
    margin-right: 9px;
    margin-left: 12px;
}

.chat .dialogSetting {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #293134;
    top: 0;
    z-index: 11;
}

.chat .dialogSetting:before {
    display: none;
}

.dialogSetting-wrapper {
    overflow-y: hidden;
}

.dialogSetting-scroll {
    overflow-y: auto;
    position: absolute;
    width: 100%;
    height: calc(100% - 84px);
}

.dialogSetting .backLink {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 12px 13px;
    width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    outline: none;
}

.messenger-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 88px);
}

.chat .messenger-user .posttext div > a {
    display: inline;
}

.messenger-user > a {
    position: relative;
    margin-right: 9px;
}

.messenger-user .userOnline {
    position: absolute;
    right: -3px;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    background: rgb(44, 192, 44);
    width: 7px;
    height: 7px;
    border-radius: 5px;
}

.dialogSetting .dialogsHeader-title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    color: #f1f1f1;
}

.dialogSetting .dialogSetting-list {
    padding: 0 16px;
}

.dialogSetting .dialogSetting-list .saveButton {
    margin-bottom: 20px;
    width: 100%;
}

.dialogSetting-tabs {
    margin: 0 12px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dialogSetting-tab {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #b8b8b8;
    padding: 12px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
}

.dialogSetting-tab.active {
    color: #f1f1f1;
    position: relative;
}

.dialogSetting-tab.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: #00b5f4;
}

.imPage .dialogsHeader h1 {
    margin: 10px 0 5px;
    padding: 0;
    font-weight: 100;
    font-size: 27px;
}

.imPage .dialogsHeader h1 span {
    font-size: 20px;
    color: rgb(179, 179, 179);
}

.imPage .dialogsHeader p {
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    color: grey;
}

.imPage .imSettings {
    font-size: 15px;
    font-weight: 100;
}

.imPage .imSettings .checkbox {
    margin: 0px;
}

.imPage .imSettings .settingsBlock {
    margin: 10px -15px 10px -15px;
}

.imPage .imSettings .saveButton {
    margin-bottom: 20px;
}

.imPage .imBlackListUsers .imBlackListUser .user img {
    width: 25px;
    border-radius: 100%;
}

.imPage .imBlackListUsers .imBlackListUser a {
    color: inherit;
}

.imPage .imBlackListUsers .imBlackListUser {
    margin: 15px 0px;
}

.imPage .dialog {
    padding: 10px 0px;
    border-bottom: 1px solid rgb(233, 233, 233);
    color: black;
}

.imPage .dialog:hover {
    background: rgb(211, 236, 246);
}

.imPage .dialog .deleteDialog {
    display: none;
}

.imPage .dialog:hover .deleteDialog {
    display: block;
    margin: 8px 0px;
    font-size: 20px;
    color: rgb(132, 132, 132);
}

.imPage .dialog .userInfo {
    text-align: center;
    position: relative;
}

.imPage .dialog .userInfo img {
    width: 100%;
    max-width: 50px;
    border-radius: 50px;
}

.imPage .dialog .userInfo .userOnline {
    position: absolute;
    right: 7px;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    background: rgb(44, 192, 44);
    width: 7px;
    height: 7px;
    border-radius: 5px;
}

.imPage .dialog .nickName {
    font-weight: 500;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.imPage .dialog .shortMessage {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.imPage .dialog .notRead {
    background-color: rgb(228, 247, 255);
    padding: 0px 5px;
    border-radius: 5px;
}

.imPage .imTop {
    text-align: center;
    border-bottom: 1px solid rgb(233, 233, 233);
    /*margin-bottom: 15px;*/
}

.imPage .imTop .dropdown {
    margin-top: 10px;
}

.imPage .imTop .imUser img {
    width: 30px;
    border-radius: 30px;
}

.imPage .imTop .backLink {
    display: block;
    padding: 15px 0px;
    color: grey;
}

.imPage .imTop .backLink:hover {
    background-color: rgb(237, 237, 237);
}

.imPage .imTop .imUser {
    font-weight: 500;
    padding-top: 10px;
}

.imPage .imTop .imUser a {
    color: black;
}

.imPage .messenger .imBody {
    height: 500px;
    overflow-y: auto;
}

.imPage .messenger .message {
    padding: 10px 0px 10px 0px;
}

.imPage .messenger .message .messageBody {
    padding-left: 0px;
}

.imPage .messenger .message .avatar img {
    width: 100%;
    border-radius: 100%;
}

.imPage .messenger .message .nickName {
    font-weight: 100;
    margin-bottom: 6px;
    line-height: 100%;
    color: rgb(156, 156, 156);
}

.imPage .messenger .message .nickName a {
    color: inherit;
}

.imPage .messenger .message .text {
    font-size: 15px;
}

.imPage .messenger .imSendBlock {
    border-top: 1px solid rgb(233, 233, 233);
    padding: 10px 0px;
    background-color: rgb(248, 248, 248);
}

.imPage .messenger .imSendBlock .textarea {
    width: 100%;
    height: 100px;
    border: 1px solid rgb(218, 218, 218);
    background-color: white;
    resize: vertical;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.imPage .imSmilesBox {
    text-align: center;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    height: 150px;
    overflow-y: scroll;
}

.imPage .imSmilesBox #smileSend {
    cursor: pointer;
}

.imPage .imSmiles {
    position: relative;
    font-size: 30px;
    left: 15px;
    top: 7px;
}

.autobet .dialogsHeader {
    margin-bottom: 20px;
}

.autobet-block {
    margin-bottom: 24px;
}

.autobet-inlineforms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.autobet-inlineforms .form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.autobet-inlineforms input {
    background: transparent;
    border: none;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 0 8px 0 0;
}

.autobet-inlineforms .form-control span {
    color: #7e8487;
}

.autobet-separator {
    width: 18px;
    height: 1px;
    background: #7e8487;
    margin: 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.alerts .alert .alertImgCoin {
    width: 50px;
    float: left;
    margin-right: 10px;
}

.alerts .alert a {
    color: white;
    text-decoration: none;
}

.mobile-menu__list .mobile-menu__sound {
    background: transparent;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #b8b8b8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

@media (min-width: 769px) {
    .chat .post:hover {
        background: #363c43;
    }
    .chat .post:hover .deleteMessage {
        display: block;
    }
    .chat .post:hover .replyIcon,
    .chat .post .replyIcon:hover {
        display: inline-block;
    }
}

@media ((max-width: 1499px) and (min-width: 1200px)) or ((max-width: 1900px) and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-min-device-pixel-ratio: 1.25)),
((max-width: 1499px) and (min-width: 1200px)) or ((max-width: 1900px) and (min-width: 1200px) and (-o-min-device-pixel-ratio: 6/5) and (-webkit-min-device-pixel-ratio: 1.25)),
((max-width: 1499px) and (min-width: 1200px)) or ((max-width: 1900px) and (min-width: 1200px) and (min-resolution: 1.2dppx) and (-webkit-min-device-pixel-ratio: 1.25)) {
#jivo-iframe-container + jdiv > jdiv > jdiv > jdiv {
    bottom: 65px !important;
}
body.chatOpen .doubleGame .roulette-wrap {
    margin-left: 0;
}
body.chatOpen #invIndex .index-inventory {
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 50vh !important;
    min-height: 600px;
    border-radius: 0;
}
body.chatOpen #invIndex .inventoryblock .showmore {
    padding-bottom: 100px;
}
body.chatOpen .index-inventory .inventoryitem {
    width: calc(6% - 1px);
}
body.chatOpen .index-inventory .inventoryitems .item {
    width: 100%;
    height: auto;
}
body.chatOpen .index-inventory-bet {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(5.5px);
    backdrop-filter: blur(5.5px);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(96, 95, 104, 0.7);
    box-shadow: inset 0 1px 0 0 rgba(96, 95, 104, 0.7);
    background: rgba(30, 34, 37, 0.9);
}
body.chatOpen .doubleGame {
    min-width: initial;
}
body.chatOpen .doubleGame .betsBlock h2 {
    font-size: 20px;
}
body.chatOpen .doubleGame .betsBlock .sectorsBets .sector .sectorCoeff {
    font-size: 19px;
}
body.chatOpen .doubleGame .betsBlock .sectorsBets .sector .betSumm {
    font-size: 16px;
    padding-top: 7px;
}
body.chatOpen .gangsta-page__table {
    margin-top: 20px;
}
body.chatOpen .gangsta-page__table .battle.thead {
    display: none;
}
body.chatOpen .gangsta-page__table .battle .summ {
    font-size: 16px;
    text-align: left;
}
body.chatOpen .gangsta-page__table .gangsta-row.battle {
    position: relative;
    padding: 18px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
body.chatOpen .gangsta-page__table > .gangsta-row .col-sm-1 {
    width: 60px;
    height: auto !important;
    padding: 0;
    background-size: 60px 100% !important;
}
body.chatOpen .gangsta-page__table .gangsta-row.battle div {
    padding-bottom: 0;
}
body.chatOpen .gangsta-page__table .battle .col-sm-4 {
    padding-left: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
body.chatOpen .gangsta-page__table .battle .nick {
    padding-bottom: 40px !important;
}
body.chatOpen .gangsta-page__table .battle .gangstastat {
    display: none;
}
body.chatOpen .gangsta-page__table .gangsta-row .col-sm-2:not(.text-center) {
    display: none;
}
body.chatOpen .gangsta-page__table .gangsta-row .col-sm-2.text-center {
    position: absolute;
    left: 120px;
    bottom: 40px;
}
body.chatOpen .gangsta-page__table .gangsta-row .col-sm-2.text-center .summ {
    color: #7e8487;
    font-size: 12px;
    font-weight: 500;
    text-transform: initial;
}
body.chatOpen .gangsta-page__mob {
    display: inline-block;
}
body.chatOpen .gangsta-page__table .gangsta-row .col-sm-3 {
    position: absolute;
    left: 120px;
    bottom: 18px;
}
body.chatOpen .gangsta-page__prize {
    background: transparent;
    width: auto;
    height: auto;
    text-align: left;
}
body.chatOpen .doubleGame .usersBets {
    margin-top: 0px;
}
body.chatOpen .doubleGame .usersBets .betsHeader {
    margin-top: 30px;
}
body.chatOpen .doubleGame .usersBets .red,
body.chatOpen .doubleGame .usersBets .green,
body.chatOpen .doubleGame .usersBets .black {
    width: 100%;
}
body.chatOpen .doubleGame .doubleGameInfo .hash {
    word-wrap: break-word;
}
body.chatOpen .prelandBlock {
    display: none;
}
body.chatOpen:not(.old) .mainblock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen:not(.old) .alerts {
    bottom: auto;
    top: 48px;
}
body.chatOpen:not(.old) .alerts .alert {
    margin: 16px;
}
body.chatOpen:not(.old) .left-menu {
    padding: 16px 16px 16px 316px;
    position: fixed;
    bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    left: 0;
    background: #1e2225;
    -webkit-box-shadow: 0px 1px 0px 0px #605f68b2 inset;
    box-shadow: 0px 1px 0px 0px #605f68b2 inset;
    z-index: 198;
}
body.chatOpen:not(.old) .left-menu__games {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
}
body.chatOpen:not(.old) .left-menu__bottom {
    display: none;
}
body.chatOpen:not(.old) .logoblock-img {
    display: none;
}
body.chatOpen:not(.old) .logoblock-img__mobile {
    display: block;
}
body.chatOpen:not(.old) .navigation {
    display: none;
}
body.chatOpen:not(.old) #pagecontent {
    max-width: 100%;
}
body.chatOpen:not(.old) .rightblock {
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body.chatOpen:not(.old) .mobile-toggler.menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body.chatOpen .mobile-menu.active {
    display: block;
}
body.chatOpen .mobile-menu__top {
    padding: 19px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body.chatOpen .mobile-menu__top h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #f1f1f1;
}
body.chatOpen .mobile-menu__close {
    background: transparent;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
body.chatOpen .mobile-menu__list {
    padding: 16px;
    margin: 0;
}
body.chatOpen .mobile-menu__list li {
    display: block;
    padding: 25px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.chatOpen .mobile-menu__list li:last-child {
    border-bottom: none;
}
body.chatOpen .mobile-menu__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #b8b8b8;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
body.chatOpen .mobile-menu__list li a:after {
    content: attr(data-value);
    color: #7e8487;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: right;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
body.chatOpen .mobile-menu__list li .mobile-menu__sublink {
    background: transparent;
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #b8b8b8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
body.chatOpen .mobile-menu__list li .mobile-menu__sublink:after {
    content: "";
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: url("../images/nd/ui/right.png");
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
body.chatOpen .mobile-menu__list li .mobile-menu__sublink:before {
    content: attr(data-value);
    color: #7e8487;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: right;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 34px;
}
body.chatOpen .mobile-menu__submenu {
    display: none;
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: #02020c;
    padding: 16px;
    margin: 0;
}
body.chatOpen .mobile-menu__submenu li {
    display: block;
    padding: 25px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body.chatOpen .mobile-menu__submenu li:last-child {
    border-bottom: none;
}
body.chatOpen .mobile-menu__submenu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #b8b8b8;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
body.chatOpen .mobile-menu__submenu li a img {
    margin-right: 12px;
}
body.chatOpen .mobile-menu__submenu li a:after {
    content: attr(data-value);
    color: #7e8487;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: right;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
body.chatOpen .mobile-menu__back {
    background: url("../images/nd/ui/right.png") left center no-repeat;
    padding: 0 0 0 24px;
    border: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    color: #b8b8b8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

/* MEDIA 768 */
body.chatOpen .freeskin-crypto {
    background: url("../images/nd/freeskin/banner-small-v1.png") 0 0
    no-repeat;
    max-width: 280px;
    padding: 20px 24px;
}
body.chatOpen .freeskin-desktop {
    display: none;
}
body.chatOpen .freeskin-mobile {
    display: initial;
}
body.chatOpen .freeskin-crypto__title {
    font-size: 18px;
}
body.chatOpen .freeskin-crypto__descr {
    margin-bottom: 15px;
    font-size: 14px;
}
body.chatOpen:not(.old) .top-menu .nav {
    display: none;
}
body.chatOpen:not(.old) .head-description {
    display: none;
}
body.chatOpen:not(.old) .right-toolbar .currencyChange {
    display: none;
}
body.chatOpen .right-toolbar .mobile-menu__list .currencyChange {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body.chatOpen .right-toolbar .mobile-menu__list .currencyChange:after {
    display: none;
}
body.chatOpen:not(.old) .right-toolbar .pointsBalance + .menu-button {
    display: none;
}
body.chatOpen:not(.old) .top-menu-settings {
    font-size: 10px;
}
body.chatOpen:not(.old) .account-panel .nickname .pointsBalance {
    margin-left: 0px;
}
body.chatOpen:not(.old) .gametab .tabdescription {
    display: none;
}
body.chatOpen:not(.old) .gametab .line1 {
    font-size: 10px;
}
body.chatOpen:not(.old) .gametab .line1 h3 {
    font-size: 14px;
}
body.chatOpen:not(.old) .gametab .line2 {
    display: none;
}
body.chatOpen:not(.old) .game-settings .settings {
    text-align: left;
}
body.chatOpen:not(.old) .dataleft .or {
    text-align: center;
}
body.chatOpen:not(.old) .betbutton {
    margin: 0px auto;
}
body.chatOpen:not(.old) .finishbet h2 {
    font-size: 20px;
    line-height: 150%;
}
body.chatOpen:not(.old) .nd .finishbet .avatar {
    width: 146px;
    height: 130px;
    background-size: cover;
}
body.chatOpen:not(.old) .nd .finishbet .avatar img {
    width: 80px;
    height: 80px;
}
body.chatOpen:not(.old) .nd .betitems {
    margin-top: 12px;
    width: 100%;
}
body.chatOpen:not(.old) .nd .betitem img {
    height: 56px;
    width: 56px;
}
body.chatOpen:not(.old) .profile .nick {
    font-size: 20px;
    letter-spacing: 1px;
}
body.chatOpen:not(.old) .profile .avatar {
    margin-top: 80px;
}
body.chatOpen:not(.old) .mywins h2 {
    font-size: 28px;
}
body.chatOpen:not(.old) .mywin {
    margin-bottom: 30px;
}
body.chatOpen:not(.old) .profilesettings #showsettingslink,
body.chatOpen:not(.old) .profilesettings #showTeamLink {
    font-size: 18px;
}
body.chatOpen:not(.old) .startbet h2 {
    font-size: 30px;
}
body.chatOpen:not(.old) .battles h2 {
    font-size: 30px;
}
body.chatOpen:not(.old) .navigation > li {
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 300%;
}
body.chatOpen:not(.old) .navigation > li > a {
    font-size: 15px;
    border: 1px solid #555;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
}
body.chatOpen:not(.old) .gametab .timeleft {
    visibility: hidden;
}
body.chatOpen:not(.old) .dataleft .or {
    visibility: hidden;
    height: 10px;
}
body.chatOpen:not(.old) #openChatButton {
    margin-left: 8px;
    display: block;
    bottom: 15%;
}
body.chatOpen .chat {
    max-width: 300px;
    width: 100%;
}
body.chatOpen .chat .chatheader {
    background: #30393c;
    -webkit-box-shadow: -1px -1px 0px 0px #4e4d57 inset;
    box-shadow: -1px -1px 0px 0px #4e4d57 inset;
}
body.chatOpen .chat .chat-tab {
    background: #30393c;
    -webkit-box-shadow: -1px -1px 0px 0px #4e4d57 inset;
    box-shadow: -1px -1px 0px 0px #4e4d57 inset;
}
body.chatOpen .chat-tabs {
    width: calc(100% - 40px);
}
body.chatOpen .chat .chatheader .close-chat {
    left: auto;
    right: 0;
    background: transparent;
    top: 0;
}
body.chatOpen .chat .chatheader .close-chat img {
    width: 24px;
    height: 24px;
}
body.chatOpen .chat .chat-tab {
    font-size: 14px;
}
body.chatOpen .chat .smilesBox {
    bottom: 0;
    top: 0;
    left: 0;
    height: auto;
}
body.chatOpen .betinfo .nick {
    font-size: 15px;
}
body.chatOpen .betinfo .betsumm {
    margin-top: 20px;
}
body.chatOpen .gangsta-top .summ {
    text-align: left;
}
body.chatOpen .battlehistorypage .gangsta-top .battle.gangsta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 76px;
}
body.chatOpen .battlehistorypage .gangsta-top .number {
    width: 100%;
    margin-left: -60px;
}
body.chatOpen .battlehistorypage .gangsta-top .user {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    position: static;
}
body.chatOpen .gangsta-top .avatar {
    position: absolute;
    left: 16px;
}
body.chatOpen .battlehistorypage .gangsta-top .cost:before {
    content: attr(data-text);
    display: inline-block;
    color: #7e8487;
    font-size: 14px;
    font-weight: 700;
    margin-right: 4px;
    vertical-align: middle;
}
body.chatOpen .battlehistorypage .gangsta-top .chance:before {
    content: attr(data-text);
    display: inline-block;
    color: #7e8487;
    font-size: 14px;
    font-weight: 700;
    margin-right: 4px;
    vertical-align: middle;
}
body.chatOpen .battlehistorypage .gangsta-top .summ {
    width: 100%;
}
body.chatOpen .nd .finishbet .roundNum {
    margin: 35px auto 38px;
    padding: 0 50px;
    color: #7e8487;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}
body.chatOpen #coinflip .waiting .bank {
    text-align: center;
    padding-left: 0px;
}
body.chatOpen #promocode-modal {
    display: none;
}
body.chatOpen #coinflip .roomnew-thead {
    display: none;
    /*font-size: 13px;*/
}
body.chatOpen #coinflip .roomnew .player .avatar img,
body.chatOpen #coinflip .roomnew .join-button {
    width: 32px;
    height: 32px;
}
body.chatOpen #coinflip .roomnew .join-button .btn-lg {
    height: 32px;
    font-size: 16px;
}
body.chatOpen #coinflip .roomnew .roomnew-info {
    font-size: 20px;
    padding-top: 7px;
}
body.chatOpen .coinflipheader p {
    display: none;
}
body.chatOpen .band-page h1 {
    font-size: 40px;
}
body.chatOpen .band-page .band-gangsters h2 {
    font-size: 20px;
}
body.chatOpen .band-page .band-gangsters .gangster .gangster-info {
    padding-left: 20px;
}
body.chatOpen .band-page .band-gangsters .gangster .winSumm {
    padding-left: 20px;
    padding-bottom: 20px;
}
body.chatOpen:not(.old) .account-panel .account-links {
    margin: 20px 0 0 0px;
}
body.chatOpen:not(.old) .navigation {
    padding: 0px;
}
body.chatOpen:not(.old) .header {
    margin-top: 0;
}
body.chatOpen:not(.old) .header-alert {
    padding: 2px 44px;
    height: 62px;
    margin-top: 0;
}
body.chatOpen .gift-for-top h2 {
    font-size: 27px;
    margin-bottom: 20px;
}
body.chatOpen .gift-for-top .desrc {
    font-size: 17px;
}
body.chatOpen .gift-for-top .timer-for-top {
    font-size: 27px;
}
body.chatOpen .join-top-button {
    margin-top: 10px;
}
body.chatOpen .nd .finishbet .winnerinfo .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}
body.chatOpen .nd .finishbet .winnerinfo .winnerBank {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin-bottom: 24px;
    padding: 0;
}
body.chatOpen .nd .finishbet .winnerinfo .winnerChance .winnerinfo__caption {
    font-size: 14px;
}
body.chatOpen .nd .finishbet .winnerinfo .winnerChance .winnerinfo__value {
    font-size: 14px;
}
body.chatOpen .nd .finishbet .winnerinfo__value img {
    display: none;
}
body.chatOpen .nd .finishbet .winnerinfo .winnerTicket .winnerinfo__caption {
    font-size: 14px;
}
body.chatOpen .nd .finishbet .winnerinfo .winnerTicket .winnerinfo__value {
    font-size: 14px;
}
body.chatOpen .nd .finishbet .winnerinfo {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 24px;
}
body.chatOpen .nd .finishbet {
    background: url("../images/nd/history/bg-mobile.png") center top no-repeat;
    background-size: cover;
    background-color: #293134;
    text-align: center;
    min-height: 637px;
    color: #f1f1f1;
}
body.chatOpen .band2-page .bandheader .bandName {
    font-size: 30px;
    margin-top: 10px;
}
body.chatOpen .band2-page .bandheader .bandInfo .icon {
    display: none;
}
body.chatOpen .band2-page .bandStats .digit {
    font-size: 30px;
}
body.chatOpen div.band2-page div#page-profile div.bandStats div.row div.col-md-4 {
    margin-bottom: 10px;
}
body.chatOpen .band2-page .leaders {
    gap: 4px;
}
body.chatOpen .band2-page .leader {
    width: calc(50% - 2px);
}
body.chatOpen .band2-page .top-wins h3 {
    font-size: 30px;
}
body.chatOpen .band2-page .bandheader .bandlogo img {
    width: 80px;
    height: 80px;
}
body.chatOpen .band2-page .bandheadersmall .bandName {
    display: none;
}
body.chatOpen .band2-page .bandBalanceBlock {
    padding: 24px 16px;
}
body.chatOpen .band2-page #sendPointsBlock .confirmTransfer .avatar {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
body.chatOpen div.band2-page div#page-finances div.bandContent div#fillBandBank div.row div.col-md-6 div.send-points input.form-control.input-lg {
    margin: 10px 0px;
}
body.chatOpen .band2-page #historyBankBalance .thead {
    display: none;
}
body.chatOpen .band2-page #page-requests .request .avatar {
    display: block;
    text-align: center;
}
body.chatOpen div.band2-page div#page-settings div.bandContent {
    padding: 0px 10px;
}
body.chatOpen .band2-page #page-settings .loadContents .button {
    margin-bottom: 10px;
}
body.chatOpen .getto-modal-body {
    margin: 10px;
}
body.chatOpen .getto-modal-body .getto-modal-actions .btn {
    margin-bottom: 5px;
    display: inline-block;
}

body.chatOpen .nd .profile {
    padding: 16px;
}

body.chatOpen .nd .profile .userLevelBlock {
    margin-bottom: 52px;
    margin-left: 0;
    margin-right: 0;
}
body.chatOpen .nd .profile .userLevelBlock .currentLevel {
    width: 72px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
body.chatOpen .nd .profile .userLevelBlock .currentLevel .level {
    margin: 0;
}
body.chatOpen .nd .profile .userLevelBlock .currentLevel .level-text {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    white-space: nowrap;
}
body.chatOpen .nd .profile .userLevelBlock .nextLevel {
    width: 72px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen .nd .profile .userLevelBlock .nextLevel .level {
    margin: 0;
}
body.chatOpen .nd .profile .userLevelBlock .nextLevel .level + div {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
}
body.chatOpen .nd .profile .userLevelBlock .level-text {
    text-align: right;
    white-space: nowrap;
}
body.chatOpen .nd .profile .userLevelBlock .nextLevelBonus {
    text-align: right;
    white-space: nowrap;
}
body.chatOpen .nd .profile__person {
    padding-bottom: 40px;
}

body.chatOpen .referal__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.chatOpen .referal__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.chatOpen .referal__field {
    width: 100%;
    padding: 0;
    border: none;
}

body.chatOpen .referal__item {
    max-width: initial;
}

body.chatOpen .promo-wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
body.chatOpen .promo-wrapper .button {
    max-width: initial;
}
body.chatOpen .ProfileGeneratePromo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
body.chatOpen .ProfileGeneratePromo .your-points {
    width: 100%;
}
body.chatOpen .ProfileGeneratePromo .promo-wrapper .inputBlock {
    width: 100%;
}
body.chatOpen .ProfileGeneratePromo .inputBlock {
    width: 100%;
}
body.chatOpen .ProfileGeneratePromo .nd-checkbox {
    position: static;
}

body.chatOpen #settingsform .row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.chatOpen #settingsform .btn {
    margin-top: 20px;
    width: 100%;
}

body.chatOpen .profilesettingsContent .btn {
    margin-top: 20px;
    width: 100%;
}

body.chatOpen .nd .battle.thead {
    display: none;
}

body.chatOpen .nd .battle {
    padding: 12px 12px 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

body.chatOpen .nd .battle div {
    padding-bottom: 4px;
}

body.chatOpen .tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-bottom: 0;
}

body.chatOpen .tabs-history {
    margin-bottom: 24px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.chatOpen .battle-mobile {
    display: inline-block;
    color: #7e8487;
    font-size: 14px;
    font-weight: 700;
}
body.chatOpen .rightBlockInProfile-wrapper .sendMessageLink {
    display: none;
}
body.chatOpen .profile__mobile {
    display: block;
}
body.chatOpen .foundedUser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
body.chatOpen .foundedProfile {
    margin-bottom: 12px;
}
body.chatOpen .foundedUser__balance {
    margin-bottom: 12px;
}
body.chatOpen .foundedUser .form-control {
    max-width: initial;
    margin-right: 0;
}
body.chatOpen .pointsTradeHistory__thead-row {
    display: none;
}
body.chatOpen .exchanger .filters .line1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
}
body.chatOpen .exchanger .filters .line2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
}
body.chatOpen .exchanger .filters .line3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen .exchanger .filters .line3 .form-group.sellOnly {
    position: relative;
}
body.chatOpen .exchanger .line1 #exSelectType {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
body.chatOpen .exchanger .line1 #exSelectRarity {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
body.chatOpen .exchanger .filters .line2 .form-group {
    width: 100%;
    margin-right: 0;
}
body.chatOpen .exchanger .filters .line2 .input-summ-wrapper + span {
    margin-bottom: 24px;
}
body.chatOpen .exchanger .line2 .form-control {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
body.chatOpen .exchanger .filters .line3 .form-group.nd-checkbox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
body.chatOpen .exchanger .filters .line3 .form-group.form-submit {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
body.chatOpen .exchanger .filters .input-stattrak {
    width: 100%;
}
body.chatOpen .nd .selectgame-tab {
    max-width: 160px;
    white-space: nowrap;
}
body.chatOpen .exchanger .pointsDescr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
body.chatOpen .pointsDescr > span {
    margin-right: 0;
    margin-bottom: 20px;
}
body.chatOpen .pointsDescr-value {
    margin-right: 0;
    margin-bottom: 8px;
    display: block;
    font-size: 20px;
}
body.chatOpen .fillPoints {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
body.chatOpen .fillPoints__col {
    width: 100%;
}
body.chatOpen .fillPoints form {
    margin-bottom: 0;
}
body.chatOpen.fillPoints .form-group {
    margin-right: 0;
    margin-bottom: 32px;
}
body.chatOpen .fillPoints .btn-success {
    min-width: 100%;
}
body.chatOpen .exchanger .filters .form-submit .btn-success {
    width: 50%;
    min-width: initial;
}
body.chatOpen .exchanger .filters .form-submit .btn-cancel {
    width: 50%;
}
body.chatOpen .exchanger .filters .line1 .form-control.input-search-wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
body.chatOpen .exchanger .filters .line2 .form-group.form-summ {
    width: 100%;
}
body.chatOpen .exchanger .line2 #exSelectTradeban {
    width: 100%;
}
body.chatOpen .exchanger .line2 #exSelectQuality {
    width: 100%;
}
body.chatOpen .exchanger .filters .line3 .form-group.nd-checkbox:nth-of-type(1) {
    width: 100%;
}
body.chatOpen .exchanger .filters .line3 .form-group.nd-checkbox:nth-of-type(2) {
    width: 100%;
}
body.chatOpen .partner-header__text {
    font-size: 20px;
}
body.chatOpen .partner-header__desc {
    font-size: 14px;
}
body.chatOpen .partner-header {
    padding: 114px 0 50px;
    background-image: url("../images/nd/referal/referal-bg-mobile.png");
}
body.chatOpen .nd .mobile-table {
    overflow: auto;
}
body.chatOpen .nd .mobile-table .battle.thead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body.chatOpen .partner {
    margin-top: 98px;
    overflow: initial;
}
body.chatOpen .partner-header__title {
    top: -94px;
    left: 16px;
    margin-bottom: 20px;
    background: none;
    width: auto;
    padding: 0;
    font-size: 24px;
    color: #f1f1f1;
}
body.chatOpen .partner-header__faq {
    top: -38px;
    left: 16px;
    right: initial;
}
body.chatOpen .rules__container {
    position: relative;
    margin: 0;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen .rules__sidebar {
    width: 100%;
    margin: 92px 0 48px;
}
body.chatOpen .rules__header {
    background: none;
    height: auto;
}
body.chatOpen .rules__header-title {
    position: absolute;
    left: 0;
    top: -61px;
    background: none;
    padding: 0;
    color: #f1f1f1;
    font-size: 24px;
}
body.chatOpen .rules__support {
    display: none;
}
body.chatOpen .rules.nd {
    overflow: initial;
}
body.chatOpen .rules__wrapper .input-search-wrapper {
    position: absolute;
    left: 16px;
    top: 20px;
    width: calc(100% - 32px);
}
body.chatOpen .winner-band-small {
    width: 100%;
}
body.chatOpen .top-bands .band {
    padding: 24px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .top-bands .band div {
    padding-bottom: 0;
}
body.chatOpen .top-bands .band:nth-of-type(1) .col-sm-1 {
    margin-top: -24px;
}
body.chatOpen .top-bands .band:nth-of-type(2) .col-sm-1 {
    margin-top: -24px;
}
body.chatOpen .top-bands .band:nth-of-type(3) .col-sm-1 {
    margin-top: -24px;
}
body.chatOpen .top-bands .band .col-sm-3 {
    width: calc(100% - 84px);
    padding-right: 0;
    margin-bottom: 20px;
}
body.chatOpen .top-bands .band .col-sm-6 {
    padding-left: 16px;
    width: 100%;
    margin-bottom: 20px;
}
body.chatOpen .top-bands .band .col-sm-2 {
    padding-left: 16px;
}
body.chatOpen .top-bands .participants {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .top-bands .participants .gangster {
    display: block !important;
}
body.chatOpen .top-bands .participants .gangster.merged:after {
    display: none;
}
body.chatOpen .top-bands-header {
    margin-top: 61px;
    padding: 73px 0 79px;
}
body.chatOpen .nd.top-bands {
    margin-top: 69px;
    overflow: initial;
}
body.chatOpen .top-bands-header__title {
    top: -61px;
    left: 16px;
    margin-bottom: 20px;
    background: none;
    width: auto;
    padding: 0;
    font-size: 24px;
    color: #f1f1f1;
}
body.chatOpen .top-bands-header__faq {
    top: -57px;
    right: 16px;
}
body.chatOpen .top-bands-header__text {
    margin-bottom: 16px;
    font-size: 20px;
}
body.chatOpen .top-bands-header__desc {
    font-size: 14px;
    margin-bottom: 32px;
}
body.chatOpen .top-bands .bands-ratings {
    margin-top: -19px;
}
body.chatOpen .nd .selectgame {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    overflow: auto;
    padding-left: 12px;
}
body.chatOpen .band2-page .sendPoints-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .pageband-header__item {
    width: calc(50% - 6px);
}
body.chatOpen .pageband-header__btn {
    position: relative;
    top: auto;
    right: auto;
}
body.chatOpen .pageband-header__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .band2-page .bandContent {
    padding: 24px 16px;
}
body.chatOpen .bandBalance-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .bandBalance-balance {
    width: 100%;
    margin-bottom: 20px;
}
body.chatOpen .band2-page #fillBandBank {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
body.chatOpen .band2-page #fillBandBank .foundedUser__balance {
    margin-bottom: 0;
}
body.chatOpen .band2-page #fillBandBank .form-control {
    max-width: 100%;
}
body.chatOpen .band2-page .sendPoints-row .btn {
    width: calc(50% - 10px);
    min-width: auto;
}
body.chatOpen .band2-page .bandRequestBlock {
    padding: 24px 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .bandRequestBlock-item1 {
    padding-right: 36px;
    width: calc(50% - 2px);
}
body.chatOpen .bandRequestBlock-item2 {
    padding-right: 0;
    padding-left: 36px;
    width: calc(50% - 2px);
}
body.chatOpen .bandRequestBlock-item3 .sendMoneyBlock-wrapper {
    padding: 12px 0 0;
    border: none;
}
body.chatOpen .bandsetting-wrapper {
    padding: 24px 0;
}
body.chatOpen .loadContents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .loadContents-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
body.chatOpen .band2-page #page-settings hr {
    margin: 12px 0 32px;
}
body.chatOpen .band2-page #page-settings .settingsLabel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .band2-page #page-settings .formComment {
    margin-top: 28px;
    margin-bottom: 28px;
}
body.chatOpen .bandsetting {
    background: none;
    margin: 0;
    padding: 24px 16px;
}
body.chatOpen .nd .battle.gangster {
    padding: 16px 16px 16px 76px;
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
body.chatOpen .nd .battle.gangster br {
    display: none;
}
body.chatOpen .nd .battle.gangster .avatar {
    position: absolute;
    left: 16px;
    top: 16px;
}
body.chatOpen .band2-page .gangster .account-tb {
    position: static;
}
body.chatOpen .band2-page .gangster .winsumm {
    text-align: left;
    padding-bottom: 0;
}
body.chatOpen .inventory-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen .inventory-item.inventoryblock {
    width: 100%;
}
body.chatOpen .inventory__header-title {
    position: absolute;
    left: 0;
    top: -61px;
    background: none;
    padding: 0;
    color: #f1f1f1;
    font-size: 24px;
}
body.chatOpen .inventory__header {
    height: auto;
    background: none;
}
body.chatOpen .inventory-page.nd {
    margin: 69px 16px 0;
    overflow: initial;
}
body.chatOpen .inventory-container {
    margin: 0;
}
body.chatOpen .inventory-inner__row:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 12px;
}
body.chatOpen .button_edcf {
    margin-bottom: 110px !important;
}
body.chatOpen .doubleGame .usersBets .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body.chatOpen .double-history__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body.chatOpen .double-history__change.double-history__prev {
    margin: 0;
    left: 16px;
}
body.chatOpen .double-history__change.double-history__prev img {
    margin: 0;
}
body.chatOpen .double-history__change.double-history__next {
    margin: 0;
    right: 16px;
}
body.chatOpen .double-history__change.double-history__next img {
    margin: 0;
}
body.chatOpen .double-history__close {
    display: none;
}
body.chatOpen .doubleGame.double-history:after {
    display: none;
}
body.chatOpen .double-history__change {
    position: absolute;
    top: 16px;
    font-size: 0;
}
body.chatOpen .nd .bet {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
body.chatOpen .nd .bet__user {
    width: 100%;
    padding-right: 130px;
}
body.chatOpen .nd .bet__value {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-top: 0;
    margin-right: 0;
}
body.chatOpen .nd .betitem {
    margin-right: 2px;
}
body.chatOpen #roulette.nd.gameblock {
    border-radius: 20px;
    background: -o-linear-gradient(
            top,
            rgba(49, 64, 68, 0.7) 0%,
            rgba(22, 22, 22, 0.7) 99.22%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(49, 64, 68, 0.7)),
            color-stop(99.22%, rgba(22, 22, 22, 0.7))
    );
    background: linear-gradient(
            180deg,
            rgba(49, 64, 68, 0.7) 0%,
            rgba(22, 22, 22, 0.7) 99.22%
    );
}
body.chatOpen .banknotice {
    position: absolute;
    font-size: 12px;
    max-width: initial;
    left: 16px;
    right: 16px;
    margin: 0 auto;
    text-align: center;
    top: 200px;
}
body.chatOpen #coinflip .banknotice {
    margin-top: 32px;
    position: static;
}
body.chatOpen #coinflip .game-settings-right {
    width: auto;
    position: absolute;
    right: 16px;
    top: 16px;
}
body.chatOpen .room-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
body.chatOpen .sort-rooms {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen .room-sort {
    margin-right: 0;
    margin-bottom: 12px;
}
body.chatOpen .game-settings:after {
    width: 70px;
    height: 54px;
    background-size: cover;
}
body.chatOpen .game-settings-right {
    width: 100%;
    margin-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
body.chatOpen .game-settings .gamenum {
    margin-top: 16px;
}
body.chatOpen .upgrader-fast + .game-settings-right {
    width: auto;
    margin-left: auto;
}
body.chatOpen .game-settings-title {
    height: 32px;
}
body.chatOpen .game-settings-title h2 {
    font-size: 16px;
}
body.chatOpen .game-settings {
    padding: 20px 16px;
}
body.chatOpen .timer-sep {
    margin: 0 0px 8px;
}
body.chatOpen .rouletteblock .or {
    margin: 0 6px;
    font-size: 14px;
}
body.chatOpen .itemstext .count {
    top: 20px;
    font-size: 20px;
}
body.chatOpen .itemstext .text {
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
body.chatOpen .rouletteblock {
    margin: 0 12px 90px;
}
body.chatOpen .rouletteinfo {
    padding-bottom: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -o-radial-gradient(
            50% 129.41%,
            214.8% 72.16%,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0) 100%
    );
    background: radial-gradient(
            214.8% 72.16% at 50% 129.41%,
            rgba(255, 255, 255, 0.3) 0%,
            rgba(255, 255, 255, 0) 100%
    );
}
body.chatOpen .bankblock {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 14px;
}
body.chatOpen .bankblock-title {
    font-size: 14px;
}
body.chatOpen .rouletteinfo-players {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body.chatOpen .rouletteinfo-players__text {
    margin-bottom: 0;
    margin-right: 12px;
    font-size: 14px;
}
body.chatOpen .rouletteinfo-players__count {
    font-size: 14px;
}
body.chatOpen .room-new-action {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none;
    background: none;
}
body.chatOpen #coinflip .roomnew h3 {
    margin-left: 0;
    margin-bottom: 20px;
}
body.chatOpen .nd .room-join {
    margin-right: 0;
    border-radius: 10px;
    border: 1px solid #00b5f4;
    background: -o-radial-gradient(
            50% 100%,
            225.6% 100.51%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    background: radial-gradient(
            225.6% 100.51% at 50% 100%,
            rgba(0, 181, 244, 0.7) 0%,
            rgba(0, 181, 244, 0.17) 100%
    ),
    #003a4e;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 181, 244, 0.69) inset;
    box-shadow: 0px 0px 15px 0px rgba(0, 181, 244, 0.69) inset;
}
body.chatOpen #coinflip .hash {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
body.chatOpen #coinflip .room-hash {
    margin-top: 13px;
}
body.chatOpen #coinflip .room-hash:before {
    display: none;
}
body.chatOpen #coinflip .roomnew .player-bet {
    padding: 16px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
body.chatOpen #coinflip .roomnew .profile-small {
    width: 80%;
}
body.chatOpen .room-player-info {
    width: auto;
    position: absolute;
    right: 0;
    top: 16px;
}
body.chatOpen #coinflip .roomnew .skins {
    width: 100%;
    margin-top: 16px;
}
body.chatOpen .room-players.usersinbattle {
    width: auto;
    margin-right: 0;
    padding: 0;
}
body.chatOpen .nd .room-items.betitems {
    display: none;
}
body.chatOpen .nd #typeRoom {
    padding: 16px;
}

body.chatOpen .nd .room-top {
    height: auto;
}
body.chatOpen .nd .room-top .bet__value {
    margin-top: 0px;
    margin-right: 0px;
}
body.chatOpen .betsumm-room__title {
    display: none;
}
body.chatOpen .bet-your {
    display: none;
}
body.chatOpen .betsumm-room__value {
    font-size: 14px;
    text-align: right;
}
body.chatOpen .nd .room-players.usersinbattle .user {
    width: 48px;
    height: 48px;
}
body.chatOpen .nd .room-players.usersinbattle .percent {
    display: none;
}
body.chatOpen .nd .room-players.usersinbattle .user img:not(.achive-icon) {
    width: 48px;
    height: 48px;
}
body.chatOpen #coinflip .roomnew .join-button .btn-room {
    width: 48px;
    height: 48px;
}
body.chatOpen .bet__value .betsumm-room {
    padding: 10px 10px 10px 26px;
    height: 42px;
    background-size: cover;
}
body.chatOpen .resultblock .text {
    font-size: 20px;
}
body.chatOpen .room-top .selectedinventory {
    padding: 12px 0;
}
body.chatOpen .freeskin-header {
    background: none;
    height: auto;
}
body.chatOpen .freeskin-title {
    background: url("../images/nd/freeskin/title-ico.png") left center
    no-repeat;
    position: absolute;
    left: 16px;
    top: -68px;
}
body.chatOpen .freeskin-block {
    margin: 0px 12px 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(../images/nd/freeskin/freeskin-bg-m.png) center center;
    background-size: cover;
}
body.chatOpen .freeskin {
    margin-top: 69px;
    padding-top: 12px;
}
body.chatOpen .freeskin-block__left {
    padding: 60px 16px 40px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body.chatOpen .freeskin-block__right {
    padding: 0;
}
body.chatOpen .freeskin-img {
    margin-top: -180px;
}
body.chatOpen .chat .post .deleteMessage {
    display: block;
}
body.chatOpen .footer-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.chatOpen .footer-admins {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 50px;
}
body.chatOpen .footer-admins__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

@media (max-width: 1199px) {
    .upgrader-top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .upgrader-left {
        width: 100%;
        height: 420px;
        max-width: 590px;
        background-position-y: -30px;
    }
    .upgrader-left:not(.empty) .upgrader-left__items {
        margin-top: 85px;
    }
    .upgrader-exchanger__buttons {
        width: 100%;
    }
    .upgrader-exchanger__button {
        width: 100%;
    }
    .upgrader-left.empty {
        background-position-y: -30px;
    }
    .upgrader-left.empty .upgrader-left__items {
        top: 65px;
    }
    .upgrader-center {
        width: 100%;
        max-width: 590px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .upgrader-right {
        width: 100%;
        height: 420px;
        max-width: 590px;
        display: none;
    }
    .upgrader-right.empty {
        background-position-y: -30px;
    }
    .upgrader-right.empty .upgrader-right__items {
        top: 65px;
    }
    .upgrader-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .upgrader-bottom .index-inventory-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -16px -16px 25px;
    }
    .upgrader-bottom .index-inventory-bet {
        display: block;
    }
    .upgrader-bottom .index-inventory-bet .btn-success {
        width: 100%;
    }

    .upgrader-winner.active {
        max-width: 590px;
        height: 441px;
        background-size: 1500px;
    }
    .upgrader-winner__wrapper {
        height: 100%;
    }
    .upgrader-winner__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .upgrader-winner__title br {
        display: block;
    }
    .upgrader-winner__img {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .upgrader-winner__name {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .upgrader-winner__hash {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-top: auto;
    }
    .upgrader-winner__winner {
        width: 300px;
        left: 14px;
        top: calc(50% - 55px);
    }
    .upgrader-failed.active {
        height: 441px;
        max-width: 590px;
        background: url("../images/nd/upgrader/bg-failed-m.jpg") center 0 no-repeat;
        background-size: auto;
    }
    .upgrader-failed__shape3 {
        top: 20px;
        right: 50px;
        left: auto;
    }
    .upgrader-failed__shape7 {
        top: 270px;
        right: 50px;
        left: auto;
    }
    .upgrader-failed__shape8 {
        top: 270px;
        right: 50px;
        left: auto;
    }
    .upgrader-failed__shape9 {
        top: 326px;
        right: -20px;
        left: auto;
    }
    .upgrader-failed__shape10 {
        top: 350px;
        right: 50px;
        left: auto;
    }
    .upgrader-failed__shape11 {
        top: 300px;
        left: 100px;
    }
    .upgrader-failed__shape12 {
        top: 400px;
        right: 20px;
        left: auto;
    }

    .upgrader-inventory-items.inventoryitems {
        max-height: calc(50vh - 172px);
    }
    .upgrader-inventory {
        width: 100%;
        display: none;
    }
    .upgrader-inventory.open {
        display: block;
        position: fixed;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 50vh !important;
        min-height: 600px;
        border-radius: 0;
        background: #17232a;
        z-index: 200;
    }
    .upgrader-exchanger {
        width: 100%;
        display: none;
    }
    .upgrader-exchanger.open {
        display: block;
        position: fixed;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 50vh !important;
        min-height: 600px;
        border-radius: 0;
        background: #17232a;
        z-index: 200;
    }
    .upgrader-mobile__control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 48px);
        max-width: 558px;
        position: absolute;
        top: 334px;
        left: 16px;
        right: 16px;
        margin: 0 auto;
        border-radius: 6px;
        padding: 4px;
        background: rgba(131, 128, 154, 0.2);
        z-index: 1;
    }
    .upgrader-winner.active ~ .upgrader-mobile__control {
        display: none;
    }
    .upgrader-failed.active ~ .upgrader-mobile__control {
        display: none;
    }
    .upgrader-failed__title br {
        display: block;
    }
    .upgrader-failed__wrapper {
        margin-top: 0;
        height: 100%;
    }
    .upgrader-failed__hash {
        margin-top: auto;
    }
    .upgrader-mobile__tab {
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        padding: 0;
        height: 40px;
        color: #b8b8b8;
        position: relative;
        border-radius: 6px;
        background: transparent;
        border: none;
        outline: none;
        white-space: nowrap;
    }
    .upgrader-mobile__tab.active {
        color: #f1f1f1;
        background: rgba(131, 128, 154, 0.2) !important;
    }
    .upgrader-mobile__tab img {
        width: 24px;
        height: 24px;
        margin-right: 6px;
    }
    .upgrader-left__mobile {
        margin-top: 20px;
        display: block !important;
    }
    .upgrader-right__mobile {
        margin-top: 20px;
        display: block !important;
    }
    .upgraderSeed {
        margin: 0 16px 16px;
        width: calc(100% - 32px);
        max-width: initial;
    }
    .upgrader-exchanger__multiplier {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .upgrader-exchanger-items {
        max-height: calc(50vh - 113px);
        overflow: auto;
    }
    .upgrader-inventory__points {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .upgrader-inventory__points-row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .upgrader-inventory__label {
        margin: 0 0 16px;
    }
    .crypto-qr {
        display: none;
    }
    .crypto-qr__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        text-align: right;
        color: #f1f1f1;
        background: none;
        padding: 0;
        border: none;
        outline: none;
    }
    .crypto-qr__mobile img {
        width: 20px;
    }
    .freeskin-block__left {
        padding: 20px 40px;
    }
    .freeskin-block .freeskin-block__title {
        font-size: 30px;
    }
    .freeskin-newbanner {
        margin-left: -65px;
    }
    .doubleGame .roulette-wrap {
        margin-left: 0;
    }
    .inventory-buttons {
        bottom: 76px;
    }
    #invIndex .index-inventory {
        position: fixed;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 50vh !important;
        min-height: 600px;
        border-radius: 0;
    }
    #invIndex .inventoryblock .showmore {
        padding-bottom: 100px;
    }
    .index-inventory .inventoryitem {
        width: calc(10% - 4px);
    }
    .index-inventory .inventoryitems .item {
        width: 100%;
        height: auto;
    }
    .index-inventory-bet {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px 16px;
        -webkit-backdrop-filter: blur(5.5px);
        backdrop-filter: blur(5.5px);
        -webkit-box-shadow: inset 0 1px 0 0 rgba(96, 95, 104, 0.7);
        box-shadow: inset 0 1px 0 0 rgba(96, 95, 104, 0.7);
        background: rgba(30, 34, 37, 0.9);
    }
    .index-inventory .inventoryitems {
        max-height: 140px !important;
    }
    body {
        padding-left: 0 !important;
    }
    .doubleGame {
        min-width: initial;
    }
    .doubleGame .betsBlock h2 {
        font-size: 20px;
    }
    .doubleGame .betsBlock .sectorsBets .sector .sectorCoeff {
        font-size: 19px;
    }
    .doubleGame .betsBlock .sectorsBets .sector .betSumm {
        font-size: 16px;
        padding-top: 7px;
    }
    .doubleGame .usersBets {
        margin-top: 0px;
    }
    .doubleGame .usersBets .betsHeader {
        margin-top: 30px;
    }
    .doubleGame .usersBets .red,
    .doubleGame .usersBets .green,
    .doubleGame .usersBets .black {
        width: 100%;
    }
    .doubleGame .doubleGameInfo .hash {
        word-wrap: break-word;
        /* Перенос слов */
    }
    .prelandBlock {
        display: none;
    }
    .mainblock {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .alerts {
        bottom: auto;
        top: 48px;
    }
    .alerts .alert {
        margin: 16px;
    }
    .left-menu {
        padding: 16px;
        position: fixed;
        bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        left: 0;
        background: #1e2225;
        -webkit-box-shadow: 0px 1px 0px 0px #605f68b2 inset;
        box-shadow: 0px 1px 0px 0px #605f68b2 inset;
        z-index: 198;
    }
    .left-menu__games {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
    }
    .left-menu__bottom {
        display: none;
    }
    .logoblock-img {
        display: none;
    }
    .logoblock-img__mobile {
        display: block;
    }
    .navigation {
        display: none;
    }
    #pagecontent {
        max-width: 100%;
    }
    .rightblock {
        padding: 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mobile-toggler.menu-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .mobile-menu.active {
        display: block;
    }
    .mobile-menu__top {
        padding: 19px 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .mobile-menu__top h3 {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 27px;
        color: #f1f1f1;
    }
    .mobile-menu__close {
        background: transparent;
        padding: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mobile-menu__list {
        padding: 16px;
        margin: 0;
    }
    .mobile-menu__list li {
        display: block;
        padding: 25px 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .mobile-menu__list li:last-child {
        border-bottom: none;
    }
    .mobile-menu__list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: #b8b8b8;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
    .mobile-menu__list li a:after {
        content: attr(data-value);
        color: #7e8487;
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
    .mobile-menu__list li .mobile-menu__sublink {
        background: transparent;
        padding: 0;
        border: none;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: #b8b8b8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
    .mobile-menu__list li .mobile-menu__sublink:after {
        content: "";
        margin-right: 8px;
        width: 16px;
        height: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: url("../images/nd/ui/right.png");
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .mobile-menu__list li .mobile-menu__sublink:before {
        content: attr(data-value);
        color: #7e8487;
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        position: absolute;
        right: 34px;
    }
    .mobile-menu__submenu {
        display: none;
        position: fixed;
        z-index: 101;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background: #02020c;
        padding: 16px;
        margin: 0;
    }
    .mobile-menu__submenu li {
        display: block;
        padding: 25px 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .mobile-menu__submenu li:last-child {
        border-bottom: none;
    }
    .mobile-menu__submenu li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: #b8b8b8;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
    .mobile-menu__submenu li a img {
        margin-right: 12px;
    }
    .mobile-menu__submenu li a:after {
        content: attr(data-value);
        color: #7e8487;
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        text-align: right;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
    .mobile-menu__back {
        background: url("../images/nd/ui/right.png") left center no-repeat;
        padding: 0 0 0 24px;
        border: none;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: #b8b8b8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    }
    .startbet-modal:after {
        right: 160px;
    }
}

@media (max-width: 768px) {
    .newyear .footer {
        margin-top: 0;
    }
    .newyear .footer:before {
        display: none;
    }
    .newyear .footer:after {
        display: none;
    }
    .game-settings .gamenum {
        margin-top: 16px;
    }
    .ten-years .header:after {
        left: auto;
        right: 135px;
    }
    .ten-years #doubleBets.red:after {
        top: 0;
    }
    .ten-years #doubleBets.green:after {
        top: 10px;
    }
    .ten-years #doubleBets.black:after {
        top: -5px;
    }
    .gameblock-settings__faq {
        top: -20px;
        left: 16px;
    }
    .crypto-header {
        background: none;
        height: auto;
    }
    .crypto-title {
        position: absolute;
        left: 16px;
        top: -68px;
    }
    .crypto {
        margin-top: 69px;
        padding-top: 12px;
    }
    .crypto-wrapper {
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: none;
    }
    .crypto-left {
        width: 100%;
        padding: 24px 16px 0;
        background: none;
    }
    .crypto-right {
        width: 100%;
        margin: 24px 0 0;
        padding: 24px 16px 120px;
        border-top: 1px solid #605f68;
        border-left: 0;
        background: url(/images/nd/crypto/bg.png) center bottom no-repeat;
    }
    .payment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .payment-left {
        width: 100%;
    }
    .payment-right {
        border: none;
        width: 100%;
        margin: 24px 0 0;
    }
    #profileShowConctacts .btn-success {
        width: 100px;
        min-width: auto;
        white-space: break-spaces;
    }
    .balance-filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #balance-country {
        width: 100%;
        margin-right: 0;
        margin-top: 12px;
    }
    .balance-tabs {
        overflow: auto;
    }
    .balance-tab + label {
        padding: 8px;
    }
    .balance-grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .balance-item.balance-long {
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 5 / 1 / 6 / 3;
    }
    .balance-banners {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .balance-banner {
        width: auto;
    }
    .btn-success.btn-payment {
        margin-top: 0;
    }
    .room-modal {
        position: fixed;
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
        border-radius: 6px 0 0 6px;
        padding: 16px 20px 38px;
    }
    .room-modal-wrapper {
        display: block;
    }
    .room-modal__box:not(.hover) {
        opacity: 1;
    }
    .room-modal__box:not(.active) {
        display: none;
    }
    .room-modal__box:first-child {
        padding-right: 0;
        border-right: none;
    }
    .room-modal__box:last-child {
        padding-left: 0;
    }
    .room-modal__slider .inventoryitem .item {
        border-radius: 9px;
        width: 121px;
        height: 151px;
    }
    .room-modal-close {
        display: block;
    }
    .room-modal__mobile.active {
        display: block !important;
        margin-top: 24px;
    }
    .foundedUser-control {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
    }
    #cryptoModal-btn {
        width: 100%;
    }
    #jivo-iframe-container + jdiv > jdiv > jdiv {
        bottom: 65px !important;
    }
    .doubleGame .barabanBlock {
        min-width: initial;
        overflow: hidden;
        width: 100%;
    }
    .doubleGame .roulette-wrap {
        margin-left: auto;
    }
    .doubleGame-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .freeskin-crypto {
        background: url("../images/nd/freeskin/banner-small-v1.png") 0 0
        no-repeat;
        max-width: 280px;
        padding: 20px 24px;
    }
    .freeskin-desktop {
        display: none;
    }
    .freeskin-mobile {
        display: initial;
    }
    .freeskin-crypto__title {
        font-size: 18px;
    }
    .freeskin-crypto__descr {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .index-inventory .inventoryitem {
        width: calc(12.5% - 4px);
    }
    .mainblock {
        padding: 0;
    }
    .top-menu .nav {
        display: none;
    }
    .head-description {
        display: none;
    }
    .right-toolbar .currencyChange {
        display: none;
    }
    .right-toolbar .mobile-menu__list .currencyChange {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .right-toolbar .mobile-menu__list .currencyChange:after {
        display: none;
    }
    .right-toolbar .pointsBalance + .menu-button {
        display: none;
    }
    .top-menu-settings {
        font-size: 10px;
    }
    .account-panel .nickname {
    }
    .account-panel .nickname .pointsBalance {
        margin-left: 0px;
    }
    .gametab .tabdescription {
        display: none;
    }
    .gametab .line1 {
        font-size: 10px;
    }
    .gametab .line1 h3 {
        font-size: 14px;
    }
    .gametab .line2 {
        display: none;
    }
    .game-settings .settings {
        text-align: left;
    }
    .dataleft .or {
        text-align: center;
    }
    .betbutton {
        margin: 0px auto;
    }
    .finishbet h2 {
        font-size: 20px;
        line-height: 150%;
    }
    .nd .finishbet .avatar {
        width: 146px;
        height: 130px;
        background-size: cover;
    }
    .nd .finishbet .avatar img {
        width: 80px;
        height: 80px;
    }
    .nd .betitems {
        margin-top: 12px;
        width: 100%;
    }
    .nd .betitem img {
        height: 56px;
        width: 56px;
    }
    .profile .nick {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .profile .avatar {
        margin-top: 80px;
    }
    .mywins h2 {
        font-size: 28px;
    }
    .mywin {
        margin-bottom: 30px;
    }
    .profilesettings #showsettingslink,
    .profilesettings #showTeamLink {
        font-size: 18px;
    }
    .startbet {
        position: absolute;
        top: 240px;
        padding: 0;
        min-height: auto;
        height: 148px;
    }
    .startbet-modal {
        padding: 36px 50px 22px;
        top: 34px;
        left: 24px;
        right: 24px;
        max-height: 150px;
        width: calc(100% - 48px);
    }
    .startbet-modal:before {
        top: -29px;
        height: 78px;
        width: 100px;
    }
    .startbet-modal:after {
        top: auto;
        bottom: -8px;
        right: 0;
        height: 68px;
        width: 75px;
        -webkit-transform: rotate(110deg);
        -ms-transform: rotate(110deg);
        transform: rotate(110deg);
    }
    .startbet-modal h2 {
        margin: 0 auto 10px;
        font-size: 16px;
        line-height: 22px;
    }
    .battles h2 {
        font-size: 30px;
    }
    .navigation > li {
        margin-left: 10px;
        margin-bottom: 10px;
        line-height: 300%;
    }
    .navigation > li > a {
        font-size: 15px;
        border: 1px solid #555;
        padding: 10px;
        border-radius: 6px;
        text-decoration: none;
    }
    .gametab .timeleft {
        visibility: hidden;
    }
    .dataleft .or {
        visibility: hidden;
        height: 10px;
    }
    #openChatButton {
        margin-left: 8px;
        display: block;
        bottom: 15%;
    }
    .chat {
        max-width: 300px;
        width: 100%;
    }
    .chat .chatheader {
        background: #30393c;
        -webkit-box-shadow: -1px -1px 0px 0px #4e4d57 inset;
        box-shadow: -1px -1px 0px 0px #4e4d57 inset;
    }
    .chat .chat-tab {
        background: #30393c;
        -webkit-box-shadow: -1px -1px 0px 0px #4e4d57 inset;
        box-shadow: -1px -1px 0px 0px #4e4d57 inset;
    }
    .chat-tabs {
        width: calc(100% - 40px);
    }
    .chat .chatheader .close-chat {
        left: auto;
        right: 0;
        background: transparent;
        top: 0;
    }
    .chat .chatheader .close-chat img {
        width: 24px;
        height: 24px;
    }
    .chat .chat-tab {
        font-size: 14px;
    }
    .chat .smilesBox {
        bottom: 0;
        top: 0;
        left: 0;
        height: auto;
    }
    .betinfo .nick {
        font-size: 15px;
    }
    .betinfo .betsumm {
        margin-top: 20px;
    }
    .gangsta-top .summ {
        text-align: left;
    }
    .battlehistorypage .gangsta-top .battle.gangsta {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 76px;
    }
    .battlehistorypage .gangsta-top .number {
        width: 100%;
        margin-left: -60px;
    }
    .battlehistorypage .gangsta-top .user {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        width: 100%;
        position: static;
    }
    .gangsta-top .avatar {
        position: absolute;
        left: 16px;
    }
    .battlehistorypage .gangsta-top .cost:before {
        content: attr(data-text);
        display: inline-block;
        color: #7e8487;
        font-size: 14px;
        font-weight: 700;
        margin-right: 4px;
        vertical-align: middle;
    }
    .battlehistorypage .gangsta-top .chance:before {
        content: attr(data-text);
        display: inline-block;
        color: #7e8487;
        font-size: 14px;
        font-weight: 700;
        margin-right: 4px;
        vertical-align: middle;
    }
    .battlehistorypage .gangsta-top .summ {
        width: 100%;
    }
    .nd .finishbet .roundNum {
        margin: 35px auto 38px;
        padding: 0 50px;
        color: #7e8487;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
    }
    #coinflip .waiting .bank {
        text-align: center;
        padding-left: 0px;
    }
    #promocode-modal {
        display: none;
    }
    #coinflip .roomnew-thead {
        display: none;
        /*font-size: 13px;*/
    }
    #coinflip .roomnew .player .avatar img,
    #coinflip .roomnew .join-button {
        width: 32px;
        height: 32px;
    }
    #coinflip .roomnew .join-button .btn-lg {
        height: 32px;
        font-size: 16px;
    }
    #coinflip .roomnew .roomnew-info {
        font-size: 20px;
        padding-top: 7px;
    }
    .coinflipheader p {
        display: none;
    }
    .band-page h1 {
        font-size: 40px;
    }
    .band-page .band-gangsters h2 {
        font-size: 20px;
    }
    .band-page .band-gangsters .gangster .gangster-info {
        padding-left: 20px;
    }
    .band-page .band-gangsters .gangster .winSumm {
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .account-panel .account-links {
        margin: 20px 0 0 0px;
    }
    .navigation {
        padding: 0px;
    }
    .header {
        margin-top: 0;
    }
    .header-alert {
        padding: 2px 44px;
        height: 62px;
        margin-top: 0;
    }
    .gift-for-top h2 {
        font-size: 27px;
        margin-bottom: 20px;
    }
    .gift-for-top .desrc {
        font-size: 17px;
    }
    .gift-for-top .timer-for-top {
        font-size: 27px;
    }
    .join-top-button {
        margin-top: 10px;
    }
    .nd .finishbet .winnerinfo .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
    }
    .nd .finishbet .winnerinfo .winnerBank {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin-bottom: 24px;
        padding: 0;
    }
    .nd .finishbet .winnerinfo .winnerChance .winnerinfo__caption {
        font-size: 14px;
    }
    .nd .finishbet .winnerinfo .winnerChance .winnerinfo__value {
        font-size: 14px;
    }
    .nd .finishbet .winnerinfo__value img {
        display: none;
    }
    .nd .finishbet .winnerinfo .winnerTicket .winnerinfo__caption {
        font-size: 14px;
    }
    .nd .finishbet .winnerinfo .winnerTicket .winnerinfo__value {
        font-size: 14px;
    }
    .nd .finishbet .winnerinfo {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-top: 24px;
    }
    .nd .finishbet {
        background: url("../images/nd/history/bg-mobile.png") center top
        no-repeat;
        background-size: cover;
        text-align: center;
        min-height: 637px;
        color: #f1f1f1;
        position: relative;
    }
    .band2-page .bandheader .bandName {
        font-size: 30px;
        margin-top: 10px;
    }
    .band2-page .bandheader .bandInfo .icon {
        display: none;
    }
    .band2-page .bandStats .digit {
        font-size: 30px;
    }
    div.band2-page div#page-profile div.bandStats div.row div.col-md-4 {
        margin-bottom: 10px;
    }
    .band2-page .leaders {
        gap: 4px;
    }
    .band2-page .leader {
        width: calc(50% - 2px);
    }
    .band2-page .top-wins h3 {
        font-size: 30px;
    }
    .band2-page .bandheader .bandlogo img {
        width: 80px;
        height: 80px;
    }
    .band2-page .bandheadersmall .bandName {
        display: none;
    }
    .band2-page .bandBalanceBlock {
        padding: 24px 16px;
    }
    .band2-page #sendPointsBlock .confirmTransfer .avatar {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    div.band2-page
    div#page-finances
    div.bandContent
    div#fillBandBank
    div.row
    div.col-md-6
    div.send-points
    input.form-control.input-lg {
        margin: 10px 0px;
    }
    .band2-page #historyBankBalance .thead {
        display: none;
    }
    .band2-page #page-requests .request .avatar {
        display: block;
        text-align: center;
    }
    div.band2-page div#page-settings div.bandContent {
        padding: 0px 10px;
    }
    .band2-page #page-settings .loadContents .button {
        margin-bottom: 10px;
    }
    .getto-modal-body {
        top: calc(5vh - 10px);
        max-height: 80vh;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 10px;
    }
    .getto-modal-body .getto-modal-actions .btn {
        margin-bottom: 5px;
        display: inline-block;
    }

    .nd .profile {
        padding: 16px;
    }

    .nd .profile .userLevelBlock {
        margin-bottom: 52px;
        margin-left: 0;
        margin-right: 0;
    }
    .nd .profile .userLevelBlock .currentLevel {
        width: 72px;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .nd .profile .userLevelBlock .currentLevel .level {
        margin: 0;
    }
    .nd .profile .userLevelBlock .currentLevel .level-text {
        position: absolute;
        top: calc(100% + 14px);
        left: 0;
        white-space: nowrap;
    }
    .nd .profile .userLevelBlock .nextLevel {
        width: 72px;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .nd .profile .userLevelBlock .nextLevel .level {
        margin: 0;
    }
    .nd .profile .userLevelBlock .nextLevel .level + div {
        position: absolute;
        top: calc(100% + 14px);
        right: 0;
    }
    .nd .profile .userLevelBlock .level-text {
        text-align: right;
        white-space: nowrap;
    }
    .nd .profile .userLevelBlock .nextLevelBonus {
        text-align: right;
        white-space: nowrap;
    }
    .nd .profile__person {
        margin-top: 100px;
        padding-bottom: 40px;
    }
    .profile__top {
        margin-bottom: 12px;
    }
    .referal__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .referal__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .referal__field {
        width: 100%;
        padding: 0;
        border: none;
    }

    .referal__item {
        max-width: initial;
    }

    .promo-wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .promo-wrapper .button {
        max-width: initial;
    }
    .ProfileGeneratePromo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .ProfileGeneratePromo .your-points {
        width: 100%;
    }
    .ProfileGeneratePromo .promo-wrapper .inputBlock {
        width: 100%;
    }
    .ProfileGeneratePromo .inputBlock {
        width: 100%;
    }
    .ProfileGeneratePromo .nd-checkbox {
        position: static;
    }

    #settingsform .row {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #settingsform .btn {
        margin-top: 20px;
        width: 100%;
    }

    .profilesettingsContent .btn {
        margin-top: 20px;
        width: 100%;
    }

    .nd .battle.thead {
        display: none;
    }

    .nd .battle {
        padding: 12px 12px 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .nd .battle div {
        padding-bottom: 4px;
    }

    .tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        border-bottom: 0;
    }

    .tabs-history {
        margin-bottom: 24px;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .battle-mobile {
        display: inline-block;
        color: #7e8487;
        font-size: 14px;
        font-weight: 700;
    }
    .rightBlockInProfile-wrapper .sendMessageLink {
        display: none;
    }
    .profile__mobile {
        display: block;
    }
    .foundedUser {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .foundedProfile {
        margin-bottom: 12px;
    }
    .foundedUser__balance {
        margin-bottom: 12px;
    }
    .foundedUser .form-control {
        max-width: initial;
        margin-right: 0;
    }
    .pointsTradeHistory__thead-row {
        display: none;
    }
    .exchanger .filters .line1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
    .exchanger .filters .line2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
    .exchanger .filters .line3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .exchanger .filters .line3 .form-group.sellOnly {
        position: relative;
    }
    .exchanger .line1 #exSelectType {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .exchanger .line1 #exSelectRarity {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .exchanger .filters .line2 .form-group {
        width: 100%;
        margin-right: 0;
    }
    .exchanger .filters .line2 .input-summ-wrapper + span {
        margin-bottom: 24px;
    }
    .exchanger .line2 .form-control {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .exchanger .filters .line3 .form-group.nd-checkbox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .exchanger .filters .line3 .form-group.form-submit {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .exchanger .filters .input-stattrak {
        width: 100%;
    }
    .nd .selectgame-tab {
        max-width: 160px;
        white-space: nowrap;
    }
    .exchanger .pointsDescr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 14px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .pointsDescr > span {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pointsDescr-value {
        margin-right: 0;
        margin-bottom: 8px;
        display: block;
        font-size: 20px;
    }
    .fillPoints {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .fillPoints__col {
        width: 100%;
    }
    .fillPoints form {
        margin-bottom: 0;
    }
    .fillPoints .form-group {
        margin-right: 0;
        margin-bottom: 32px;
    }
    .fillPoints .btn-success {
        min-width: 100%;
    }
    .exchanger .filters .form-submit .btn-success {
        width: 50%;
        min-width: initial;
    }
    .exchanger .filters .form-submit .btn-cancel {
        width: 50%;
    }
    .exchanger .filters .line1 .form-control.input-search-wrapper {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .exchanger .filters .line2 .form-group.form-summ {
        width: 100%;
    }
    .exchanger .line2 #exSelectTradeban {
        width: 100%;
    }
    .exchanger .line2 #exSelectQuality {
        width: 100%;
    }
    .exchanger .filters .line3 .form-group.nd-checkbox:nth-of-type(1) {
        width: 100%;
    }
    .exchanger .filters .line3 .form-group.nd-checkbox:nth-of-type(2) {
        width: 100%;
    }
    .partner-header__text {
        font-size: 20px;
    }
    .partner-header__desc {
        font-size: 14px;
    }
    .partner-header {
        padding: 114px 0 50px;
        background-image: url("../images/nd/referal/referal-bg-mobile.png");
    }
    .nd .mobile-table {
        overflow: auto;
    }
    .nd .mobile-table .battle.thead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .partner {
        margin-top: 98px;
        overflow: initial;
    }
    .partner-header__title {
        top: -94px;
        left: 16px;
        margin-bottom: 20px;
        background: none;
        width: auto;
        padding: 0;
        font-size: 24px;
        color: #f1f1f1;
    }
    .partner-header__faq {
        top: -38px;
        left: 16px;
        right: initial;
    }
    .rules__container {
        position: relative;
        margin: 0;
        padding: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .rules__sidebar {
        width: 100%;
        margin: 92px 0 48px;
    }
    .rules__header {
        background: none;
        height: auto;
    }
    .rules__header-title {
        position: absolute;
        left: 0;
        top: -61px;
        background: none;
        padding: 0;
        color: #f1f1f1;
        font-size: 24px;
    }
    .rules__support {
        display: none;
    }
    .rules.nd {
        overflow: initial;
    }
    .rules__wrapper .input-search-wrapper {
        position: absolute;
        left: 16px;
        top: 20px;
        width: calc(100% - 32px);
    }
    .gangsta-page__table {
        margin-top: 20px;
    }
    .gangsta-page__table .battle.thead {
        display: none;
    }
    .gangsta-page__table .battle .summ {
        font-size: 16px;
        text-align: left;
    }
    .gangsta-page__table .gangsta-row.battle {
        position: relative;
        padding: 18px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .gangsta-page__table > .gangsta-row .col-sm-1 {
        width: 60px;
        height: auto !important;
        padding: 0;
        background-size: 60px 100% !important;
    }
    .gangsta-page__table .gangsta-row.battle div {
        padding-bottom: 0;
    }
    .gangsta-page__table .battle .col-sm-4 {
        padding-left: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .gangsta-page__table .battle .nick {
        padding-bottom: 40px !important;
    }
    .gangsta-page__table .battle .gangstastat {
        display: none;
    }
    .gangsta-page__table .gangsta-row .col-sm-2:not(.text-center) {
        display: none;
    }
    .gangsta-page__mob {
        display: inline-block;
    }
    .gangsta-page__table .gangsta-row .col-sm-2.text-center {
        position: absolute;
        left: 120px;
        bottom: 40px;
    }
    .gangsta-page__table .gangsta-row .col-sm-2.text-center .summ {
        color: #7e8487;
        font-size: 12px;
        font-weight: 500;
        text-transform: initial;
    }
    .gangsta-page__table .gangsta-row .col-sm-3 {
        position: absolute;
        left: 120px;
        bottom: 18px;
    }
    .gangsta-page__prize {
        background: transparent;
        width: auto;
        height: auto;
    }
    .gangsta-page__header {
        padding: 40px 12px;
        height: 464px;
        background: url("../images/nd/top/header-bg-m.png") top center;
        background-size: cover;
    }
    .gangsta-page__header-title {
        text-align: center;
    }
    .gangsta-page__header-text {
        text-align: center;
        margin-bottom: 32px;
    }
    .gangsta-page__header-next {
        text-align: center;
    }
    #top-timer {
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #top-timer:before {
        top: -60px;
        left: -30px;
    }
    .gangsta-page__header-fast {
        margin-left: auto;
        display: table;
    }

    .gangsta-page__tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 12px;
        gap: 10px;
        margin-top: -20px;
    }
    .gangsta-page__tab {
        border-radius: 6px;
        height: 44px;
        border: 1px solid #606060;
        background: -o-linear-gradient(
                bottom,
                rgba(112, 112, 112, 1) 0%,
                rgba(96, 96, 96, 0) 100%
        );
        background: -webkit-gradient(
                linear,
                left bottom, left top,
                from(rgba(112, 112, 112, 1)),
                to(rgba(96, 96, 96, 0))
        );
        background: linear-gradient(
                0deg,
                rgba(112, 112, 112, 1) 0%,
                rgba(96, 96, 96, 0) 100%
        );
    }
    .gangsta-page__tab.active .gangsta-page__tab-box {
        background: rgba(41, 49, 52, 0.4);
    }
    .gangsta-page__tab.active:before {
        display: none;
    }
    .gangsta-page__tab.active:after {
        display: none;
    }
    .gangsta-page__tab-box {
        height: 44px;
        width: 100%;
    }
    .gangsta-page__winner {
        max-width: 192px;
        margin-right: 6px;
        margin-left: 6px;
    }
    .weekly .gangsta-page__winner {
        margin-top: 18px;
    }
    .gangsta-page__winner.first {
        margin-top: 0;
    }

    .winner-band-small {
        width: 100%;
    }
    .top-bands .band {
        padding: 24px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .top-bands .band div {
        padding-bottom: 0;
    }
    .top-bands .band:nth-of-type(1) .col-sm-1 {
        margin-top: -24px;
    }
    .top-bands .band:nth-of-type(2) .col-sm-1 {
        margin-top: -24px;
    }
    .top-bands .band:nth-of-type(3) .col-sm-1 {
        margin-top: -24px;
    }
    .top-bands .band .col-sm-3 {
        width: calc(100% - 84px);
        padding-right: 0;
        margin-bottom: 20px;
    }
    .top-bands .band .col-sm-6 {
        padding-left: 16px;
        width: 100%;
        margin-bottom: 20px;
    }
    .top-bands .band .col-sm-2 {
        padding-left: 16px;
    }
    .top-bands .participants {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .top-bands .participants .gangster {
        display: block !important;
    }
    .top-bands .participants .gangster.merged:after {
        display: none;
    }
    .top-bands-header {
        margin-top: 61px;
        padding: 73px 0 79px;
    }
    .nd.top-bands {
        margin-top: 69px;
        overflow: initial;
    }
    .top-bands-header__title {
        top: -61px;
        left: 16px;
        margin-bottom: 20px;
        background: none;
        width: auto;
        padding: 0;
        font-size: 24px;
        color: #f1f1f1;
    }
    .top-bands-header__faq {
        top: -57px;
        right: 16px;
    }
    .top-bands-header__text {
        margin-bottom: 16px;
        font-size: 20px;
    }
    .top-bands-header__desc {
        font-size: 14px;
        margin-bottom: 32px;
    }
    .top-bands .bands-ratings {
        margin-top: -19px;
    }
    .nd .selectgame {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        overflow: auto;
        padding-left: 12px;
    }
    .band2-page .sendPoints-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pageband-header__item {
        width: calc(50% - 6px);
    }
    .pageband-header__btn {
        position: relative;
        top: auto;
        right: auto;
    }
    .pageband-header__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .band2-page .bandContent {
        padding: 24px 16px;
    }
    .bandBalance-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .bandBalance-balance {
        width: 100%;
        margin-bottom: 20px;
    }
    .band2-page #fillBandBank {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .band2-page #fillBandBank .foundedUser__balance {
        margin-bottom: 0;
    }
    .band2-page #fillBandBank .form-control {
        max-width: 100%;
    }
    .band2-page .sendPoints-row .btn {
        width: calc(50% - 10px);
        min-width: auto;
    }
    .band2-page .bandRequestBlock {
        padding: 24px 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .bandRequestBlock-item1 {
        padding-right: 36px;
        width: calc(50% - 2px);
    }
    .bandRequestBlock-item2 {
        padding-right: 0;
        padding-left: 36px;
        width: calc(50% - 2px);
    }
    .bandRequestBlock-item3 .sendMoneyBlock-wrapper {
        padding: 12px 0 0;
        border: none;
    }
    .bandsetting-wrapper {
        padding: 24px 0;
    }
    .loadContents {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .loadContents-item {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .band2-page #page-settings hr {
        margin: 12px 0 32px;
    }
    .band2-page #page-settings .settingsLabel {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .band2-page #page-settings .formComment {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .bandsetting {
        background: none;
        margin: 0;
        padding: 24px 16px;
    }
    .nd .battle.gangster {
        padding: 16px 16px 16px 76px;
        position: relative;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .nd .battle.gangster br {
        display: none;
    }
    .nd .battle.gangster .avatar {
        position: absolute;
        left: 16px;
        top: 16px;
    }
    .band2-page .gangster .account-tb {
        position: static;
    }
    .band2-page .gangster .winsumm {
        text-align: left;
        padding-bottom: 0;
    }
    .inventory-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .inventory-item.inventoryblock {
        width: 100%;
    }
    .inventory__header-title {
        position: absolute;
        left: 0;
        top: -61px;
        background: none;
        padding: 0;
        color: #f1f1f1;
        font-size: 24px;
    }
    .inventory__header {
        height: auto;
        background: none;
    }
    .inventory-page.nd {
        margin: 69px 16px 0;
        overflow: initial;
    }
    .inventory-container {
        margin: 0;
    }
    .inventory-inner__row:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 12px;
    }
    body .button_edcf {
        margin-bottom: 110px !important;
    }
    .doubleGame .usersBets .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .doubleGame .betsBlock {
        margin-top: 32px;
    }
    .double-history__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .double-history__change.double-history__prev {
        margin: 0;
        left: 16px;
    }
    .double-history__change.double-history__prev img {
        margin: 0;
    }
    .double-history__change.double-history__next {
        margin: 0;
        right: 16px;
    }
    .double-history__change.double-history__next img {
        margin: 0;
    }
    .double-history__close {
        display: none;
    }
    .doubleGame.double-history:after {
        display: none;
    }
    .double-history__change {
        position: absolute;
        top: 16px;
        font-size: 0;
    }
    .nd .bet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }
    .nd .bet__user {
        width: 100%;
        padding-right: 130px;
    }
    .nd .bet__value {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        margin-top: 0;
        margin-right: 0;
    }
    .nd .betitem {
        margin-right: 2px;
    }
    #roulette.nd.gameblock {
        border-radius: 20px;
        background: -o-linear-gradient(
                top,
                rgba(49, 64, 68, 0.7) 0%,
                rgba(22, 22, 22, 0.7) 99.22%
        );
        background: -webkit-gradient(
                linear,
                left top, left bottom,
                from(rgba(49, 64, 68, 0.7)),
                color-stop(99.22%, rgba(22, 22, 22, 0.7))
        );
        background: linear-gradient(
                180deg,
                rgba(49, 64, 68, 0.7) 0%,
                rgba(22, 22, 22, 0.7) 99.22%
        );
    }
    .banknotice {
        position: absolute;
        font-size: 12px;
        max-width: initial;
        left: 16px;
        right: 16px;
        margin: 0 auto;
        text-align: center;
        top: 200px;
    }
    #coinflip .banknotice {
        margin-top: 32px;
        position: static;
    }
    #coinflip .game-settings-right {
        width: auto;
        position: absolute;
        right: 16px;
        top: 16px;
    }
    .room-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .sort-rooms {
        margin-top: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .room-sort {
        margin-right: 0;
        margin-bottom: 12px;
    }
    .game-settings:after {
        width: 70px;
        height: 54px;
        background-size: cover;
    }
    .game-settings-right {
        width: 100%;
        margin-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .upgrader-fast + .game-settings-right {
        width: auto;
        margin-left: auto;
    }
    .game-settings-title {
        height: 32px;
    }
    .game-settings-title h2 {
        font-size: 16px;
    }
    .game-settings {
        padding: 20px 16px;
    }
    .timer-sep {
        margin: 0 0px 8px;
    }
    .rouletteblock .or {
        margin: 0 6px;
        font-size: 14px;
    }
    .itemstext .count {
        top: 20px;
        font-size: 20px;
    }
    .itemstext .text {
        position: absolute;
        top: 53px;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .rouletteblock {
        margin: 0 12px 90px;
    }
    .rouletteinfo {
        padding-bottom: 35px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: -o-radial-gradient(
                50% 129.41%,
                214.8% 72.16%,
                rgba(255, 255, 255, 0.3) 0%,
                rgba(255, 255, 255, 0) 100%
        );
        background: radial-gradient(
                214.8% 72.16% at 50% 129.41%,
                rgba(255, 255, 255, 0.3) 0%,
                rgba(255, 255, 255, 0) 100%
        );
    }
    .bankblock {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 14px;
    }
    .bankblock-title {
        font-size: 14px;
    }
    .rouletteinfo-players {
        margin-bottom: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .rouletteinfo-players__text {
        margin-bottom: 0;
        margin-right: 12px;
        font-size: 14px;
    }
    .rouletteinfo-players__count {
        font-size: 14px;
    }
    .room-new-action {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none;
        background: none;
        z-index: 1;
    }
    #coinflip .roomnew h3 {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .nd .room-join {
        margin-right: 0;
        border-radius: 10px;
        border: 1px solid #00b5f4;
        background: -o-radial-gradient(
                50% 100%,
                225.6% 100.51%,
                rgba(0, 181, 244, 0.7) 0%,
                rgba(0, 181, 244, 0.17) 100%
        ),
        #003a4e;
        background: radial-gradient(
                225.6% 100.51% at 50% 100%,
                rgba(0, 181, 244, 0.7) 0%,
                rgba(0, 181, 244, 0.17) 100%
        ),
        #003a4e;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 181, 244, 0.69) inset;
        box-shadow: 0px 0px 15px 0px rgba(0, 181, 244, 0.69) inset;
    }
    #coinflip .hash {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #coinflip .room-hash {
        margin-top: 13px;
    }
    #coinflip .room-hash:before {
        display: none;
    }
    #coinflip .roomnew .player-bet {
        padding: 16px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }
    #coinflip .roomnew .profile-small {
        width: 80%;
    }
    .room-player-info {
        width: auto;
        position: absolute;
        right: 0;
        top: 16px;
    }
    #coinflip .roomnew .skins {
        width: 100%;
        margin-top: 16px;
    }
    .room-players.usersinbattle {
        width: auto;
        margin-right: 0;
        padding: 0;
    }
    .nd .room-items.betitems {
        display: none;
    }
    .nd #typeRoom {
        padding: 16px;
    }

    .nd .room-top {
        height: auto;
    }
    .nd .room-top .bet__value {
        margin-top: 0px;
        margin-right: 0px;
    }
    .betsumm-room__title {
        display: none;
    }
    .bet-your {
        display: none;
    }
    .betsumm-room__value {
        font-size: 14px;
        text-align: right;
    }
    .nd .room-players.usersinbattle .user {
        width: 48px;
        height: 48px;
    }
    .nd .room-players.usersinbattle .percent {
        display: none;
    }
    .nd .room-players.usersinbattle .user img:not(.achive-icon) {
        width: 48px;
        height: 48px;
    }
    #coinflip .roomnew .join-button .btn-room {
        width: 48px;
        height: 48px;
    }
    .bet__value .betsumm-room {
        padding: 10px 10px 10px 26px;
        width: 122px;
        height: 42px;
        background-size: contain;
        background-position: left top;
    }
    .resultblock .text {
        font-size: 20px;
    }
    .room-top .selectedinventory {
        padding: 12px 0;
    }
    .freeskin-header {
        background: none;
        height: auto;
    }
    .freeskin-title {
        background: url("../images/nd/freeskin/title-ico.png") left center
        no-repeat;
        position: absolute;
        left: 16px;
        top: -68px;
    }
    .freeskin-block {
        margin: 0px 12px 28px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: url(../images/nd/freeskin/freeskin-bg-m.png) center center;
        background-size: cover;
    }
    .freeskin {
        margin-top: 69px;
        padding-top: 12px;
    }
    .freeskin-block__left {
        padding: 30px 16px 10px;
        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-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .freeskin-block .freeskin-block__title {
        margin-bottom: 11px;
    }
    .freeskin-block__text {
        max-width: 226px;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        margin-bottom: 24px;
    }
    .freeskin-newbanner {
        margin: 0 0 40px;
        padding: 0;
        width: auto;
        background: none;
    }
    .freeskin-newbanner:before {
        display: none;
    }
    .freeskin-newbanner__title {
        text-align: center;
    }
    .freeskin-newbanner__arrow {
        margin: 0 -7px 20px -2px;
    }
    .freeskin-info {
        position: relative;
        top: initial;
        right: initial;
        text-align: center;
        margin-bottom: 20px;
    }
    .freeskin-block__right {
        padding: 0;
    }
    .freeskin-img {
        margin-top: -180px;
    }
    .chat .post .deleteMessage {
        display: block;
    }
    .footer-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-admins {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 50px;
    }
    .footer-admins__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/* mathes game */

.matches-block {
    max-width: 848px;
    background: #fff;
    padding-top: 20px;
    border-top-right-radius: 5px;
    color: #000 !important;
}

.matches-block * {
    font-family: "Roboto";
}

.matches-block strong {
    font-weight: 500;
}

.navigate-matches a {
    text-decoration: none;
    border-bottom: 1px dotted #717171;
    font-weight: lighter;
    color: #717171;
    font-size: 17px;
    display: inline-block;
    margin: 0 18px;
    line-height: 22px;
    margin-bottom: 14px;
}

.navigate-matches a:hover {
    border-bottom: none;
}

.navigate-matches a[date-selected="select"] {
    background: #21a0d8;
    border-bottom: none;
    font-weight: normal;
    border-radius: 7px;
    color: #fff;
    padding: 6px 12px;
    cursor: default;
    height: 35px;
    margin: 0 8px;
}

.navigate-matches a[date-selected="select"]:hover {
    border-bottom: none;
}

.matches-date {
    margin: 6px 0;
}

.points {
    position: relative;
    top: -2px;
    left: 5px;
    margin-right: 7px;
}

.matches-date a {
    color: #717171;
    border-bottom: 1px dotted #717171;
    font-weight: lighter;
    font-size: 14px;
    text-decoration: none;
}

.matches-date a:hover {
    border-bottom: none;
}

.matches-item {
    background: #f5f5f5;
    border-bottom: 1px solid #fff;
    height: 56px;
    margin: 0;
    clear: both;
    overflow: hidden;
}

.matches-item:hover {
    background: #fafafa;
    cursor: default;
}

.matches-item > div {
    float: left;
}

.matches-item .team-name {
    width: 149px;
    height: 54px;
    position: relative;
    overflow: hidden;
}

.matches-item .team-name-left {
    text-align: right;
}

.matches-item .team-name > span {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-top: 18px;
}

.matches-item .team-name .summa {
    color: #219fd7;
    font-size: 14px;
    line-height: 18px;
}

.matches-item .isset-summa > span {
    margin-top: 8px !important;
}

.matches-item .avatar,
.selected-matche .avatar {
    width: 50px;
    height: 50px;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 10px 0;
    overflow: hidden;
    text-align: center;
}

.matches-item .avatar img,
.selected-matche .avatar img {
    width: 50px;
    height: 50px;
    background: #000;
}

.matches-item .team-win {
    color: #3dbd3d !important;
    margin-top: 14px !important;
}

.team-name-left .team-win:before {
    content: url(/matches/images/matches/win.png);
    position: relative;
    top: 4px;
    left: -5px;
}

.team-name-right .team-win:after {
    content: url(/matches/images/matches/win.png);
    position: relative;
    top: 4px;
    right: -5px;
}

.rates-block {
    background: url(/matches/images/matches/info-matche.png);
    height: 50px;
    width: 388px;
    position: relative;
    margin: 0 10px;
    margin-top: 3px;
}

.blue-rate,
.green-rate {
    cursor: pointer;
    position: absolute;
}

.rate-left {
    left: -10px;
}

.rate-right {
    right: -10px;
}

.blue-rate {
    background: url(/matches/images/matches/button_sprites.png) -10px -10px;
    height: 50px;
    width: 116px;
    padding-top: 9px;
}

.blue-rate:hover {
    background: url(/matches/images/matches/button_sprites.png) -146px -10px;
}

.green-rate {
    background: url(/matches/images/matches/button_sprites.png) -10px -80px;
    height: 50px;
    width: 116px;
    padding-top: 9px;
}

.green-rate:hover {
    background: url(/matches/images/matches/button_sprites.png) -146px -80px;
}

.blue-rate span:first-child,
.green-rate span:first-child {
    font-weight: 400;
}

.blue-rate strong,
.green-rate strong {
    font-size: 14px;
}

.blue-rate span,
.green-rate span {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: block;
    text-align: center;
    line-height: 16px;
}

.green-rate span {
    color: #000;
}

.info-matche {
    width: 176px;
    height: 50px;
    text-align: center;
    padding-top: 14px;
    margin: auto;
}

.info-matche span {
    color: #fff;
    font-size: 12px;
    font-weight: lighter;
    border-right: 1px dotted #fff;
    padding-right: 7px;
    padding-left: 5px;
    display: inline-block;
    line-height: 12px;
}

.info-matche span:last-child {
    border-right: 0;
}

.info-matche .matche-id-hidden {
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: lighter;
    line-height: 12px;
}

.info-matche .result {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin-top: 6px;
}

.info-matche a.matche-live {
    position: relative;
    top: -3px;
    margin-left: 4px;
}

.matche-stream {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    width: 480px;
    height: 270px;
    background: #1d1d28;
    border-radius: 7px;
}

@media only screen and (max-width: 480px) {
    .cases-back {
        position: static;
        margin-top: 77px;
    }
    .cases-detail-case {
        margin-top: 16px;
    }
    .cases-roulette-title {
        margin-top: 16px;
    }
    .right-toolbar {
        gap: 8px;
    }
    .left-menu .menu-button {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }
    .double-row {
        flex-direction: column;
    }
    .double-lasts {
        margin-left: 0;
    }
    .alerts .alert {
        margin: 16px;
        padding: 16px 24px 16px 16px;
        width: 188px;
    }
    .index-inventory .inventoryitem {
        width: calc(20% - 4px);
    }
    .exchanger .item {
        width: calc(50% - 4px);
    }
    .account-info .nickname {
        display: none;
    }
    .header-alert {
        height: 89px;
    }
    .matche-stream {
        width: 100%;
        height: 50%;
    }
    .inventory-item .inventoryitems .inventoryitem {
        width: calc(100% / 3 - 4px);
    }
    .inventory-item .inventoryitems .item {
        width: 100%;
        height: auto;
    }
    .doubleGame-control {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .doubleGame .roulette-wrap {
        width: 284px;
        height: 284px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .doubleGame .roulette {
        left: -30px;
        top: -30px;
        width: 344px;
        height: 344px;
        background-size: cover;
    }
    .doubleGame-marks {
        top: 32px;
    }
    .doubleGame .roulette-wrap .countdown {
        width: 130px;
        height: 130px;
        top: calc(50% - 65px);
        left: calc(50% - 65px);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .doubleGame .roulette-wrap .msg-round {
        top: calc(50% - 65px);
        left: calc(50% - 65px);
        width: 130px;
        height: 130px;
        padding-top: 55px !important;
        line-height: 14px !important;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .progressbar-text {
        font-size: 46px !important;
    }
    .doubleGame:after {
        background-size: cover;
        width: 70px;
        height: 70px;
    }
    .doubleGame-title {
        font-size: 16px;
        width: 118px;
        height: 32px;
        background-size: cover;
    }
    .doubleGame-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .doubleGame-line .form-control {
        width: 100%;
    }
    .doubleGame .input-group-btn {
        width: 100%;
    }
    .double-history__change img {
        background: rgba(23, 22, 26, 0.5);
    }
    .doubleGame.double-history .roulette-wrap .countdown {
        width: 115px;
        height: 115px;
        top: calc(50% - 58px);
        left: calc(50% - 58px);
        padding-top: 16px !important;
        font-size: 56px !important;
    }
    .doubleGame.double-history .roulette-wrap {
        margin: 40px auto;
    }
    .timer-text {
        right: 0;
        left: 0;
        bottom: 4px;
    }
    .getto-modal-body {
        overflow: auto;
    }
    .getto-modal-body .close-button {
        top: 8px;
        right: 8px;
        z-index: 1;
    }
    .balance-item {
        width: 100%;
    }
}

@media only screen and (max-width: 380px) {
    .index-inventory .inventoryitem {
        width: calc(25% - 4px);
    }
    .inventory-item .inventoryitems .inventoryitem {
        width: calc(100% / 2 - 4px);
    }
}

.matche-stream .stream {
    margin-top: 20px;
    width: 480px;
    height: 230px;
    overflow-x: auto;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.matche-stream .stream-box {
}

.matche-stream .stream-box-embed {
    font-size: 12px;
    padding: 5px 10px;
    margin: 5px;
    cursor: pointer;
}

.matche-stream .stream-box-embed:hover {
    background: #000;
}

.matche-stream .stream-box img {
    width: 18px;
    margin-right: 5px;
}

.matche-stream .close-frame {
    position: absolute;
    top: 0px;
    left: calc(100% / 2 - 30px);
    background: #750909;
    font-size: 12px;
    padding-top: 3px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    padding: 2px 15px;
    border-radius: 0 0 7px 7px;
    display: none;
}

.matche-stream .moveng-frame {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
}

.matche-stream .moveng-frame-tl,
.matche-stream .moveng-frame-tr,
.matche-stream .moveng-frame-bl,
.matche-stream .moveng-frame-br {
    position: absolute;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    display: none;
    background: #1d1d28;
}

.matche-stream:hover .close-frame,
.matche-stream:hover .moveng-frame-tl,
.matche-stream:hover .moveng-frame-tr,
.matche-stream:hover .moveng-frame-bl,
.matche-stream:hover .moveng-frame-br {
    display: inline-block;
}

.matche-stream .moveng-frame-tl {
    top: 0;
    left: 0;
}

.matche-stream .moveng-frame-tr {
    top: 0;
    right: 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.matche-stream .moveng-frame-bl {
    bottom: 0;
    left: 0;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.matche-stream .moveng-frame-br {
    bottom: 0;
    right: 0;
}

.info-matche .canceled {
    color: #ff7e15;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    margin-top: 2px;
}

.info-matche .rescheduled {
    color: #ffe073;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    margin-top: 2px;
}

/*** selected-matche ***/

.selected-matche {
    display: none;
    width: 100%;
    height: 267px;
    background: url(/matches/images/matches/selected-matches.png);
    padding-top: 29px;
    text-align: center;
}

.selected-matche .avatar {
    margin: auto;
    margin-bottom: 5px;
}

.selected-matche .rate-title {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}

.selected-matche .team-name {
    color: #b9eb34;
    line-height: 18px;
    font-size: 16px;
    margin-bottom: 14px;
}

.selected-matche input[name="summa"] {
    width: 128px;
    height: 32px;
    border: 1px solid #777980;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    margin-right: 5px;
    margin-top: -2px;
    padding-top: 2px;
}

.selected-matche input[name="summa"]::-webkit-input-placeholder {
    opacity: 0.5;
}

.selected-matche input[name="summa"]::-moz-placeholder {
    opacity: 0.5;
}

.selected-matche input[name="summa"]:-ms-input-placeholder {
    opacity: 0.5;
}

.selected-matche input[name="summa"]::-ms-input-placeholder {
    opacity: 0.5;
}

.selected-matche input[name="summa"]::placeholder {
    opacity: 0.5;
}

.selected-matche .red-btn {
    width: 145px;
    height: 32px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #6f191d), to(#ed332f));
    background-image: linear-gradient(0, #6f191d 0%, #ed332f 100%);
    background-image: -o-linear-gradient(0, #6f191d 0%, #ed332f 100%);
    border: 0;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 1px;
}

.selected-matche .red-btn:hover {
    background-image: -o-linear-gradient(top, #6f191d 0%, #ed332f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6f191d), to(#ed332f));
    background-image: linear-gradient(180deg, #6f191d 0%, #ed332f 100%);
    background-image: -o-linear-gradient(180deg, #6f191d 0%, #ed332f 100%);
}

.selected-matche .dark-btn {
    width: 149px;
    height: 32px;
    border: 1px solid #464651;
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #292933), to(#5b5b63));
    background-image: linear-gradient(0, #292933 0%, #5b5b63 100%);
    background-image: -o-linear-gradient(0, #292933 0%, #5b5b63 100%);
    opacity: 0.8;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}

.selected-matche .dark-btn:hover {
    background-image: -o-linear-gradient(top, #292933 0%, #5b5b63 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#292933), to(#5b5b63));
    background-image: linear-gradient(180deg, #292933 0%, #5b5b63 100%);
    background-image: linear-gradient(180deg, #292933 0%, #5b5b63 100%);
    background-image: -o-linear-gradient(180deg, #292933 0%, #5b5b63 100%);
}

.selected-matche .win-summa {
    color: #fff;
    font-size: 12px;
    font-style: italic;
    margin-top: 3px;
    margin-bottom: 18px;
}

.selected-matche .win-summa span {
    color: #b9eb34;
}

/*** user-matche-info ***/

.user-matche-info {
    background: #4b4b55;
    min-height: 108px;
    padding-left: 25px;
    margin-top: 6px;
}

.user-matche-info div {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin: 26px 0;
}

.user-matche-info div strong {
    font-size: 24px;
}

.user-matche-info > div.col {
    float: left;
    width: calc(20% - 5px);
    min-width: 150px;
}

/*** user-action-matches */

.user-action-matches {
    color: #000;
    font-size: 14px;
    display: none;
}

.user-action-matches .row {
    margin: 0;
}

.user-action-matches-title > div {
    height: 56px;
    font-weight: 500;
    padding-left: 20px;
    padding-top: 24px;
    cursor: default;
}

.user-action-matches-item {
    height: 69px;
    background: #f5f5f5;
    border-bottom: 1px solid #fff;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
}

.user-action-matches-item:hover {
    background: #fafafa;
    cursor: default;
}

.user-action-matches-item .col {
    float: left;
    height: 70px;
}

.user-action-matches-title .col {
    float: left;
}

.user-action-matches-item .col:nth-child(1),
.user-action-matches-title .col:nth-child(1) {
    width: 293px;
}

.user-action-matches-item .col:nth-child(2),
.user-action-matches-title .col:nth-child(2) {
    width: 157px;
}

.user-action-matches-item .col:nth-child(3),
.user-action-matches-title .col:nth-child(3) {
    width: 113px;
}

.user-action-matches-item .col:nth-child(4),
.user-action-matches-title .col:nth-child(4) {
    width: 134px;
}

.user-action-matches-item .col:nth-child(5) {
    width: 130px;
}

.user-action-matches-item .team-name-right {
    margin-right: 1px;
}

.user-action-matches-item .avatar {
    width: 39px;
    height: 39px;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 6px;
    overflow: hidden;
    text-align: center;
}

.user-action-matches-item .avatar img {
    width: 35px;
    height: 35px;
    margin-top: 1px;
}

.user-action-matches-item .two-teams {
    margin-left: -3px;
}

.user-action-matches-item .two-teams > div {
    display: inline-block;
}

.user-action-matches-item .two-teams > span {
    display: inline-block;
    width: 49px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    top: -14px;
}

.user-action-matches-item .team-name {
    position: relative;
    top: -13px;
}

.user-action-matches-item .team-name span {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
}

.user-action-matches-item .matche-info {
    color: #8c8c8c;
    font-weight: lighter;
    font-size: 11px;
    margin: -4px 0 0 1px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.user-action-matches-item .matche-info span {
    line-height: 11px;
}

.user-action-matches-item .matche-info span:after {
    content: "|";
    padding: 0 7px;
}

.user-action-matches-item .matche-info span:last-child:after {
    content: "";
}

.user-action-matches-item .col .rate,
.user-action-matches-item .col .result {
    margin: 26px 0 0 3px;
}

.user-action-matches-item .col span.date {
    color: #8b8b8b;
    font-size: 11px;
    font-weight: lighter;
    margin: 2px 0 0 2px;
}

.user-action-matches-item .col .status {
    margin: 22px 0 0 1px;
    line-height: 12px;
}

.user-action-matches-item .col .red {
    color: #ef3741;
}

.user-action-matches-item .col .green {
    color: #3dbd3d;
}

.user-action-matches-item:hover .matche-info {
    position: absolute;
}

.user-action-matches-item:hover .rate {
    margin-top: 17px;
}

.user-action-matche-empty p {
    text-align: center;
    padding: 15px 0 15px;
    background: #f5f5f5;
    margin: 0;
}

#exchangeMonneyToPoints {
    margin-top: 26px;
}

@media only screen and (max-width: 848px) {
    .matches-item {
        min-width: 444px;
        height: 118px;
    }
    .matches-item .rates-block {
        position: absolute;
        margin-top: 59px;
        left: calc(50% - 204px);
    }
    .matches-item .team-name-left {
        margin-left: calc(50% - 218px);
    }
    /*** user-action-matches-item ***/
    .user-action-matches-title {
        display: none;
    }
    .user-action-matches-item {
        height: 140px;
        padding-left: 0px;
    }
    .user-action-matches-item .col {
        width: 25% !important;
        text-align: center;
    }
    .user-action-matches-item .two-teams {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    /*** user-action-matches-item ***/
    .user-action-matches-item {
        height: auto;
        padding-left: 0px;
    }
    .user-action-matches-item .col {
        width: 50% !important;
        text-align: center;
    }
    .user-action-matches-item .two-teams {
        width: 100% !important;
        min-width: 280px;
    }
}

@media only screen and (max-width: 444px) {
    .matches-item {
        height: 150px;
        min-width: auto;
        padding-top: 3px;
    }
    .matches-item .team-name {
        margin-left: 0;
        width: calc(50% - 70px);
    }
    .matches-item .rates-block {
        margin-top: 104px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        left: 0;
        background: none;
    }
    .matches-item .rate-left,
    .matches-item .rate-right {
        top: -43px;
    }
    .matches-item .rate-left {
        left: calc(50% - 120px);
    }
    .matches-item .rate-right {
        right: calc(50% - 120px);
    }
    .matches-item .info-matche span {
        color: #000 !important;
        border-color: #000;
    }
    .matches-item .rescheduled,
    .matches-item .canceled {
        background: #707077;
        border-radius: 4px;
        padding-top: 2px;
    }
    .matches-item .team-win:after,
    .matches-item .team-win:before {
        content: "";
    }
}

.flip-clock-container * {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flip-clock-container *::before,
.flip-clock-container *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flip-clock-container [class*="flip-item"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-family: "DIN Condensed";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    background: -o-linear-gradient(
            top,
            #fff 1.73%,
            #8a8a8a 36.06%,
            #fff 36.31%,
            #8a8a8a 70.65%
    );
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            color-stop(1.73%, #fff),
            color-stop(36.06%, #8a8a8a),
            color-stop(36.31%, #fff),
            color-stop(70.65%, #8a8a8a)
    );
    background: linear-gradient(
            180deg,
            #fff 1.73%,
            #8a8a8a 36.06%,
            #fff 36.31%,
            #8a8a8a 70.65%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flip-clock-container [class*="flip-item"]::before {
    content: ":";
    font-family: "DIN Condensed";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
}

.flip-clock-container [class*="flip-item"]:first-child::before {
    content: none;
}

.flip-clock-container [class*="flip-item"] .flip-digit {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25px;
    text-align: center;
    height: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: -o-linear-gradient(top, #18191a 1.9%, #1e2529 99.89%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.9%, #18191a), color-stop(99.89%, #1e2529));
    background: linear-gradient(180deg, #18191a 1.9%, #1e2529 99.89%);
}

.flip-clock-container [class*="flip-item"] .flip-digit > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-perspective: 300px;
    perspective: 300px;
    background: -o-linear-gradient(top, #18191a 1.9%, #1e2529 99.89%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.9%, #18191a), color-stop(99.89%, #1e2529));
    background: linear-gradient(180deg, #18191a 1.9%, #1e2529 99.89%);
}

.flip-clock-container [class*="flip-item"] .flip-digit > span::after,
.flip-clock-container [class*="flip-item"] .flip-digit > span::before {
    content: attr(data-digit);
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-family: "DIN Condensed";
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-clock-container [class*="flip-item"] .flip-digit > span::before {
    top: 0;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #000;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    background: -o-linear-gradient(top, #fff 3.73%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3.73%, #fff), to(#8a8a8a));
    background: linear-gradient(180deg, #fff 3.73%, #8a8a8a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flip-clock-container [class*="flip-item"] .flip-digit > span::after {
    bottom: 0;
    line-height: 7px;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #000;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    background: -o-linear-gradient(#fff 3.31%, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3.31%, #fff), to(#8a8a8a));
    background: linear-gradient(#fff 3.31%, #8a8a8a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flip-clock-container
[class*="flip-item"]
.flip-digit.flipping
.flip-digit-next {
    z-index: 0;
    -webkit-animation: afterZIndexAnim 0.9s linear forwards;
    animation: afterZIndexAnim 0.9s linear forwards;
}

.flip-clock-container
[class*="flip-item"]
.flip-digit.flipping
.flip-digit-next::before {
    -webkit-animation: afterUpShadowAnim 0.9s linear forwards;
    animation: afterUpShadowAnim 0.9s linear forwards;
}

.flip-clock-container
[class*="flip-item"]
.flip-digit.flipping
.flip-digit-next::after {
    -webkit-animation: afterFlipAnim 0.9s linear forwards,
    afterDownShadowAnim 0.9s linear forwards;
    animation: afterFlipAnim 0.9s linear forwards,
    afterDownShadowAnim 0.9s linear forwards;
}

.flip-clock-container
[class*="flip-item"]
.flip-digit.flipping
.flip-digit-current {
    z-index: 1;
    -webkit-animation: currentZIndexAnim 0.9s linear forwards;
    animation: currentZIndexAnim 0.9s linear forwards;
}

.flip-clock-container
[class*="flip-item"]
.flip-digit.flipping
.flip-digit-current::before {
    -webkit-animation: currentFlipAnim 0.9s linear forwards,
    currentUpShadowAnim 0.9s linear forwards;
    animation: currentFlipAnim 0.9s linear forwards,
    currentUpShadowAnim 0.9s linear forwards;
}

.flip-clock-container
[class*="flip-item"]
.flip-digit.flipping
.flip-digit-current::after {
    -webkit-animation: currentDownShadowAnim 0.9s linear forwards;
    animation: currentDownShadowAnim 0.9s linear forwards;
}

@-webkit-keyframes afterZIndexAnim {
    0% {
        z-index: 0;
    }
    100% {
        z-index: 1;
    }
}

@keyframes afterZIndexAnim {
    0% {
        z-index: 0;
    }
    100% {
        z-index: 1;
    }
}

@-webkit-keyframes currentZIndexAnim {
    0% {
        z-index: 1;
    }
    100% {
        z-index: 0;
    }
}

@keyframes currentZIndexAnim {
    0% {
        z-index: 1;
    }
    100% {
        z-index: 0;
    }
}

@-webkit-keyframes afterFlipAnim {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}

@keyframes afterFlipAnim {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}

@-webkit-keyframes afterUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 -100px 20px -10px black;
        box-shadow: inset 0 -100px 20px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
    }
}

@keyframes afterUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 -100px 20px -10px black;
        box-shadow: inset 0 -100px 20px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes afterDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 100px 20px -10px black;
        box-shadow: inset 0 100px 20px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
    }
}

@keyframes afterDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 100px 20px -10px black;
        box-shadow: inset 0 100px 20px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes currentFlipAnim {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

@keyframes currentFlipAnim {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

@-webkit-keyframes currentUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
    }
    50% {
        -webkit-box-shadow: inset 0 -50px 25px -10px black;
        box-shadow: inset 0 -50px 25px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 -100px 25px -10px black;
        box-shadow: inset 0 -100px 25px -10px black;
    }
}

@keyframes currentUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
    }
    50% {
        -webkit-box-shadow: inset 0 -50px 25px -10px black;
        box-shadow: inset 0 -50px 25px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 -100px 25px -10px black;
        box-shadow: inset 0 -100px 25px -10px black;
    }
}

@-webkit-keyframes currentDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
    }
    50% {
        -webkit-box-shadow: inset 0 50px 25px -10px black;
        box-shadow: inset 0 50px 25px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 100px 25px -10px black;
        box-shadow: inset 0 100px 25px -10px black;
    }
}

@keyframes currentDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
    }
    50% {
        -webkit-box-shadow: inset 0 50px 25px -10px black;
        box-shadow: inset 0 50px 25px -10px black;
    }
    100% {
        -webkit-box-shadow: inset 0 100px 25px -10px black;
        box-shadow: inset 0 100px 25px -10px black;
    }
}

@-webkit-keyframes upgraderStars {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    25% {
        -webkit-transform: translate(-30%, -30%);
        transform: translate(-30%, -30%);
    }
    75% {
        -webkit-transform: translate(-70%, -70%);
        transform: translate(-70%, -70%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes upgraderStars {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    25% {
        -webkit-transform: translate(-30%, -30%);
        transform: translate(-30%, -30%);
    }
    75% {
        -webkit-transform: translate(-70%, -70%);
        transform: translate(-70%, -70%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@-webkit-keyframes upgraderCoins {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    25% {
        -webkit-transform: translate(-70%, -70%);
        transform: translate(-70%, -70%);
    }
    75% {
        -webkit-transform: translate(-30%, -30%);
        transform: translate(-30%, -30%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@keyframes upgraderCoins {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    25% {
        -webkit-transform: translate(-70%, -70%);
        transform: translate(-70%, -70%);
    }
    75% {
        -webkit-transform: translate(-30%, -30%);
        transform: translate(-30%, -30%);
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
@-webkit-keyframes upgraderShape {
    0% {
        -webkit-transform: translate(-777px, -660px) rotate(0deg);
        transform: translate(-777px, -660px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-777px, -660px) rotate(360deg);
        transform: translate(-777px, -660px) rotate(360deg);
    }
}
@keyframes upgraderShape {
    0% {
        -webkit-transform: translate(-777px, -660px) rotate(0deg);
        transform: translate(-777px, -660px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-777px, -660px) rotate(360deg);
        transform: translate(-777px, -660px) rotate(360deg);
    }
}
@-webkit-keyframes upgraderGlitch1 {
    0% {
        -webkit-transform: translateX(-40px) translateY(-1px);
        transform: translateX(-40px) translateY(-1px);
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}
@keyframes upgraderGlitch1 {
    0% {
        -webkit-transform: translateX(-40px) translateY(-1px);
        transform: translateX(-40px) translateY(-1px);
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}
@-webkit-keyframes upgraderGlitch2 {
    0% {
        -webkit-transform: translateX(25px) translateY(3px);
        transform: translateX(25px) translateY(3px);
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    100% {
        -webkit-transform: translateX(7px);
        transform: translateX(7px);
    }
}
@keyframes upgraderGlitch2 {
    0% {
        -webkit-transform: translateX(25px) translateY(3px);
        transform: translateX(25px) translateY(3px);
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    100% {
        -webkit-transform: translateX(7px);
        transform: translateX(7px);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@-webkit-keyframes blueAchive {
    0% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 142, 244, 1)), to(rgba(163, 0, 244, 1)));
        background: linear-gradient(0deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    50% {
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 142, 244, 1)), to(rgba(163, 0, 244, 1)));
        background: linear-gradient(180deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    100% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 142, 244, 1)), to(rgba(163, 0, 244, 1)));
        background: linear-gradient(360deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
}

@keyframes blueAchive {
    0% {
        background: -o-linear-gradient(bottom,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 142, 244, 1)), to(rgba(163, 0, 244, 1)));
        background: linear-gradient(0deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    10% {
        background: -o-linear-gradient(54deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(36deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    20% {
        background: -o-linear-gradient(18deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(72deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    30% {
        background: -o-linear-gradient(342deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(108deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    40% {
        background: -o-linear-gradient(306deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(144deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    50% {
        background: -o-linear-gradient(top,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 142, 244, 1)), to(rgba(163, 0, 244, 1)));
        background: linear-gradient(180deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    60% {
        background: -o-linear-gradient(234deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(216deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    70% {
        background: -o-linear-gradient(198deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(252deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    80% {
        background: -o-linear-gradient(162deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(288deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    90% {
        background: -o-linear-gradient(126deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: linear-gradient(324deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
    100% {
        background: -o-linear-gradient(bottom,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 142, 244, 1)), to(rgba(163, 0, 244, 1)));
        background: linear-gradient(360deg,rgba(0, 142, 244, 1) 0%, rgba(163, 0, 244, 1) 100%);
    }
}
@-webkit-keyframes redAchive {
    0% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 159, 0, 1)), to(rgba(244, 0, 0, 1)));
        background: linear-gradient(0deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    50% {
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(244, 159, 0, 1)), to(rgba(244, 0, 0, 1)));
        background: linear-gradient(180deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    100% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 159, 0, 1)), to(rgba(244, 0, 0, 1)));
        background: linear-gradient(360deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
}
@keyframes redAchive {
    0% {
        background: -o-linear-gradient(bottom,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 159, 0, 1)), to(rgba(244, 0, 0, 1)));
        background: linear-gradient(0deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    10% {
        background: -o-linear-gradient(54deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(36deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    20% {
        background: -o-linear-gradient(18deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(72deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    30% {
        background: -o-linear-gradient(342deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(108deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    40% {
        background: -o-linear-gradient(306deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(144deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    50% {
        background: -o-linear-gradient(top,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(244, 159, 0, 1)), to(rgba(244, 0, 0, 1)));
        background: linear-gradient(180deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    60% {
        background: -o-linear-gradient(234deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(216deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    70% {
        background: -o-linear-gradient(198deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(252deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    80% {
        background: -o-linear-gradient(162deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(288deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    90% {
        background: -o-linear-gradient(126deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: linear-gradient(324deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
    100% {
        background: -o-linear-gradient(bottom,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 159, 0, 1)), to(rgba(244, 0, 0, 1)));
        background: linear-gradient(360deg,rgba(244, 159, 0, 1) 0%, rgba(244, 0, 0, 1) 100%);
    }
}
@-webkit-keyframes goldAchive {
    0% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 183, 0, 1)), to(rgb(255, 255, 255)));
        background: linear-gradient(0deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    50% {
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(244, 183, 0, 1)), to(rgb(255, 255, 255)));
        background: linear-gradient(180deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgba(244, 183, 0, 1) 0%, rgba(244, 224, 0, 1) 100%);
    }
    100% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 183, 0, 1)), to(rgb(255, 255, 255)));
        background: linear-gradient(360deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
}
@keyframes goldAchive {
    0% {
        background: -o-linear-gradient(bottom,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 183, 0, 1)), to(rgb(255, 255, 255)));
        background: linear-gradient(0deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    10% {
        background: -o-linear-gradient(54deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(36deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    20% {
        background: -o-linear-gradient(18deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(72deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    30% {
        background: -o-linear-gradient(342deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(108deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    40% {
        background: -o-linear-gradient(306deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(144deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    50% {
        background: -o-linear-gradient(top,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-gradient(linear,left top, left bottom,from(rgba(244, 183, 0, 1)), to(rgb(255, 255, 255)));
        background: linear-gradient(180deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    60% {
        background: -o-linear-gradient(234deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(216deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    70% {
        background: -o-linear-gradient(198deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(252deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    80% {
        background: -o-linear-gradient(162deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: linear-gradient(288deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
    90% {
        background: -o-linear-gradient(126deg,rgba(244, 183, 0, 1) 0%, rgba(244, 224, 0, 1) 100%);
        background: linear-gradient(324deg,rgba(244, 183, 0, 1) 0%, rgba(244, 224, 0, 1) 100%);
    }
    100% {
        background: -o-linear-gradient(bottom,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgba(244, 183, 0, 1)), to(rgb(255, 255, 255)));
        background: linear-gradient(360deg,rgba(244, 183, 0, 1) 0%, rgb(255, 255, 255) 100%);
    }
}

@-webkit-keyframes diamondAchive {
    0% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgb(0, 175, 244)), color-stop(70%, rgb(0, 236, 244)), to(rgb(255, 255, 255)));
        background: linear-gradient(0deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    50% {
        background: -webkit-gradient(linear,left top, left bottom,from(rgb(0, 175, 244)), color-stop(70%, rgb(0, 236, 244)), to(rgb(255, 255, 255)));
        background: linear-gradient(180deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    100% {
        background: -webkit-gradient(linear,left bottom, left top,from(rgb(0, 175, 244)), color-stop(70%, rgb(0, 236, 244)), to(rgb(255, 255, 255)));
        background: linear-gradient(360deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
}
@keyframes diamondAchive {
    0% {
        background: -o-linear-gradient(bottom,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgb(0, 175, 244)), color-stop(70%, rgb(0, 236, 244)), to(rgb(255, 255, 255)));
        background: linear-gradient(0deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    10% {
        background: -o-linear-gradient(54deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(36deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    20% {
        background: -o-linear-gradient(18deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(72deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    30% {
        background: -o-linear-gradient(342deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(108deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    40% {
        background: -o-linear-gradient(306deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(144deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    50% {
        background: -o-linear-gradient(top,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: -webkit-gradient(linear,left top, left bottom,from(rgb(0, 175, 244)), color-stop(70%, rgb(0, 236, 244)), to(rgb(255, 255, 255)));
        background: linear-gradient(180deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    60% {
        background: -o-linear-gradient(234deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(216deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    70% {
        background: -o-linear-gradient(198deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(252deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    80% {
        background: -o-linear-gradient(162deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(288deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    90% {
        background: -o-linear-gradient(126deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: linear-gradient(324deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
    100% {
        background: -o-linear-gradient(bottom,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
        background: -webkit-gradient(linear,left bottom, left top,from(rgb(0, 175, 244)), color-stop(70%, rgb(0, 236, 244)), to(rgb(255, 255, 255)));
        background: linear-gradient(360deg,rgb(0, 175, 244) 0%, rgb(0, 236, 244) 70%, rgb(255, 255, 255) 100%);
    }
}

@keyframes expertAchive {
    0% {
        background: linear-gradient(0deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    50% {
        background: linear-gradient(180deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
    100% {
        background: linear-gradient(360deg,rgb(217, 181, 0) 0%, rgb(217, 181, 0) 30%, rgb(0, 133, 119) 70%, rgb(112, 255, 196) 100%);
    }
}
@keyframes guesserAchive {
    0% {
        background: linear-gradient(0deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    50% {
        background: linear-gradient(180deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
    100% {
        background: linear-gradient(360deg,rgb(135, 128, 101) 0%, rgb(148, 141, 95) 30%, rgb(224, 212, 141) 70%, rgb(255, 255, 255) 100%);
    }
}
@keyframes profiAchive {
    0% {
        background: linear-gradient(0deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    50% {
        background: linear-gradient(180deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
    100% {
        background: linear-gradient(360deg,rgb(230, 230, 230) 0%, rgb(156, 156, 156) 30%, rgb(99, 99, 99) 70%, rgb(255, 255, 255) 100%);
    }
}
@keyframes seerAchive {
    0% {
        background: linear-gradient(0deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    10% {
        background: linear-gradient(36deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    20% {
        background: linear-gradient(72deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    30% {
        background: linear-gradient(108deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    40% {
        background: linear-gradient(144deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    50% {
        background: linear-gradient(180deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    60% {
        background: linear-gradient(216deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    70% {
        background: linear-gradient(252deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    80% {
        background: linear-gradient(288deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    90% {
        background: linear-gradient(324deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
    100% {
        background: linear-gradient(360deg,rgb(179, 83, 0) 0%, rgba(181, 143, 72) 30%, rgba(97, 84, 75) 70%, rgba(255, 255, 255) 100%);
    }
}